@ibiz-template-plugin/ibiz-file-previewer 0.0.18 → 0.0.21

package/dist/index.es.js

@@ -977,26 +977,36 @@ const FileTypeEngineMap = /* @__PURE__ */ new Map([
     /* HTML */
   ]],
   // ET类型文件
+  // ------TXT类型文件服务端暂未支持START------
+  // [FileType.TXT, [EngineType.TXT]], // TXT类型文件
+  // [FileType.JSON, [EngineType.TXT]], // JSON类型文件
+  // [FileType.XML, [EngineType.TXT]], // XML类型文件
   ["txt", [
-    "TXT"
-    /* TXT */
+    "MD"
+    /* MD */
   ]],
   // TXT类型文件
   ["json", [
-    "TXT"
-    /* TXT */
+    "MD"
+    /* MD */
   ]],
   // JSON类型文件
   ["xml", [
-    "TXT"
-    /* TXT */
+    "MD"
+    /* MD */
   ]],
   // XML类型文件
+  // ------TXT类型文件服务端暂未支持END------
   ["pdf", [
     "PDF"
     /* PDF */
   ]],
   // PDF类型文件
+  ["ofd", [
+    "PDF"
+    /* PDF */
+  ]],
+  // OFD类型文件
   ["doc", [
     "PDF",
     "HTML"
@@ -1753,16 +1763,10 @@ const Teleport = ({ to = "body", children }) => {
     const target = document.querySelector(to);
     if (target) {
       containerRef.current = target;
-    } else {
-      const el = document.createElement("div");
-      el.id = to.replace("#", "");
-      document.body.appendChild(el);
-      containerRef.current = el;
     }
     return () => {
-      var _a;
-      if (to.startsWith("#") && !document.querySelector(to)) {
-        (_a = containerRef.current) == null ? void 0 : _a.remove();
+      if (containerRef.current) {
+        containerRef.current = null;
       }
     };
   }, [to]);
@@ -18472,8 +18476,9 @@ const ThumbnailPanel = (props) => {
 const ImagePage = (props) => {
   const isLoading = useSignal(true);
   const imgRef = A(null);
+  const [imgStyle, setImgStyle] = d$2({});
   const elementHeight = useSignal(0);
-  const imgStyle = useComputed(() => {
+  y$1(() => {
     let result = {};
     const { width, height } = props.parentDimensions;
     if (isLoading.value) {
@@ -18500,8 +18505,8 @@ const ImagePage = (props) => {
         });
       }
     }
-    return result;
-  });
+    setImgStyle(result);
+  }, [props.parentDimensions, props.state.value, isLoading.value]);
   const handleImageLoad = () => {
     isLoading.value = false;
   };
@@ -18533,7 +18538,7 @@ const ImagePage = (props) => {
     {
       ref: imgRef,
       className: "image-page",
-      style: imgStyle.value,
+      style: imgStyle,
       "data-page-index": props.index,
       children: [
         /* @__PURE__ */ u(
@@ -20063,8 +20068,13 @@ class FilePreviewMDController extends FilePreviewTextController {
    * 获取内容
    */
   async getContent() {
+    const options = this.filePreviewShell.getOptions();
+    const { fileId, fileCat, fileContent } = this.filePreviewShell.getState();
     try {
-      let content = await super.getContent();
+      if (fileContent) {
+        return fileContent;
+      }
+      let content = await options.getContent(fileId, "md", fileCat);
       if (this.state.value.fileType === FileType.HTML) {
         const parser = new DOMParser();
         const doc = parser.parseFromString(content, "text/html");
@@ -20079,7 +20089,7 @@ class FilePreviewMDController extends FilePreviewTextController {
         });
         content = turndown.turndown(cleanBodyHTML);
       }
-      return content;
+      return content || "";
     } catch (error2) {
       return error2.message || "";
     }
@@ -20091,8 +20101,11 @@ class FilePreviewHtmlController extends FilePreviewTextController {
    */
   async getContent() {
     const options = this.filePreviewShell.getOptions();
-    const { fileId, fileCat } = this.filePreviewShell.getState();
+    const { fileId, fileCat, fileContent } = this.filePreviewShell.getState();
     try {
+      if (fileContent) {
+        return fileContent;
+      }
       const content = await options.getContent(fileId, "html", fileCat);
       return content || "";
     } catch (error2) {
@@ -20290,7 +20303,13 @@ class FilePreviewShellController {
     this.destroyComponent();
     this.container = document.querySelector(this.options.selector);
     if (this.container)
-      G$1(_$2(FilePreviewShell, { controller: this }), this.container);
+      G$1(
+        _$2(FilePreviewShell, {
+          key: JSON.stringify(this.state.value),
+          controller: this
+        }),
+        this.container
+      );
   }
   /**
    * 销毁组件实例
@@ -20351,12 +20370,13 @@ class FilePreviewShellController {
   async copyTextContent(_event) {
     if (!this.options.getContent) return;
     await copyTextToClipboard("");
-    const { fileId, fileType, fileCat, fileContent } = this.state.value;
+    const { fileId, engineType, fileCat, fileContent } = this.state.value;
     let content = fileContent;
     if (content === "") {
+      const type = engineType === "HTML" ? "html" : "md";
       content = await this.options.getContent(
         fileId,
-        fileType,
+        type,
         fileCat
       );
     }