iking-web-ui-pro 0.2.7 → 0.2.9

package/dist/IKPreviewFile/ik.index.es.js

@@ -1,6 +1,6 @@
-import { inject as S, computed as m, defineComponent as z, mergeModels as W, useModel as G, ref as R, reactive as Y, watch as Z, nextTick as J, resolveComponent as E, openBlock as r, createElementBlock as u, Fragment as T, createBlock as B, createCommentVNode as V, createVNode as b, unref as g, withCtx as C, createElementVNode as c, normalizeClass as F, normalizeStyle as k, createTextVNode as P, toDisplayString as q, h as Q, mergeProps as e3, createSlots as t3, renderSlot as $, renderList as n3, withModifiers as o3 } from "vue";
+import { inject as R, computed as m, defineComponent as F, mergeModels as X, useModel as Y, ref as D, reactive as J, watch as Q, nextTick as e3, resolveComponent as E, openBlock as r, createElementBlock as u, Fragment as O, createBlock as B, createCommentVNode as M, createVNode as k, unref as g, withCtx as S, createElementVNode as c, normalizeClass as z, normalizeStyle as x, createTextVNode as U, toDisplayString as $, h as t3, mergeProps as n3, createSlots as o3, renderSlot as I, renderList as N, withModifiers as W } from "vue";
 import { buildUUID as i3, ikColor as s3, paramType as l3, ikFile as a3 } from "iking-utils-pro";
