iking-web-ui-pro 0.2.11 → 0.2.13

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

@@ -1,38 +1,38 @@
-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 { inject as I, computed as m, defineComponent as F, mergeModels as Y, useModel as Z, 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 R, createCommentVNode as V, 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 o3, createSlots as n3, renderSlot as M, renderList as W, withModifiers as G } from "vue";
 import { buildUUID as i3, ikColor as s3, paramType as l3, ikFile as a3 } from "iking-utils-pro";
-const A = (t, n) => {
-  if (t.install = (o) => {
-    for (const e of [t, ...Object.values(n ?? {})])
-      o.component(e.name, e);
-  }, n)
-    for (const [o, e] of Object.entries(n))
-      t[o] = e;
+const A = (t, o) => {
+  if (t.install = (n) => {
+    for (const e of [t, ...Object.values(o ?? {})])
+      n.component(e.name, e);
+  }, o)
+    for (const [n, e] of Object.entries(o))
+      t[n] = e;
   return t;
-}, j = (t, n) => {
-  const o = t.__vccOpts || t;
-  for (const [e, l] of n)
-    o[e] = l;
-  return o;
-}, c3 = (t, n = 2) => {
+}, L = (t, o) => {
+  const n = t.__vccOpts || t;
+  for (const [e, l] of o)
+    n[e] = l;
+  return n;
+}, c3 = (t, o = 2) => {
   if (t === void 0)
     return "";
   if (t === 0)
     return "0 B";
-  const o = ["B", "KB", "MB", "GB", "TB"], e = Math.floor(Math.log(t) / Math.log(1024));
+  const n = ["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];
-}, 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 (l % 1 === 0 ? l.toFixed(o || 0) : l.toFixed(o)) + " " + n[e];
+}, T = (t, o) => o ? o.startsWith("http") ? o : `${t || location.origin}${o}` : "", r3 = (t) => {
+  const o = I("loadUrl"), n = m(() => t.loadUrl || t.fileUrl || (o == null ? void 0 : o.value)), e = I("uploadUrl"), l = m(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), i = I("token"), s = m(() => t.token || (i == null ? void 0 : i.value)), h = I("onlyofficeConfig"), f = m(() => t.onlyofficeConfig || (h == null ? void 0 : h.value)), a = I("userInfo"), p = m(() => t.userInfo || (a == null ? void 0 : a.value));
   return {
-    cLoadUrl: o,
+    cLoadUrl: n,
     cUploadUrl: l,
     cToken: s,
     cOnlyofficeConfig: f,
     cUserInfo: p
   };
-}, d3 = r3, Z = (t, n) => {
+}, d3 = r3, j = (t, o) => {
   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 = {
+  const n = (i = t == null ? void 0 : t.response) != null && i.data ? K((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) || K(t[o.suffix]), e = n == null ? void 0 : n.toLowerCase(), l = {
     sheet: "excel",
     excel: "excel",
     zip: "zip",
@@ -137,15 +137,15 @@ const A = (t, n) => {
   ".vob": "video",
   ".txt": "txt",
   ".pdf": "pdf"
-}, G = (t) => {
-  const n = t == null ? void 0 : t.toLocaleLowerCase(), o = n != null && n.startsWith(".") ? n : `.${n}`;
-  return o && u3[o] || "unknow";
+}, K = (t) => {
+  const o = t == null ? void 0 : t.toLocaleLowerCase(), n = o != null && o.startsWith(".") ? o : `.${o}`;
+  return n && u3[n] || "unknow";
 }, 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;
+  let o = "", n = ["doc", "docx"], e = ["xls", "xlsx"], l = ["ppt", "pptx"], i = ["pdf"];
+  return n.includes(t) && (o = "word"), e.includes(t) && (o = "cell"), l.includes(t) && (o = "slide"), i.includes(t) && (o = "text-pdf"), o;
 }, h3 = /* @__PURE__ */ F({
   __name: "IkPreviewFileDialog",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     file: {
       type: Object,
       default: () => []
@@ -180,12 +180,12 @@ const A = (t, n) => {
   }),
   emits: ["update:show"],
   setup(t) {
-    const n = t, o = Y(t, "show"), e = m(() => ({
+    const o = t, n = Z(t, "show"), e = m(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
       size: "fileSize",
-      ...n.field
+      ...o.field
     })), l = D(null), i = D(null), s = J({
       image: !1,
       office: !1,
@@ -197,17 +197,20 @@ const A = (t, n) => {
         if (i.value = {
           ...a,
           name: a[e.value.name],
-          url: T(n.loadUrl, b)
-        }, a && Z(a, e.value) === "image") {
+          url: T(o.loadUrl, b)
+        }, a && j(a, e.value) === "image") {
           s.image = !0;
           return;
-        } else if ((((w = n.onlyOfficeConfig) == null ? void 0 : w.accept) || n.onlyOfficeAccept).includes(C)) {
+        } else if (a && j(a, e.value) === "video") {
+          s.video = !0, console.log("modal.video = true;", s.video);
+          return;
+        } else if ((((w = o.onlyOfficeConfig) == null ? void 0 : w.accept) || o.onlyOfficeAccept).includes(C)) {
           s.office = !0, l.value = {
-            ...n.onlyOfficeConfig,
+            ...o.onlyOfficeConfig,
             editorConfig: {
-              ...((y = n.onlyOfficeConfig) == null ? void 0 : y.editorConfig) || {},
+              ...((y = o.onlyOfficeConfig) == null ? void 0 : y.editorConfig) || {},
               customization: {
-                ...((H = (_ = n.onlyOfficeConfig) == null ? void 0 : _.editorConfig) == null ? void 0 : H.customization) || {},
+                ...((H = (_ = o.onlyOfficeConfig) == null ? void 0 : _.editorConfig) == null ? void 0 : H.customization) || {},
                 review: {
                   reviewDisplay: "final"
                 }
@@ -216,9 +219,9 @@ const A = (t, n) => {
             document: {
               key: i3(),
               title: P,
-              url: T(n.loadUrl, b),
+              url: T(o.loadUrl, b),
               fileType: C,
-              ...((q = n.onlyOfficeConfig) == null ? void 0 : q.document) || {}
+              ...((q = o.onlyOfficeConfig) == null ? void 0 : q.document) || {}
             },
             documentType: v3(C)
           };
@@ -228,30 +231,30 @@ const A = (t, n) => {
         console.info("预览错误: ", v);
       }
     };
-    Q([o, n.file], ([a, p]) => {
+    Q([n, o.file], ([a, p]) => {
       a && e3(() => {
-        h(n.file);
+        h(o.file);
       });
     });
     const f = () => {
-      o.value = !1, s.office = !1, s.image = !1, s.video = !1;
+      n.value = !1, s.office = !1, s.image = !1, s.video = !1, i.value = null;
     };
     return (a, p) => {
       var w, y;
       const d = E("el-image-viewer");
-      return o.value ? (r(), u(
+      return n.value ? (r(), u(
         O,
         { key: 0 },
         [
-          (w = i.value) != null && w.url && s.image ? (r(), B(d, {
+          (w = i.value) != null && w.url && s.image ? (r(), R(d, {
             key: 0,
-            onClose: p[0] || (p[0] = (_) => {
-              i.value = null, s.image = !1;
-            }),
+            onClose: p[0] || (p[0] = (_) => f()),
             ref: "previewImgRef",
-            "url-list": [(y = i.value) == null ? void 0 : y.url]
-          }, null, 8, ["url-list"])) : M("v-if", !0),
-          M(" 文档类 "),
+            "url-list": [(y = i.value) == null ? void 0 : y.url],
+            teleported: ""
+          }, null, 8, ["url-list"])) : V("v-if", !0),
+          V('    <IkPreviewVideo :file="fileData" v-model:show="modal.video" />'),
+          V(" 文档类 "),
           k(g(I6), {
             modelValue: s.office,
             "onUpdate:modelValue": p[1] || (p[1] = (_) => s.office = _),
@@ -282,7 +285,7 @@ const A = (t, n) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : M("v-if", !0);
+      )) : V("v-if", !0);
     };
   }
 });
@@ -637,7 +640,7 @@ const p3 = A(h3), f3 = {
   null,
   -1
   /* HOISTED */
-), n6 = /* @__PURE__ */ c(
+), o6 = /* @__PURE__ */ c(
   "path",
   {
     d: "M960 326.4v16H755.2s-100.8-20.8-99.2-107.2c0 0 3.2 91.2 96 91.2h208z",
@@ -647,7 +650,7 @@ const p3 = A(h3), f3 = {
   null,
   -1
   /* HOISTED */
-), o6 = /* @__PURE__ */ c(
+), n6 = /* @__PURE__ */ c(
   "path",
   {
     d: "M657.6 0v233.6c0 25.6 17.6 92.8 97.6 92.8H960L657.6 0z",
@@ -670,8 +673,8 @@ const p3 = A(h3), f3 = {
   /* HOISTED */
 ), s6 = [
   t6,
-  n6,
   o6,
+  n6,
   i6
 ], l6 = {
   key: 10,
@@ -783,12 +786,12 @@ const p3 = A(h3), f3 = {
     }
   },
   setup(t) {
-    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));
+    const o = t, n = m(() => o.file ? j(o.file, o.fields) : o.type);
+    return (e, l) => n.value === "image" ? (r(), u("svg", f3, y3)) : n.value === "zip" ? (r(), u("svg", k3, F3)) : n.value === "ppt" ? (r(), u("svg", b3, V3)) : n.value === "word" ? (r(), u("svg", B3, M3)) : n.value === "pdf" ? (r(), u("svg", $3, q3)) : n.value === "txt" ? (r(), u("svg", O3, T3)) : n.value === "audio" ? (r(), u("svg", P3, L3)) : n.value === "video" ? (r(), u("svg", N3, K3)) : n.value === "excel" ? (r(), u("svg", X3, Q3)) : n.value === "exe" ? (r(), u("svg", e6, s6)) : n.value === "json" ? (r(), u("svg", l6, d6)) : (r(), u("svg", u6, f6));
   }
 }), m6 = {
   key: 0,
-  class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
+  class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
 }, w6 = {
   key: 1,
   class: "h-[1em] w-[1em]",
@@ -824,9 +827,9 @@ const p3 = A(h3), f3 = {
     tableIconType: {}
   },
   setup(t) {
-    const n = t, o = R("iconConfig"), e = m(() => ({
-      ...(o == null ? void 0 : o.value) || {},
-      ...n
+    const o = t, n = I("iconConfig"), e = m(() => ({
+      ...(n == null ? void 0 : n.value) || {},
+      ...o
     })), l = m(() => {
       const { name: s } = e.value;
       return /^http?:\/\//.test(s) ? "img" : /i-[^:]+:[^:]+/.test(s) ? "unocss" : s != null && s.startsWith("iksig") ? "iksig" : s != null && s.includes(":") ? "iconify" : s != null && s.startsWith("iksvg") ? "svg" : "i";
@@ -880,7 +883,7 @@ const p3 = A(h3), f3 = {
             style: x(i.value)
           },
           [
-            M(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
             l.value === "iksig" ? (r(), u(
               "i",
               {
@@ -913,7 +916,7 @@ const p3 = A(h3), f3 = {
           ],
           6
           /* CLASS, STYLE */
-        )) : (r(), B(f, {
+        )) : (r(), R(f, {
           key: 1,
           content: e.value.title,
           placement: "top"
@@ -974,7 +977,7 @@ const p3 = A(h3), f3 = {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (r(), B(a, {
+      ])) : (r(), R(a, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
@@ -991,7 +994,7 @@ const p3 = A(h3), f3 = {
     };
   }
 });
-const b6 = /* @__PURE__ */ j(F6, [["__scopeId", "data-v-7729b79a"]]), V = A(b6), C6 = {
+const b6 = /* @__PURE__ */ L(F6, [["__scopeId", "data-v-76d7e119"]]), B = A(b6), C6 = {
   key: 0,
   class: "exit-main-page-maximize"
 }, S6 = /* @__PURE__ */ F({
@@ -1007,15 +1010,15 @@ const b6 = /* @__PURE__ */ j(F6, [["__scopeId", "data-v-7729b79a"]]), V = A(b6),
     }
   },
   setup(t) {
-    return (n, o) => (r(), u("div", null, [
+    return (o, n) => (r(), u("div", null, [
       t.showBg && t.fullscreen ? (r(), u("div", C6, [
-        k(g(V), {
+        k(g(B), {
           name: "iksvg_guanbidanchuang",
           title: "关闭",
           size: 20,
           error: ""
         })
-      ])) : (r(), B(g(V), {
+      ])) : (r(), R(g(B), {
         key: 1,
         error: "",
         name: "iksvg_guanbidanchuang",
@@ -1025,9 +1028,9 @@ const b6 = /* @__PURE__ */ j(F6, [["__scopeId", "data-v-7729b79a"]]), V = A(b6),
     ]));
   }
 });
-const V6 = /* @__PURE__ */ j(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { class: "base-header" }, R6 = /* @__PURE__ */ F({
+const V6 = /* @__PURE__ */ L(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { class: "base-header" }, R6 = /* @__PURE__ */ F({
   __name: "IkBaseDialog",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Y({
     title: { default: "" },
     cancelText: { default: "取消" },
     confirmText: { default: "确认" },
@@ -1046,29 +1049,29 @@ const V6 = /* @__PURE__ */ j(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { cla
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const n = t, o = Y(t, "modelValue"), e = D(n.fullscreen), l = () => {
+    const o = t, n = Z(t, "modelValue"), e = D(o.fullscreen), l = () => {
       e.value = !e.value;
     }, i = F({
       setup() {
         return () => t3(V6, {
-          showBg: n.showCloseBg,
-          fullscreen: n.fullscreen
+          showBg: o.showCloseBg,
+          fullscreen: o.fullscreen
         });
       }
     });
     return (s, h) => {
       const f = E("el-dialog");
-      return r(), B(f, n3({
-        modelValue: o.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (a) => o.value = a)
+      return r(), R(f, o3({
+        modelValue: n.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (a) => n.value = a)
       }, s.$attrs, {
         "close-icon": g(i),
         class: `ik-base-dialog ${s.noHeader ? "no-header" : ""} ${s.noFooter ? "no-footer" : ""}`,
         fullscreen: e.value,
         "modal-class": "baseDialog"
-      }), o3({
+      }), n3({
         icon: S(() => [
-          I(s.$slots, "title", {}, () => [
+          M(s.$slots, "title", {}, () => [
             U(
               $(s.title),
               1
@@ -1078,7 +1081,7 @@ const V6 = /* @__PURE__ */ j(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { cla
         ]),
         header: S(() => [
           c("div", B6, [
-            I(s.$slots, "header", {}, () => [
+            M(s.$slots, "header", {}, () => [
               U(
                 $(s.title),
                 1
@@ -1086,16 +1089,16 @@ const V6 = /* @__PURE__ */ j(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { cla
               )
             ])
           ]),
-          s.$attrs.showClose ? (r(), B(g(V), {
+          s.$attrs.showClose ? (r(), R(g(B), {
             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"])) : M("v-if", !0)
+          }, null, 8, ["name", "title"])) : V("v-if", !0)
         ]),
         default: S(() => [
-          I(s.$slots, "default")
+          M(s.$slots, "default")
         ]),
         _: 2
         /* DYNAMIC */
@@ -1103,7 +1106,7 @@ const V6 = /* @__PURE__ */ j(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { cla
         s.$slots.footer ? {
           name: "footer",
           fn: S(() => [
-            I(s.$slots, "footer")
+            M(s.$slots, "footer")
           ]),
           key: "0"
         } : void 0
@@ -1112,13 +1115,13 @@ const V6 = /* @__PURE__ */ j(S6, [["__scopeId", "data-v-79f49df8"]]), B6 = { cla
   }
 });
 const I6 = A(R6);
-function M6(t, n, o, e) {
+function M6(t, o, n, e) {
   function l(i) {
-    return i instanceof o ? i : new o(function(s) {
+    return i instanceof n ? i : new n(function(s) {
       s(i);
     });
   }
-  return new (o || (o = Promise))(function(i, s) {
+  return new (n || (n = Promise))(function(i, s) {
     function h(p) {
       try {
         a(e.next(p));
@@ -1136,11 +1139,11 @@ function M6(t, n, o, e) {
     function a(p) {
       p.done ? i(p.value) : l(p.value).then(h, f);
     }
-    a((e = e.apply(t, n || [])).next());
+    a((e = e.apply(t, o || [])).next());
   });
 }
-function $6(t, n) {
-  var o = { label: 0, sent: function() {
+function $6(t, o) {
+  var n = { label: 0, sent: function() {
     if (i[0] & 1)
       throw i[1];
     return i[1];
@@ -1156,7 +1159,7 @@ function $6(t, n) {
   function f(a) {
     if (e)
       throw new TypeError("Generator is already executing.");
-    for (; s && (s = 0, a[0] && (o = 0)), o; )
+    for (; s && (s = 0, a[0] && (n = 0)), n; )
       try {
         if (e = 1, l && (i = a[0] & 2 ? l.return : a[0] ? l.throw || ((i = l.return) && i.call(l), 0) : l.next) && !(i = i.call(l, a[1])).done)
           return i;
@@ -1166,34 +1169,34 @@ function $6(t, n) {
             i = a;
             break;
           case 4:
-            return o.label++, { value: a[1], done: !1 };
+            return n.label++, { value: a[1], done: !1 };
           case 5:
-            o.label++, l = a[1], a = [0];
+            n.label++, l = a[1], a = [0];
             continue;
           case 7:
-            a = o.ops.pop(), o.trys.pop();
+            a = n.ops.pop(), n.trys.pop();
             continue;
           default:
-            if (i = o.trys, !(i = i.length > 0 && i[i.length - 1]) && (a[0] === 6 || a[0] === 2)) {
-              o = 0;
+            if (i = n.trys, !(i = i.length > 0 && i[i.length - 1]) && (a[0] === 6 || a[0] === 2)) {
+              n = 0;
               continue;
             }
             if (a[0] === 3 && (!i || a[1] > i[0] && a[1] < i[3])) {
-              o.label = a[1];
+              n.label = a[1];
               break;
             }
-            if (a[0] === 6 && o.label < i[1]) {
-              o.label = i[1], i = a;
+            if (a[0] === 6 && n.label < i[1]) {
+              n.label = i[1], i = a;
               break;
             }
-            if (i && o.label < i[2]) {
-              o.label = i[2], o.ops.push(a);
+            if (i && n.label < i[2]) {
+              n.label = i[2], n.ops.push(a);
               break;
             }
-            i[2] && o.ops.pop(), o.trys.pop();
+            i[2] && n.ops.pop(), n.trys.pop();
             continue;
         }
-        a = n.call(t, o);
+        a = o.call(t, n);
       } catch (p) {
         a = [6, p], l = 0;
       } finally {
@@ -1204,26 +1207,26 @@ function $6(t, n) {
     return { value: a[0] ? a[1] : void 0, done: !0 };
   }
 }
-var D6 = function(t, n) {
+var D6 = function(t, o) {
   return M6(void 0, void 0, void 0, function() {
-    return $6(this, function(o) {
+    return $6(this, function(n) {
       return [2, new Promise(function(e, l) {
         try {
           if (window.DocsAPI)
             return e(null);
-          var i = document.getElementById(n);
+          var i = document.getElementById(o);
           if (i)
             var s = setInterval(function() {
               var f = i.getAttribute("loading");
               if (!f) {
                 if (clearInterval(s), window.DocsAPI)
                   return e(null);
-                var a = K(n, t, e, l);
+                var a = X(o, t, e, l);
                 i.remove(), document.body.appendChild(a);
               }
             }, 500);
           else {
-            var h = K(n, t, e, l);
+            var h = X(o, t, e, l);
             document.body.appendChild(h);
           }
         } catch (f) {
@@ -1232,14 +1235,14 @@ var D6 = function(t, n) {
       })];
     });
   });
-}, K = function(t, n, o, e) {
+}, X = function(t, o, n, 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);
+  return l.id = t, l.type = "text/javascript", l.src = o, l.async = !0, l.onload = function() {
+    l.removeAttribute("loading"), n(null);
   }, l.onerror = function(i) {
     l.removeAttribute("loading"), e(i);
   }, l.setAttribute("loading", ""), l;
-}, L = F({
+}, N = F({
   name: "DocumentEditor",
   props: {
     id: {
@@ -1291,58 +1294,58 @@ var D6 = function(t, n) {
     events_onRequestSelectDocument: Function
   },
   mounted: function() {
-    var t = this, n = this.documentServerUrl;
-    n.endsWith("/") || (n += "/");
-    var o = "".concat(n, "web-apps/apps/api/documents/api.js");
-    D6(o, "onlyoffice-api-script").then(function() {
+    var t = this, o = this.documentServerUrl;
+    o.endsWith("/") || (o += "/");
+    var n = "".concat(o, "web-apps/apps/api/documents/api.js");
+    D6(n, "onlyoffice-api-script").then(function() {
       return t.onLoad();
     }).catch(function() {
       t.onError(-2);
     });
   },
   unmounted: function() {
-    var t, n = this.id || "";
-    !((t = window == null ? void 0 : window.DocEditor) === null || t === void 0) && t.instances[n] && (window.DocEditor.instances[n].destroyEditor(), window.DocEditor.instances[n] = void 0);
+    var t, o = this.id || "";
+    !((t = window == null ? void 0 : window.DocEditor) === null || t === void 0) && t.instances[o] && (window.DocEditor.instances[o].destroyEditor(), window.DocEditor.instances[o] = void 0);
   },
   watch: {
     config: {
-      handler: function(t, n) {
+      handler: function(t, o) {
         this.onChangeProps();
       },
       deep: !0
     },
-    document_fileType: function(t, n) {
+    document_fileType: function(t, o) {
       this.onChangeProps();
     },
-    document_title: function(t, n) {
+    document_title: function(t, o) {
       this.onChangeProps();
     },
-    documentType: function(t, n) {
+    documentType: function(t, o) {
       this.onChangeProps();
     },
-    editorConfig_lang: function(t, n) {
+    editorConfig_lang: function(t, o) {
       this.onChangeProps();
     },
-    height: function(t, n) {
+    height: function(t, o) {
       this.onChangeProps();
     },
-    type: function(t, n) {
+    type: function(t, o) {
       this.onChangeProps();
     },
-    width: function(t, n) {
+    width: function(t, o) {
       this.onChangeProps();
     }
   },
   methods: {
     onLoad: function() {
-      var t, n;
+      var t, o;
       try {
-        var o = this.id || "";
-        if (window.DocsAPI || this.onError(-3), !((t = window == null ? void 0 : window.DocEditor) === null || t === void 0) && t.instances[o]) {
-          console.log("Skip loading. Instance already exists", o);
+        var n = this.id || "";
+        if (window.DocsAPI || this.onError(-3), !((t = window == null ? void 0 : window.DocEditor) === null || t === void 0) && t.instances[n]) {
+          console.log("Skip loading. Instance already exists", n);
           return;
         }
-        !((n = window == null ? void 0 : window.DocEditor) === null || n === void 0) && n.instances || (window.DocEditor = { instances: {} });
+        !((o = window == null ? void 0 : window.DocEditor) === null || o === void 0) && o.instances || (window.DocEditor = { instances: {} });
         var e = Object.assign({
           document: {
             fileType: this.document_fileType,
@@ -1378,42 +1381,42 @@ var D6 = function(t, n) {
           height: this.height,
           type: this.type,
           width: this.width
-        }, this.config || {}), l = window.DocsAPI.DocEditor(o, e);
-        window.DocEditor.instances[o] = l;
+        }, this.config || {}), l = window.DocsAPI.DocEditor(n, e);
+        window.DocEditor.instances[n] = l;
       } catch (i) {
         console.error(i), this.onError(-1);
       }
     },
     onError: function(t) {
-      var n;
+      var o;
       switch (t) {
         case -2:
-          n = "Error load DocsAPI from " + this.documentServerUrl;
+          o = "Error load DocsAPI from " + this.documentServerUrl;
           break;
         case -3:
-          n = "DocsAPI is not defined";
+          o = "DocsAPI is not defined";
           break;
         default:
-          n = "Unknown error loading component", t = -1;
+          o = "Unknown error loading component", t = -1;
       }
-      typeof this.onLoadComponentError > "u" ? console.error(n) : this.onLoadComponentError(t, n);
+      typeof this.onLoadComponentError > "u" ? console.error(o) : this.onLoadComponentError(t, o);
     },
     onAppReady: function() {
       var t = this.id || "";
       this.events_onAppReady(window.DocEditor.instances[t]);
     },
     onChangeProps: function() {
-      var t, n = this.id || "";
-      !((t = window == null ? void 0 : window.DocEditor) === null || t === void 0) && t.instances[n] && (window.DocEditor.instances[n].destroyEditor(), window.DocEditor.instances[n] = void 0, console.log("Important props have been changed. Load new Editor."), this.onLoad());
+      var t, o = this.id || "";
+      !((t = window == null ? void 0 : window.DocEditor) === null || t === void 0) && t.instances[o] && (window.DocEditor.instances[o].destroyEditor(), window.DocEditor.instances[o] = void 0, console.log("Important props have been changed. Load new Editor."), this.onLoad());
     }
   }
 });
 const H6 = ["id"];
-function q6(t, n, o, e, l, i) {
+function q6(t, o, n, e, l, i) {
   return r(), u("div", { id: t.id }, null, 8, H6);
 }
-L.render = q6;
-L.__file = "src/components/DocumentEditor.vue";
+N.render = q6;
+N.__file = "src/components/DocumentEditor.vue";
 const O6 = /* @__PURE__ */ F({
   __name: "IkOnlyOffice",
   props: {
@@ -1435,25 +1438,25 @@ const O6 = /* @__PURE__ */ F({
     }
   },
   setup(t) {
-    const n = t, o = D({
+    const o = t, n = D({
       width: "100%",
       height: "100%",
-      ...n.configOptions || {},
-      ...n.configOptions
+      ...o.configOptions || {},
+      ...o.configOptions
     }), e = () => {
-      console.info("文档加载完成", n.configOptions);
+      console.info("文档加载完成", o.configOptions);
     };
     return (l, i) => (r(), u(
       "div",
       {
-        style: x({ height: n.officeHeight })
+        style: x({ height: o.officeHeight })
       },
       [
-        k(g(L), {
+        k(g(N), {
           id: `${(/* @__PURE__ */ new Date()).getTime()}`,
           ref: "editorRef",
           "document-server-url": t.documentServerUrl,
-          config: o.value,
+          config: n.value,
           events_onDocumentReady: e
         }, null, 8, ["id", "document-server-url", "config"])
       ],
@@ -1462,7 +1465,7 @@ const O6 = /* @__PURE__ */ F({
     ));
   }
 });
-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({
+const E6 = /* @__PURE__ */ L(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: {
@@ -1537,31 +1540,31 @@ const E6 = /* @__PURE__ */ j(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = A(E6)
     }
   },
   setup(t) {
-    const n = t, { cLoadUrl: o, cOnlyofficeConfig: e } = d3(n), l = m(() => ({
+    const o = t, { cLoadUrl: n, cOnlyofficeConfig: e } = d3(o), l = m(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
       size: "size",
-      ...n.field
+      ...o.field
     })), i = D({}), s = D(!1), h = (d) => {
       var w, y;
       i.value = {
         ...d,
         name: d.name,
         url: T(
-          o.value,
+          n.value,
           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;
     }, f = (d) => {
       a3.downloadFile(
         T(
-          o.value,
+          n.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), p = m(() => n.list.map((d) => ({
+    }, a = m(() => l3.isNumber(o.width) ? `${o.width}px` : o.width), p = m(() => o.list.map((d) => ({
       ...d,
       name: d[l.value.name] || d.attachmentName,
       size: d[l.value.size] || d.fileSize || d.attachmentSize,
@@ -1581,7 +1584,7 @@ const E6 = /* @__PURE__ */ j(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = A(E6)
               t.simple ? (r(!0), u(
                 O,
                 { key: 0 },
-                N(p.value, (v, b) => (r(), u("div", {
+                W(p.value, (v, b) => (r(), u("div", {
                   class: "iking-privew-annex simple",
                   onClick: (C) => h(v),
                   style: x({ width: a.value })
@@ -1599,18 +1602,18 @@ const E6 = /* @__PURE__ */ j(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = A(E6)
                       class: z(["flex flex-center", { "hover-show": t.iconHoverShow }])
                     },
                     [
-                      k(g(V), {
+                      k(g(B), {
                         name: "iksvg_daochu",
-                        onClick: W((C) => f(v), ["stop"]),
+                        onClick: G((C) => f(v), ["stop"]),
                         size: 20,
                         active: ""
                       }, null, 8, ["onClick"]),
-                      k(g(V), {
+                      k(g(B), {
                         name: "iksvg_yulan",
                         size: 20,
                         active: ""
                       }),
-                      I(d.$slots, "operation", {
+                      M(d.$slots, "operation", {
                         data: { ...v, findex: b }
                       })
                     ],
@@ -1620,12 +1623,12 @@ const E6 = /* @__PURE__ */ j(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = A(E6)
                 ], 12, T6))),
                 256
                 /* UNKEYED_FRAGMENT */
-              )) : (r(), B(y, { key: 1 }, {
+              )) : (r(), R(y, { key: 1 }, {
                 default: S(() => [
                   (r(!0), u(
                     O,
                     null,
-                    N(p.value, (v, b) => {
+                    W(p.value, (v, b) => {
                       var C;
                       return r(), u(
                         "div",
@@ -1670,18 +1673,20 @@ const E6 = /* @__PURE__ */ j(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = A(E6)
                                 class: z(["flex flex-center", { "hover-show": t.iconHoverShow }])
                               },
                               [
-                                k(g(V), {
+                                k(g(B), {
                                   name: "iksvg_daochu",
-                                  onClick: W((P) => f(v), ["stop"]),
+                                  onClick: G((P) => f(v), ["stop"]),
                                   bg: t.showBg,
-                                  size: t.showBg ? "default" : 20
+                                  size: t.showBg ? "default" : 20,
+                                  title: "下载"
                                 }, null, 8, ["onClick", "bg", "size"]),
-                                k(g(V), {
+                                k(g(B), {
                                   name: "iksvg_yulan",
                                   bg: t.showBg,
-                                  size: t.showBg ? "default" : 20
+                                  size: t.showBg ? "default" : 20,
+                                  title: "预览"
                                 }, null, 8, ["bg", "size"]),
-                                I(d.$slots, "operation", {
+                                M(d.$slots, "operation", {
                                   data: { ...v, findex: b }
                                 })
                               ],
@@ -1704,11 +1709,11 @@ const E6 = /* @__PURE__ */ j(O6, [["__scopeId", "data-v-98d51ef9"]]), A6 = A(E6)
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : M("v-if", !0),
+          )) : V("v-if", !0),
           k(g(p3), {
             show: s.value,
             "onUpdate:show": w[0] || (w[0] = (v) => s.value = v),
-            loadUrl: g(o),
+            loadUrl: g(n),
             file: i.value,
             onlyofficeServer: ((H = g(e)) == null ? void 0 : H.serverUrl) || t.onlyofficeServer,
             onlyOfficeConfig: g(e),