// import React, { useEffect } from "react";
// import styles from "./index.module.scss";
// import { useSelector } from "react-redux";
// import store, { RootState } from "@/store";
// import { CloseOutlined } from "@ant-design/icons";

// import jsPreviewDocx from "@js-preview/docx";
// import "@js-preview/docx/lib/index.css";

// function FileLookCom() {
//   const { fileLookUrl } = useSelector((state: RootState) => state.A0Layout);

//   useEffect(() => {
//     const nameRes = fileLookUrl.name;

//     const arr1 = [".doc", ".docx"];
//     arr1.forEach((v) => {
//       if (nameRes.toLowerCase().endsWith(v)) {
//         const myDocxPreviewer = jsPreviewDocx.init(
//           document.querySelector(".FileLookComDoc")!
//         );
//         myDocxPreviewer
//           .preview(fileLookUrl.url )
//           .then((res) => {
//             console.log("预览完成");
//           })
//           .catch((e) => {
//             console.log("预览失败", e);
//           });
//       }
//     });

//     const arr2 = [".ppt", ".pptx"];
//     arr2.forEach((v) => {
//       if (nameRes.toLowerCase().endsWith(v)) {
//       }
//     });

//     const arr3 = [".xls", ".xlsx"];
//     arr3.forEach((v) => {
//       if (nameRes.toLowerCase().endsWith(v)) {
//       }
//     });
//   }, [fileLookUrl]);

//   return (
//     <>
//       {fileLookUrl.url ? (
//         <div className={styles.FileLookCom}>
//           {/* 关闭按钮 */}
//           <div
//             className="FileLookClose"
//             onClick={() =>
//               store.dispatch({
//                 type: "layout/fileLookUrl",
//                 payload: { url: "", name: "" },
//               })
//             }
//           >
//             <CloseOutlined rev={undefined} />
//           </div>

//           <div className="FileLookComDoc"></div>
//         </div>
//       ) : null}
//     </>
//   );
// }

// const MemoFileLookCom = React.memo(FileLookCom);

// export default MemoFileLookCom;