-const O = (t, n) => {
+const A = (t, n) => {
   if (t.install = (o) => {
     for (const e of [t, ...Object.values(n ?? {})])
       o.component(e.name, e);
@@ -8,7 +8,7 @@ const O = (t, n) => {
     for (const [o, e] of Object.entries(n))
       t[o] = e;
   return t;
-}, U = (t, n) => {
+}, j = (t, n) => {
   const o = t.__vccOpts || t;
   for (const [e, l] of n)
     o[e] = l;
@@ -21,18 +21,18 @@ const O = (t, n) => {
   const o = ["B", "KB", "MB", "GB", "TB"], e = Math.floor(Math.log(t) / Math.log(1024));
   let l = t / Math.pow(1024, e);
   return (l % 1 === 0 ? l.toFixed(n || 0) : l.toFixed(n)) + " " + o[e];
-}, A = (t, n) => n ? n.startsWith("http") ? n : `${t || location.origin}${n}` : "", r3 = (t) => {
-  const n = S("loadUrl"), o = m(() => t.loadUrl || (n == null ? void 0 : n.value)), e = S("uploadUrl"), l = m(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), i = S("token"), s = m(() => t.token || (i == null ? void 0 : i.value)), h = S("onlyofficeConfig"), p = m(() => t.onlyofficeConfig || (h == null ? void 0 : h.value)), a = S("userInfo"), v = m(() => t.userInfo || (a == null ? void 0 : a.value));
+}, T = (t, n) => n ? n.startsWith("http") ? n : `${t || location.origin}${n}` : "", r3 = (t) => {
+  const n = R("loadUrl"), o = m(() => t.loadUrl || (n == null ? void 0 : n.value)), e = R("uploadUrl"), l = m(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), i = R("token"), s = m(() => t.token || (i == null ? void 0 : i.value)), h = R("onlyofficeConfig"), f = m(() => t.onlyofficeConfig || (h == null ? void 0 : h.value)), a = R("userInfo"), p = m(() => t.userInfo || (a == null ? void 0 : a.value));
   return {
     cLoadUrl: o,
     cUploadUrl: l,
     cToken: s,
-    cOnlyofficeConfig: p,
-    cUserInfo: v
+    cOnlyofficeConfig: f,
+    cUserInfo: p
   };
-}, d3 = r3, K = (t, n) => {
-  var i, s, h, p;
-  const o = (i = t == null ? void 0 : t.response) != null && i.data ? L((h = (s = t == null ? void 0 : t.response) == null ? void 0 : s.data) == null ? void 0 : h.suffix) : ((p = t.raw) == null ? void 0 : p.type) || L(t[n.suffix]), e = o == null ? void 0 : o.toLowerCase(), l = {
+}, d3 = r3, Z = (t, n) => {
+  var i, s, h, f;
+  const o = (i = t == null ? void 0 : t.response) != null && i.data ? G((h = (s = t == null ? void 0 : t.response) == null ? void 0 : s.data) == null ? void 0 : h.suffix) : ((f = t.raw) == null ? void 0 : f.type) || G(t[n.suffix]), e = o == null ? void 0 : o.toLowerCase(), l = {
     sheet: "excel",
     excel: "excel",
     zip: "zip",
@@ -137,15 +137,15 @@ const O = (t, n) => {
   ".vob": "video",
   ".txt": "txt",
   ".pdf": "pdf"
-}, L = (t) => {
+}, G = (t) => {
   const n = t == null ? void 0 : t.toLocaleLowerCase(), o = n != null && n.startsWith(".") ? n : `.${n}`;
   return o && u3[o] || "unknow";
-}, h3 = (t) => {
+}, v3 = (t) => {
   let n = "", o = ["doc", "docx"], e = ["xls", "xlsx"], l = ["ppt", "pptx"], i = ["pdf"];
   return o.includes(t) && (n = "word"), e.includes(t) && (n = "cell"), l.includes(t) && (n = "slide"), i.includes(t) && (n = "text-pdf"), n;
-}, v3 = /* @__PURE__ */ z({
+}, h3 = /* @__PURE__ */ F({
   __name: "IkPreviewFileDialog",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ X({
     file: {
       type: Object,
       default: () => []
@@ -180,34 +180,34 @@ const O = (t, n) => {
   }),
   emits: ["update:show"],
   setup(t) {
-    const n = t, o = G(t, "show"), e = m(() => ({
+    const n = t, o = Y(t, "show"), e = m(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
       size: "fileSize",
       ...n.field
-    })), l = R(null), i = R(null), s = Y({
+    })), l = D(null), i = D(null), s = J({
       image: !1,
       office: !1,
       video: !1
     }), h = (a) => {
-      var v, d, w, _, y, I, x;
+      var p, d, w, y, _, H, q;
       try {
-        const f = ((v = a == null ? void 0 : a.response) == null ? void 0 : v.data) || a, M = f[e.value.url] || (f == null ? void 0 : f.id) || f.attachmentId, D = (d = f[e.value.suffix] || f.attachmentSuffix) == null ? void 0 : d.toLowerCase(), X = f[e.value.name] || (f == null ? void 0 : f.attachmentName) || (f == null ? void 0 : f.originName);
+        const v = ((p = a == null ? void 0 : a.response) == null ? void 0 : p.data) || a, b = v[e.value.url] || (v == null ? void 0 : v.id) || v.attachmentId, C = (d = v[e.value.suffix] || v.attachmentSuffix) == null ? void 0 : d.toLowerCase(), P = v[e.value.name] || (v == null ? void 0 : v.attachmentName) || (v == null ? void 0 : v.originName);
         if (i.value = {
           ...a,
           name: a[e.value.name],
-          url: A(n.loadUrl, M)
-        }, a && K(a, e.value) === "image") {
+          url: T(n.loadUrl, b)
+        }, a && Z(a, e.value) === "image") {
           s.image = !0;
           return;
-        } else if ((((w = n.onlyOfficeConfig) == null ? void 0 : w.accept) || n.onlyOfficeAccept).includes(D)) {
+        } else if ((((w = n.onlyOfficeConfig) == null ? void 0 : w.accept) || n.onlyOfficeAccept).includes(C)) {
           s.office = !0, l.value = {
             ...n.onlyOfficeConfig,
             editorConfig: {
-              ...((_ = n.onlyOfficeConfig) == null ? void 0 : _.editorConfig) || {},
+              ...((y = n.onlyOfficeConfig) == null ? void 0 : y.editorConfig) || {},
               customization: {
-                ...((I = (y = n.onlyOfficeConfig) == null ? void 0 : y.editorConfig) == null ? void 0 : I.customization) || {},
+                ...((H = (_ = n.onlyOfficeConfig) == null ? void 0 : _.editorConfig) == null ? void 0 : H.customization) || {},
                 review: {
                   reviewDisplay: "final"
                 }
@@ -215,46 +215,46 @@ const O = (t, n) => {
             },
             document: {
               key: i3(),
-              title: X,
-              url: A(n.loadUrl, M),
-              fileType: D,
-              ...((x = n.onlyOfficeConfig) == null ? void 0 : x.document) || {}
+              title: P,
+              url: T(n.loadUrl, b),
+              fileType: C,
+              ...((q = n.onlyOfficeConfig) == null ? void 0 : q.document) || {}
             },
-            documentType: h3(D)
+            documentType: v3(C)
           };
           return;
         }
-      } catch (f) {
-        console.info("预览错误: ", f);
+      } catch (v) {
+        console.info("预览错误: ", v);
       }
     };
-    Z([o, n.file], ([a, v]) => {
-      a && J(() => {
+    Q([o, n.file], ([a, p]) => {
+      a && e3(() => {
         h(n.file);
       });
     });
-    const p = () => {
+    const f = () => {
       o.value = !1, s.office = !1, s.image = !1, s.video = !1;
     };
-    return (a, v) => {
-      var w, _;
+    return (a, p) => {
+      var w, y;
       const d = E("el-image-viewer");
       return o.value ? (r(), u(
-        T,
+        O,
         { key: 0 },
         [
           (w = i.value) != null && w.url && s.image ? (r(), B(d, {
             key: 0,
-            onClose: v[0] || (v[0] = (y) => {
+            onClose: p[0] || (p[0] = (_) => {
               i.value = null, s.image = !1;
             }),
             ref: "previewImgRef",
-            "url-list": [(_ = i.value) == null ? void 0 : _.url]
-          }, null, 8, ["url-list"])) : V("v-if", !0),
-          V(" 文档类 "),
-          b(g(I6), {
+            "url-list": [(y = i.value) == null ? void 0 : y.url]
+          }, null, 8, ["url-list"])) : M("v-if", !0),
+          M(" 文档类 "),
+          k(g(I6), {
             modelValue: s.office,
-            "onUpdate:modelValue": v[1] || (v[1] = (y) => s.office = y),
+            "onUpdate:modelValue": p[1] || (p[1] = (_) => s.office = _),
             draggable: "",
             "no-footer": "",
             "no-header": "",
@@ -264,15 +264,15 @@ const O = (t, n) => {
             "close-on-click-modal": "",
             "close-on-press-escape": !1,
             "append-to-body": "",
-            onClose: p,
+            onClose: f,
             "modal-class": "ik-only-preview-dialog"
           }, {
-            default: C(() => {
-              var y;
+            default: S(() => {
+              var _;
               return [
-                b(g(A6), {
+                k(g(A6), {
                   "config-options": l.value,
-                  "document-server-url": ((y = t.onlyOfficeConfig) == null ? void 0 : y.serverUrl) || t.onlyofficeServer
+                  "document-server-url": ((_ = t.onlyOfficeConfig) == null ? void 0 : _.serverUrl) || t.onlyofficeServer
                 }, null, 8, ["config-options", "document-server-url"])
               ];
             }),
@@ -282,11 +282,11 @@ const O = (t, n) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : V("v-if", !0);
+      )) : M("v-if", !0);
     };
   }
 });
-const p3 = O(v3), f3 = {
+const p3 = A(h3), f3 = {
   key: 0,
   t: "1686300059786",
   class: "icon",
@@ -341,7 +341,7 @@ const p3 = O(v3), f3 = {
   m3,
   w3,
   _3
-], x3 = {
+], k3 = {
   key: 1,
   t: "1686301531714",
   class: "icon",
@@ -351,7 +351,7 @@ const p3 = O(v3), f3 = {
   "p-id": "9067",
   width: "200",
   height: "200"
-}, k3 = /* @__PURE__ */ c(
+}, x3 = /* @__PURE__ */ c(
   "path",
   {
     d: "M409.6 0v68.266667h-34.133333c-20.48 0-34.133333 13.653333-34.133334 34.133333s13.653333 34.133333 34.133334 34.133333H409.6v68.266667h-34.133333c-20.48 0-34.133333 13.653333-34.133334 34.133333s13.653333 34.133333 34.133334 34.133334H409.6v68.266666h-34.133333c-20.48 0-34.133333 13.653333-34.133334 34.133334s13.653333 34.133333 34.133334 34.133333H409.6v68.266667h-34.133333c-20.48 0-34.133333 13.653333-34.133334 34.133333s13.653333 34.133333 34.133334 34.133333h68.266666c20.48 0 34.133333-13.653333 34.133334-34.133333V477.866667h34.133333c20.48 0 34.133333-13.653333 34.133333-34.133334S532.48 409.6 512 409.6H477.866667V341.333333h34.133333c20.48 0 34.133333-13.653333 34.133333-34.133333S532.48 273.066667 512 273.066667H477.866667V204.8h34.133333c20.48 0 34.133333-13.653333 34.133333-34.133333S532.48 136.533333 512 136.533333H477.866667V0h204.8l273.066666 273.066667v614.4c0 75.093333-61.44 136.533333-136.533333 136.533333H204.8c-75.093333 0-136.533333-61.44-136.533333-136.533333V136.533333C68.266667 61.44 129.706667 0 204.8 0h204.8z m0 682.666667h68.266667v68.266666H409.6v-68.266666z m-34.133333-68.266667c-20.48 0-34.133333 13.653333-34.133334 34.133333v136.533334c0 20.48 13.653333 34.133333 34.133334 34.133333h136.533333c20.48 0 34.133333-13.653333 34.133333-34.133333v-136.533334c0-20.48-13.653333-34.133333-34.133333-34.133333h-136.533333z",
@@ -372,7 +372,7 @@ const p3 = O(v3), f3 = {
   -1
   /* HOISTED */
 ), F3 = [
-  k3,
+  x3,
   z3
 ], b3 = {
   key: 2,
@@ -407,7 +407,7 @@ const p3 = O(v3), f3 = {
 ), V3 = [
   C3,
   S3
-], R3 = {
+], B3 = {
   key: 3,
   t: "1686300157181",
   class: "icon",
@@ -417,7 +417,7 @@ const p3 = O(v3), f3 = {
   "p-id": "8292",
   width: "200",
   height: "200"
-}, B3 = /* @__PURE__ */ c(
+}, R3 = /* @__PURE__ */ c(
   "path",
   {
     d: "M204.8 0h477.866667l273.066666 273.066667v614.4c0 75.093333-61.44 136.533333-136.533333 136.533333H204.8c-75.093333 0-136.533333-61.44-136.533333-136.533333V136.533333C68.266667 61.44 129.706667 0 204.8 0z m307.2 607.573333l68.266667 191.146667c13.653333 27.306667 54.613333 27.306667 61.44 0l102.4-273.066667c6.826667-20.48 0-34.133333-20.48-40.96s-34.133333 0-40.96 13.653334l-68.266667 191.146666-68.266667-191.146666c-13.653333-27.306667-54.613333-27.306667-68.266666 0l-68.266667 191.146666-68.266667-191.146666c-6.826667-13.653333-27.306667-27.306667-47.786666-20.48s-27.306667 27.306667-20.48 47.786666l102.4 273.066667c13.653333 27.306667 54.613333 27.306667 61.44 0l75.093333-191.146667z",
@@ -438,9 +438,9 @@ const p3 = O(v3), f3 = {
   -1
   /* HOISTED */
 ), M3 = [
-  B3,
+  R3,
   I3
-], D3 = {
+], $3 = {
   key: 4,
   t: "1686300180947",
   class: "icon",
@@ -450,7 +450,7 @@ const p3 = O(v3), f3 = {
   "p-id": "8447",
   width: "200",
   height: "200"
-}, $3 = /* @__PURE__ */ c(
+}, D3 = /* @__PURE__ */ c(
   "path",
   {
     d: "M204.8 0h477.866667l273.066666 273.066667v614.4c0 75.093333-61.44 136.533333-136.533333 136.533333H204.8c-75.093333 0-136.533333-61.44-136.533333-136.533333V136.533333C68.266667 61.44 129.706667 0 204.8 0z m477.866667 730.453333c20.48 0 68.266667 0 68.266666-47.786666 0-20.48-6.826667-47.786667-68.266666-47.786667-27.306667 0-54.613333 6.826667-81.92 6.826667-34.133333-27.306667-68.266667-61.44-88.746667-102.4 20.48-75.093333 20.48-122.88 6.826667-150.186667-6.826667-6.826667-20.48-13.653333-34.133334-13.653333-20.48 0-34.133333 6.826667-40.96 20.48-20.48 40.96 13.653333 116.053333 27.306667 150.186666-20.48 54.613333-40.96 109.226667-68.266667 163.84C273.066667 764.586667 273.066667 798.72 273.066667 812.373333c0 13.653333 6.826667 27.306667 20.48 34.133334 6.826667 6.826667 13.653333 6.826667 20.48 6.826666 34.133333 0 68.266667-34.133333 116.053333-109.226666 54.613333-20.48 102.4-40.96 157.013333-47.786667 27.306667 20.48 61.44 34.133333 95.573334 34.133333zM491.52 416.426667c6.826667 20.48 6.826667 47.786667 0 68.266666-13.653333-20.48-13.653333-40.96-13.653333-68.266666h13.653333z m-177.493333 395.946666c13.653333-20.48 27.306667-27.306667 47.786666-40.96-13.653333 20.48-27.306667 34.133333-47.786666 40.96z m184.32-204.8c13.653333 20.48 34.133333 47.786667 54.613333 68.266667H546.133333c-27.306667 6.826667-61.44 13.653333-88.746666 27.306667 13.653333-34.133333 27.306667-61.44 40.96-95.573334z m177.493333 68.266667c27.306667 0 34.133333 6.826667 34.133333 13.653333-6.826667 0-20.48 6.826667-27.306666 0-13.653333 0-27.306667-6.826667-40.96-13.653333h34.133333z",
@@ -460,7 +460,7 @@ const p3 = O(v3), f3 = {
   null,
   -1
   /* HOISTED */
-), q3 = /* @__PURE__ */ c(
+), H3 = /* @__PURE__ */ c(
   "path",
   {
     d: "M682.666667 0l273.066666 273.066667h-204.8c-40.96 0-68.266667-27.306667-68.266666-68.266667V0z",
@@ -470,9 +470,9 @@ const p3 = O(v3), f3 = {
   null,
   -1
   /* HOISTED */
-), H3 = [
-  $3,
-  q3
+), q3 = [
+  D3,
+  H3
 ], O3 = {
   key: 5,
   t: "1686300195363",
@@ -728,7 +728,7 @@ const p3 = O(v3), f3 = {
   "p-id": "7515",
   width: "200",
   height: "200"
-}, h6 = /* @__PURE__ */ c(
+}, v6 = /* @__PURE__ */ c(
   "path",
   {
     d: "M160 0h512l256 256v704c0 35.3472-28.6528 64-64 64H160c-35.3472 0-64-28.6528-64-64V64c0-35.3472 28.6528-64 64-64z",
@@ -738,7 +738,7 @@ const p3 = O(v3), f3 = {
   null,
   -1
   /* HOISTED */
-), v6 = /* @__PURE__ */ c(
+), h6 = /* @__PURE__ */ c(
   "path",
   {
     d: "M672 0l256 256h-192c-35.3472 0-64-28.6528-64-64V0z",
@@ -759,10 +759,10 @@ const p3 = O(v3), f3 = {
   -1
   /* HOISTED */
 ), f6 = [
-  h6,
   v6,
+  h6,
   p6
-], g6 = /* @__PURE__ */ z({
+], g6 = /* @__PURE__ */ F({
   __name: "FileIcon",
   props: {
     type: {
@@ -783,8 +783,8 @@ const p3 = O(v3), f3 = {
     }
   },
   setup(t) {
-    const n = t, o = m(() => n.file ? K(n.file, n.fields) : n.type);
-    return (e, l) => o.value === "image" ? (r(), u("svg", f3, y3)) : o.value === "zip" ? (r(), u("svg", x3, F3)) : o.value === "ppt" ? (r(), u("svg", b3, V3)) : o.value === "word" ? (r(), u("svg", R3, M3)) : o.value === "pdf" ? (r(), u("svg", D3, H3)) : o.value === "txt" ? (r(), u("svg", O3, T3)) : o.value === "audio" ? (r(), u("svg", P3, L3)) : o.value === "video" ? (r(), u("svg", N3, K3)) : o.value === "excel" ? (r(), u("svg", X3, Q3)) : o.value === "exe" ? (r(), u("svg", e6, s6)) : o.value === "json" ? (r(), u("svg", l6, d6)) : (r(), u("svg", u6, f6));
+    const n = t, o = m(() => n.file ? Z(n.file, n.fields) : n.type);
+    return (e, l) => o.value === "image" ? (r(), u("svg", f3, y3)) : o.value === "zip" ? (r(), u("svg", k3, F3)) : o.value === "ppt" ? (r(), u("svg", b3, V3)) : o.value === "word" ? (r(), u("svg", B3, M3)) : o.value === "pdf" ? (r(), u("svg", $3, q3)) : o.value === "txt" ? (r(), u("svg", O3, T3)) : o.value === "audio" ? (r(), u("svg", P3, L3)) : o.value === "video" ? (r(), u("svg", N3, K3)) : o.value === "excel" ? (r(), u("svg", X3, Q3)) : o.value === "exe" ? (r(), u("svg", e6, s6)) : o.value === "json" ? (r(), u("svg", l6, d6)) : (r(), u("svg", u6, f6));
   }
 }), m6 = {
   key: 0,
@@ -793,11 +793,11 @@ const p3 = O(v3), f3 = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, _6 = ["xlink:href"], y6 = ["src"], x6 = {
+}, _6 = ["xlink:href"], y6 = ["src"], k6 = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, k6 = ["xlink:href"], z6 = ["src"], F6 = /* @__PURE__ */ z({
+}, x6 = ["xlink:href"], z6 = ["src"], F6 = /* @__PURE__ */ F({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -824,7 +824,7 @@ const p3 = O(v3), f3 = {
     tableIconType: {}
   },
   setup(t) {
-    const n = t, o = S("iconConfig"), e = m(() => ({
+    const n = t, o = R("iconConfig"), e = m(() => ({
       ...(o == null ? void 0 : o.value) || {},
       ...n
     })), l = m(() => {
@@ -858,13 +858,13 @@ const p3 = O(v3), f3 = {
       return e.value.width && (h.width = h.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), h;
     });
     return (s, h) => {
-      const p = E("el-tooltip"), a = E("el-button");
+      const f = E("el-tooltip"), a = E("el-button");
       return e.value.tableIconType === "icon" || !e.value.tableIconType ? (r(), u("span", m6, [
         e.value.notip || !e.value.title ? (r(), u(
           "i",
           {
             key: 0,
-            class: F(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            class: z(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
               [s.name]: l.value === "unocss",
               "show-bg": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
@@ -877,16 +877,16 @@ const p3 = O(v3), f3 = {
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: k(i.value)
+            style: x(i.value)
           },
           [
-            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            M(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
             l.value === "iksig" ? (r(), u(
               "i",
               {
                 key: 0,
-                class: F(`iksig ${e.value.name}`),
-                style: k(i.value)
+                class: z(`iksig ${e.value.name}`),
+                style: x(i.value)
               },
               null,
               6
@@ -903,8 +903,8 @@ const p3 = O(v3), f3 = {
               "i",
               {
                 key: 3,
-                class: F(e.value.name),
-                style: k(i.value)
+                class: z(e.value.name),
+                style: x(i.value)
               },
               null,
               6
@@ -913,16 +913,16 @@ const p3 = O(v3), f3 = {
           ],
           6
           /* CLASS, STYLE */
-        )) : (r(), B(p, {
+        )) : (r(), B(f, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: C(() => [
+          default: S(() => [
             c(
               "i",
               {
-                class: F(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                class: z(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                   [s.name]: l.value === "unocss",
                   "show-bg": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
@@ -934,23 +934,23 @@ const p3 = O(v3), f3 = {
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: k(i.value)
+                style: x(i.value)
               },
               [
                 l.value === "iksig" ? (r(), u(
                   "i",
                   {
                     key: 0,
-                    class: F(`iksig ${e.value.name}`),
-                    style: k(i.value)
+                    class: z(`iksig ${e.value.name}`),
+                    style: x(i.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : l.value === "svg" ? (r(), u("svg", x6, [
+                )) : l.value === "svg" ? (r(), u("svg", k6, [
                   c("use", {
                     "xlink:href": `#${e.value.name}`
-                  }, null, 8, k6)
+                  }, null, 8, x6)
                 ])) : l.value === "img" ? (r(), u("img", {
                   key: 2,
                   src: e.value.name,
@@ -959,8 +959,8 @@ const p3 = O(v3), f3 = {
                   "i",
                   {
                     key: 3,
-                    class: F(e.value.name),
-                    style: k(i.value)
+                    class: z(e.value.name),
+                    style: x(i.value)
                   },
                   null,
                   6
@@ -978,9 +978,9 @@ const p3 = O(v3), f3 = {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: C(() => [
-          P(
-            q(e.value.title),
+        default: S(() => [
+          U(
+            $(e.value.title),
             1
             /* TEXT */
           )
@@ -991,10 +991,10 @@ const p3 = O(v3), f3 = {
     };
   }
 });
-const b6 = /* @__PURE__ */ U(F6, [["__scopeId", "data-v-7729b79a"]]), H = O(b6), C6 = {
+const b6 = /* @__PURE__ */ j(F6, [["__scopeId", "data-v-7729b79a"]]), V = A(b6), C6 = {
   key: 0,
   class: "exit-main-page-maximize"
-}, S6 = /* @__PURE__ */ z({
+}, S6 = /* @__PURE__ */ F({
   __name: "CloseIcon",
   props: {
     showBg: {
@@ -1009,13 +1009,13 @@ const b6 = /* @__PURE__ */ U(F6, [["__scopeId", "data-v-7729b79a"]]), H = O(b6),
   setup(t) {
     return (n, o) => (r(), u("div", null, [
       t.showBg && t.fullscreen ? (r(), u("div", C6, [
-        b(g(H), {
+        k(g(V), {
           name: "iksvg_guanbidanchuang",
           title: "关闭",
           size: 20,
           error: ""
         })
-      ])) : (r(), B(g(H), {
+      ])) : (r(), B(g(V), {
         key: 1,
         error: "",
         name: "iksvg_guanbidanchuang",
@@ -1025,9 +1025,9 @@ const b6 = /* @__PURE__ */ U(F6, [["__scopeId", "data-v-7729b79a"]]), H = O(b6),
     ]));
   }
 });
-const V6 = /* @__PURE__ */ U(S6, [["__scopeId", "data-v-79f49df8"]]), R6 = { class: "base-header" }, B6 = /* @__PURE__ */ z({
+const V6 = /* @__PURE__ */ j(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { class: "base-header" }, R6 = /* @__PURE__ */ F({
   __name: "IkBaseDialog",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ X({
     title: { default: "" },
     cancelText: { default: "取消" },
     confirmText: { default: "确认" },
@@ -1046,19 +1046,19 @@ const V6 = /* @__PURE__ */ U(S6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const n = t, o = G(t, "modelValue"), e = R(n.fullscreen), l = () => {
+    const n = t, o = Y(t, "modelValue"), e = D(n.fullscreen), l = () => {
       e.value = !e.value;
-    }, i = z({
+    }, i = F({
       setup() {
-        return () => Q(V6, {
+        return () => t3(V6, {
           showBg: n.showCloseBg,
           fullscreen: n.fullscreen
         });
       }
     });
     return (s, h) => {
-      const p = E("el-dialog");
-      return r(), B(p, e3({
+      const f = E("el-dialog");
+      return r(), B(f, n3({
         modelValue: o.value,
         "onUpdate:modelValue": h[0] || (h[0] = (a) => o.value = a)
       }, s.$attrs, {
@@ -1066,44 +1066,44 @@ const V6 = /* @__PURE__ */ U(S6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
         class: `ik-base-dialog ${s.noHeader ? "no-header" : ""} ${s.noFooter ? "no-footer" : ""}`,
         fullscreen: e.value,
         "modal-class": "baseDialog"
-      }), t3({
-        icon: C(() => [
-          $(s.$slots, "title", {}, () => [
-            P(
-              q(s.title),
+      }), o3({
+        icon: S(() => [
+          I(s.$slots, "title", {}, () => [
+            U(
+              $(s.title),
               1
               /* TEXT */
             )
           ])
         ]),
-        header: C(() => [
-          c("div", R6, [
-            $(s.$slots, "header", {}, () => [
-              P(
-                q(s.title),
+        header: S(() => [
+          c("div", B6, [
+            I(s.$slots, "header", {}, () => [
+              U(
+                $(s.title),
                 1
                 /* TEXT */
               )
             ])
           ]),
-          s.$attrs.showClose ? (r(), B(g(H), {
+          s.$attrs.showClose ? (r(), B(g(V), {
             key: 0,
             onClick: l,
             name: e.value ? "iksvg_tuichuquanping" : "iksvg_quanping-daohang",
             class: "absolute! top-[18px] right-[50px] icon-dialog-full",
             title: e.value ? "退出全屏" : "全屏"
-          }, null, 8, ["name", "title"])) : V("v-if", !0)
+          }, null, 8, ["name", "title"])) : M("v-if", !0)
         ]),
-        default: C(() => [
-          $(s.$slots, "default")
+        default: S(() => [
+          I(s.$slots, "default")
         ]),
         _: 2
         /* DYNAMIC */
       }, [
         s.$slots.footer ? {
           name: "footer",
-          fn: C(() => [
-            $(s.$slots, "footer")
+          fn: S(() => [
+            I(s.$slots, "footer")
           ]),
           key: "0"
         } : void 0
@@ -1111,7 +1111,7 @@ const V6 = /* @__PURE__ */ U(S6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
     };
   }
 });
-const I6 = O(B6);
+const I6 = A(R6);
 function M6(t, n, o, e) {
   function l(i) {
     return i instanceof o ? i : new o(function(s) {
@@ -1119,27 +1119,27 @@ function M6(t, n, o, e) {
     });
   }
   return new (o || (o = Promise))(function(i, s) {
-    function h(v) {
+    function h(p) {
       try {
-        a(e.next(v));
+        a(e.next(p));
       } catch (d) {
         s(d);
       }
     }
-    function p(v) {
+    function f(p) {
       try {
-        a(e.throw(v));
+        a(e.throw(p));
       } catch (d) {
         s(d);
       }
     }
-    function a(v) {
-      v.done ? i(v.value) : l(v.value).then(h, p);
+    function a(p) {
+      p.done ? i(p.value) : l(p.value).then(h, f);
     }
     a((e = e.apply(t, n || [])).next());
   });
 }
-function D6(t, n) {
+function $6(t, n) {
   var o = { label: 0, sent: function() {
     if (i[0] & 1)
       throw i[1];
@@ -1149,11 +1149,11 @@ function D6(t, n) {
     return this;
   }), s;
   function h(a) {
-    return function(v) {
-      return p([a, v]);
+    return function(p) {
+      return f([a, p]);
     };
   }
-  function p(a) {
+  function f(a) {
     if (e)
       throw new TypeError("Generator is already executing.");
     for (; s && (s = 0, a[0] && (o = 0)), o; )
@@ -1194,8 +1194,8 @@ function D6(t, n) {
             continue;
         }
         a = n.call(t, o);
-      } catch (v) {
-        a = [6, v], l = 0;
+      } catch (p) {
+        a = [6, p], l = 0;
       } finally {
         e = i = 0;
       }
@@ -1204,9 +1204,9 @@ function D6(t, n) {
     return { value: a[0] ? a[1] : void 0, done: !0 };
   }
 }
-var $6 = function(t, n) {
+var D6 = function(t, n) {
   return M6(void 0, void 0, void 0, function() {
-    return D6(this, function(o) {
+    return $6(this, function(o) {
       return [2, new Promise(function(e, l) {
         try {
           if (window.DocsAPI)
@@ -1214,32 +1214,32 @@ var $6 = function(t, n) {
           var i = document.getElementById(n);
           if (i)
             var s = setInterval(function() {
-              var p = i.getAttribute("loading");
-              if (!p) {
+              var f = i.getAttribute("loading");
+              if (!f) {
                 if (clearInterval(s), window.DocsAPI)
                   return e(null);
-                var a = N(n, t, e, l);
+                var a = K(n, t, e, l);
                 i.remove(), document.body.appendChild(a);
               }
             }, 500);
           else {
-            var h = N(n, t, e, l);
+            var h = K(n, t, e, l);
             document.body.appendChild(h);
           }
-        } catch (p) {
-          console.error(p);
+        } catch (f) {
+          console.error(f);
         }
       })];
     });
   });
-}, N = function(t, n, o, e) {
+}, K = function(t, n, o, e) {
   var l = document.createElement("script");
   return l.id = t, l.type = "text/javascript", l.src = n, l.async = !0, l.onload = function() {
     l.removeAttribute("loading"), o(null);
   }, l.onerror = function(i) {
     l.removeAttribute("loading"), e(i);
   }, l.setAttribute("loading", ""), l;
-}, j = z({
+}, L = F({
   name: "DocumentEditor",
   props: {
     id: {
@@ -1294,7 +1294,7 @@ var $6 = function(t, n) {
     var t = this, n = this.documentServerUrl;
     n.endsWith("/") || (n += "/");
     var o = "".concat(n, "web-apps/apps/api/documents/api.js");
-    $6(o, "onlyoffice-api-script").then(function() {
+    D6(o, "onlyoffice-api-script").then(function() {
       return t.onLoad();
     }).catch(function() {
       t.onError(-2);
@@ -1408,13 +1408,13 @@ var $6 = function(t, n) {
     }
   }
 });
-const q6 = ["id"];
-function H6(t, n, o, e, l, i) {
-  return r(), u("div", { id: t.id }, null, 8, q6);
+const H6 = ["id"];
+function q6(t, n, o, e, l, i) {
+  return r(), u("div", { id: t.id }, null, 8, H6);
 }
-j.render = H6;
-j.__file = "src/components/DocumentEditor.vue";
-const O6 = /* @__PURE__ */ z({
+L.render = q6;
+L.__file = "src/components/DocumentEditor.vue";
+const O6 = /* @__PURE__ */ F({
   __name: "IkOnlyOffice",
   props: {
     // 文件服务器的服务的地址
@@ -1435,7 +1435,7 @@ const O6 = /* @__PURE__ */ z({
     }
   },
   setup(t) {
-    const n = t, o = R({
+    const n = t, o = D({
       width: "100%",
       height: "100%",
       ...n.configOptions || {},
@@ -1446,10 +1446,10 @@ const O6 = /* @__PURE__ */ z({
     return (l, i) => (r(), u(
       "div",
       {
-        style: k({ height: n.officeHeight })
+        style: x({ height: n.officeHeight })
       },
       [
-        b(g(j), {
+        k(g(L), {
           id: `${(/* @__PURE__ */ new Date()).getTime()}`,
           ref: "editorRef",
           "document-server-url": t.documentServerUrl,
@@ -1462,7 +1462,7 @@ const O6 = /* @__PURE__ */ z({
     ));
   }
 });
-const E6 = /* @__PURE__ */ U(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = O(E6), T6 = ["onClick"], P6 = { class: "text" }, U6 = { class: "fileName" }, j6 = { class: "size" }, L6 = /* @__PURE__ */ z({
+const E6 = /* @__PURE__ */ j(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = A(E6), T6 = ["onClick"], P6 = { class: "fileName simple" }, U6 = ["onClick"], j6 = { class: "text" }, L6 = { class: "fileName" }, N6 = { class: "size" }, W6 = /* @__PURE__ */ F({
   __name: "IkPreviewFile",
   props: {
     list: {
@@ -1529,6 +1529,11 @@ const E6 = /* @__PURE__ */ U(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = O(E6)
     jwtToken: {
       type: String,
       default: ""
+    },
+    // 简单模式
+    simple: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(t) {
@@ -1538,119 +1543,176 @@ const E6 = /* @__PURE__ */ U(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = O(E6)
       suffix: "suffix",
       size: "size",
       ...n.field
-    })), i = R({}), s = R(!1), h = (d) => {
-      var w, _;
+    })), i = D({}), s = D(!1), h = (d) => {
+      var w, y;
       i.value = {
         ...d,
         name: d.name,
-        url: A(
+        url: T(
           o.value,
-          d.url || ((_ = (w = d == null ? void 0 : d.response) == null ? void 0 : w.data) == null ? void 0 : _.id) || (d == null ? void 0 : d.id)
+          d.url || ((y = (w = d == null ? void 0 : d.response) == null ? void 0 : w.data) == null ? void 0 : y.id) || (d == null ? void 0 : d.id)
         )
       }, s.value = !0;
-    }, p = (d) => {
+    }, f = (d) => {
       a3.downloadFile(
-        A(
+        T(
           o.value,
           d[l.value.url] || d.attachmentId || d.id
         ),
         d[l.value.name] || d.attachmentName
       );
-    }, a = m(() => l3.isNumber(n.width) ? `${n.width}px` : n.width), v = m(() => n.list.map((d) => ({
+    }, a = m(() => l3.isNumber(n.width) ? `${n.width}px` : n.width), p = m(() => n.list.map((d) => ({
       ...d,
       name: d[l.value.name] || d.attachmentName,
       size: d[l.value.size] || d.fileSize || d.attachmentSize,
       suffix: d[l.value.suffix] || d.attachmentSuffix
     })));
     return (d, w) => {
-      var _, y, I;
+      var _, H, q;
+      const y = E("tmplate");
       return r(), u(
-        T,
+        O,
         null,
         [
-          (_ = t.list) != null && _.length ? (r(!0), u(
-            T,
+          (_ = t.list) != null && _.length ? (r(), u(
+            O,
             { key: 0 },
-            n3(v.value, (x, f) => {
-              var M;
-              return r(), u(
-                "div",
-                {
-                  class: F(["iking-privew-annex", { "is-bg": t.showBg }]),
-                  key: f,
-                  style: k({
-                    marginBottom: f == ((M = t.list) == null ? void 0 : M.length) - 1 ? "0" : "10px",
-                    width: a.value
-                  })
-                },
-                [
-                  c("div", {
-                    class: "file-card",
-                    onClick: (D) => h(x)
-                  }, [
-                    b(g6, {
-                      file: x,
-                      style: k({ height: `${t.iconSize}px` }),
-                      class: "ikui-w-auto",
-                      fields: l.value
-                    }, null, 8, ["file", "style", "fields"]),
-                    c("div", P6, [
-                      c(
+            [
+              t.simple ? (r(!0), u(
+                O,
+                { key: 0 },
+                N(p.value, (v, b) => (r(), u("div", {
+                  class: "iking-privew-annex simple",
+                  onClick: (C) => h(v),
+                  style: x({ width: a.value })
+                }, [
+                  c(
+                    "div",
+                    P6,
+                    $(v.name),
+                    1
+                    /* TEXT */
+                  ),
+                  c(
+                    "div",
+                    {
+                      class: z(["flex flex-center", { "hover-show": t.iconHoverShow }])
+                    },
+                    [
+                      k(g(V), {
+                        name: "iksvg_daochu",
+                        onClick: W((C) => f(v), ["stop"]),
+                        size: 20,
+                        active: ""
+                      }, null, 8, ["onClick"]),
+                      k(g(V), {
+                        name: "iksvg_yulan",
+                        size: 20,
+                        active: ""
+                      }),
+                      I(d.$slots, "operation", {
+                        data: { ...v, findex: b }
+                      })
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ], 12, T6))),
+                256
+                /* UNKEYED_FRAGMENT */
+              )) : (r(), B(y, { key: 1 }, {
+                default: S(() => [
+                  (r(!0), u(
+                    O,
+                    null,
+                    N(p.value, (v, b) => {
+                      var C;
+                      return r(), u(
                         "div",
-                        U6,
-                        q(x.name),
-                        1
-                        /* TEXT */
-                      ),
-                      c(
-                        "div",
-                        j6,
-                        q(g(c3)(x.size)),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    c(
-                      "div",
-                      {
-                        class: F(["flex flex-center", { "hover-show": t.iconHoverShow }])
-                      },
-                      [
-                        b(g(H), {
-                          name: "iksvg_daochu",
-                          onClick: o3((D) => p(x), ["stop"]),
-                          bg: t.showBg,
-                          size: t.showBg ? "default" : 20
-                        }, null, 8, ["onClick", "bg", "size"]),
-                        b(g(H), {
-                          name: "iksvg_yulan",
-                          bg: t.showBg,
-                          size: t.showBg ? "default" : 20
-                        }, null, 8, ["bg", "size"]),
-                        $(d.$slots, "operation", {
-                          data: { ...x, findex: f }
-                        })
-                      ],
-                      2
-                      /* CLASS */
-                    )
-                  ], 8, T6)
-                ],
-                6
-                /* CLASS, STYLE */
-              );
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )) : V("v-if", !0),
-          b(g(p3), {
+                        {
+                          class: z(["iking-privew-annex", { "is-bg": t.showBg }]),
+                          key: b,
+                          style: x({
+                            marginBottom: b == ((C = t.list) == null ? void 0 : C.length) - 1 ? "0" : "10px",
+                            width: a.value
+                          })
+                        },
+                        [
+                          c("div", {
+                            class: "file-card",
+                            onClick: (P) => h(v)
+                          }, [
+                            k(g6, {
+                              file: v,
+                              style: x({ height: `${t.iconSize}px` }),
+                              class: "ikui-w-auto",
+                              fields: l.value
+                            }, null, 8, ["file", "style", "fields"]),
+                            c("div", j6, [
+                              c(
+                                "div",
+                                L6,
+                                $(v.name),
+                                1
+                                /* TEXT */
+                              ),
+                              c(
+                                "div",
+                                N6,
+                                $(g(c3)(v.size)),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            c(
+                              "div",
+                              {
+                                class: z(["flex flex-center", { "hover-show": t.iconHoverShow }])
+                              },
+                              [
+                                k(g(V), {
+                                  name: "iksvg_daochu",
+                                  onClick: W((P) => f(v), ["stop"]),
+                                  bg: t.showBg,
+                                  size: t.showBg ? "default" : 20
+                                }, null, 8, ["onClick", "bg", "size"]),
+                                k(g(V), {
+                                  name: "iksvg_yulan",
+                                  bg: t.showBg,
+                                  size: t.showBg ? "default" : 20
+                                }, null, 8, ["bg", "size"]),
+                                I(d.$slots, "operation", {
+                                  data: { ...v, findex: b }
+                                })
+                              ],
+                              2
+                              /* CLASS */
+                            )
+                          ], 8, U6)
+                        ],
+                        6
+                        /* CLASS, STYLE */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 3
+                /* FORWARDED */
+              }))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : M("v-if", !0),
+          k(g(p3), {
             show: s.value,
-            "onUpdate:show": w[0] || (w[0] = (x) => s.value = x),
+            "onUpdate:show": w[0] || (w[0] = (v) => s.value = v),
             loadUrl: g(o),
             file: i.value,
-            onlyofficeServer: ((y = g(e)) == null ? void 0 : y.serverUrl) || t.onlyofficeServer,
+            onlyofficeServer: ((H = g(e)) == null ? void 0 : H.serverUrl) || t.onlyofficeServer,
             onlyOfficeConfig: g(e),
-            onlyOfficeAccept: ((I = g(e)) == null ? void 0 : I.accept) || t.onlyOfficeAccept
+            onlyOfficeAccept: ((q = g(e)) == null ? void 0 : q.accept) || t.onlyOfficeAccept
           }, null, 8, ["show", "loadUrl", "file", "onlyofficeServer", "onlyOfficeConfig", "onlyOfficeAccept"])
         ],
         64
@@ -1659,8 +1721,8 @@ const E6 = /* @__PURE__ */ U(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = O(E6)
     };
   }
 });
-const K6 = O(L6);
+const Y6 = A(W6);
 export {
-  K6 as IkPreviewFile,
-  K6 as default
+  Y6 as IkPreviewFile,
+  Y6 as default
 };