iking-web-ui-pro 0.2.11 → 0.2.13

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

@@ -1,21 +1,21 @@
-import { defineComponent as y, inject as X, computed as C, resolveComponent as z, openBlock as r, createElementBlock as f, normalizeClass as _, normalizeStyle as m, createCommentVNode as R, createElementVNode as I, createBlock as k, withCtx as h, createTextVNode as B, toDisplayString as O, createVNode as D, unref as w, mergeModels as H, useModel as W, ref as q, h as Y, mergeProps as G, createSlots as K, renderSlot as S, reactive as J, watch as Q, nextTick as Z, Fragment as ee } from "vue";
-import { ikColor as te, buildUUID as ne } from "iking-utils-pro";
+import { defineComponent as y, inject as Y, computed as C, resolveComponent as D, openBlock as r, createElementBlock as f, normalizeClass as _, normalizeStyle as m, createCommentVNode as k, createElementVNode as I, createBlock as b, withCtx as h, createTextVNode as B, toDisplayString as O, createVNode as z, unref as w, mergeModels as W, useModel as N, ref as q, h as G, mergeProps as K, createSlots as J, renderSlot as S, reactive as Q, watch as Z, nextTick as ee, Fragment as te } from "vue";
+import { ikColor as ne, buildUUID as oe } from "iking-utils-pro";
 const E = (n, t) => {
-  if (n.install = (o) => {
+  if (n.install = (i) => {
     for (const e of [n, ...Object.values(t ?? {})])
-      o.component(e.name, e);
+      i.component(e.name, e);
   }, t)
-    for (const [o, e] of Object.entries(t))
-      n[o] = e;
+    for (const [i, e] of Object.entries(t))
+      n[i] = e;
   return n;
 }, M = (n, t) => t ? t.startsWith("http") ? t : `${n || location.origin}${t}` : "", V = (n, t) => {
-  const o = n.__vccOpts || n;
-  for (const [e, l] of t)
-    o[e] = l;
-  return o;
-}, oe = (n, t) => {
-  var i, s, c, d;
-  const o = (i = n == null ? void 0 : n.response) != null && i.data ? L((c = (s = n == null ? void 0 : n.response) == null ? void 0 : s.data) == null ? void 0 : c.suffix) : ((d = n.raw) == null ? void 0 : d.type) || L(n[t.suffix]), e = o == null ? void 0 : o.toLowerCase(), l = {
+  const i = n.__vccOpts || n;
+  for (const [e, a] of t)
+    i[e] = a;
+  return i;
+}, L = (n, t) => {
+  var s, o, c, d;
+  const i = (s = n == null ? void 0 : n.response) != null && s.data ? U((c = (o = n == null ? void 0 : n.response) == null ? void 0 : o.data) == null ? void 0 : c.suffix) : ((d = n.raw) == null ? void 0 : d.type) || U(n[t.suffix]), e = i == null ? void 0 : i.toLowerCase(), a = {
     sheet: "excel",
     excel: "excel",
     zip: "zip",
@@ -31,9 +31,9 @@ const E = (n, t) => {
     exe: "exe",
     json: "json"
   };
-  for (let a in l)
-    if (typeof e == "string" && (e.includes(a) || e === a))
-      return l[a];
+  for (let l in a)
+    if (typeof e == "string" && (e.includes(l) || e === l))
+      return a[l];
   return "unknown";
 }, ie = {
   ".doc": "word",
@@ -120,16 +120,16 @@ const E = (n, t) => {
   ".vob": "video",
   ".txt": "txt",
   ".pdf": "pdf"
-}, L = (n) => {
-  const t = n == null ? void 0 : n.toLocaleLowerCase(), o = t != null && t.startsWith(".") ? t : `.${t}`;
-  return o && ie[o] || "unknow";
+}, U = (n) => {
+  const t = n == null ? void 0 : n.toLocaleLowerCase(), i = t != null && t.startsWith(".") ? t : `.${t}`;
+  return i && ie[i] || "unknow";
 }, se = (n) => {
-  let t = "", o = ["doc", "docx"], e = ["xls", "xlsx"], l = ["ppt", "pptx"], i = ["pdf"];
-  return o.includes(n) && (t = "word"), e.includes(n) && (t = "cell"), l.includes(n) && (t = "slide"), i.includes(n) && (t = "text-pdf"), t;
-}, ae = {
-  key: 0,
-  class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
+  let t = "", i = ["doc", "docx"], e = ["xls", "xlsx"], a = ["ppt", "pptx"], s = ["pdf"];
+  return i.includes(n) && (t = "word"), e.includes(n) && (t = "cell"), a.includes(n) && (t = "slide"), s.includes(n) && (t = "text-pdf"), t;
 }, le = {
+  key: 0,
+  class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
+}, ae = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
@@ -164,78 +164,78 @@ const E = (n, t) => {
     tableIconType: {}
   },
   setup(n) {
-    const t = n, o = X("iconConfig"), e = C(() => ({
-      ...(o == null ? void 0 : o.value) || {},
+    const t = n, i = Y("iconConfig"), e = C(() => ({
+      ...(i == null ? void 0 : i.value) || {},
       ...t
-    })), l = C(() => {
-      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";
-    }), i = C(() => {
-      const s = [];
+    })), a = C(() => {
+      const { name: o } = e.value;
+      return /^http?:\/\//.test(o) ? "img" : /i-[^:]+:[^:]+/.test(o) ? "unocss" : o != null && o.startsWith("iksig") ? "iksig" : o != null && o.includes(":") ? "iconify" : o != null && o.startsWith("iksvg") ? "svg" : "i";
+    }), s = C(() => {
+      const o = [];
       if (e.value.flip)
         switch (e.value.flip) {
           case "horizontal":
-            s.push("rotateY(180deg)");
+            o.push("rotateY(180deg)");
             break;
           case "vertical":
-            s.push("rotateX(180deg)");
+            o.push("rotateX(180deg)");
             break;
           case "both":
-            s.push("rotateX(180deg)"), s.push("rotateY(180deg)");
+            o.push("rotateX(180deg)"), o.push("rotateY(180deg)");
             break;
         }
-      e.value.rotate && s.push(`rotate(${e.value.rotate % 360}deg)`);
+      e.value.rotate && o.push(`rotate(${e.value.rotate % 360}deg)`);
       const c = {
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
-        ...s.length && { transform: s.join(" ") },
+        ...o.length && { transform: o.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && l.value !== "iksig" ? {
+        ...e.value.color && a.value !== "iksig" ? {
           "--ik-color-icon-dark": e.value.color,
-          "--ik-color-icon-light": e.value.colorLight || te.setOpacity(e.value.color, e.value.opacity)
+          "--ik-color-icon-light": e.value.colorLight || ne.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
       return e.value.width && (c.width = c.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), c;
     });
-    return (s, c) => {
-      const d = z("el-tooltip"), a = z("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (r(), f("span", ae, [
+    return (o, c) => {
+      const d = D("el-tooltip"), l = D("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (r(), f("span", le, [
         e.value.notip || !e.value.title ? (r(), f(
           "i",
           {
             key: 0,
             class: _(["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",
+              [o.name]: a.value === "unocss",
               "show-bg": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
               small: e.value.size === "small",
               big: e.value.size === "big",
               warning: e.value.warning || e.value.type === "warning",
               primary: e.value.primary || e.value.type === "primary",
-              success: s.success || e.value.type === "success",
+              success: o.success || e.value.type === "success",
               error: e.value.error || e.value.type === "error",
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: m(i.value)
+            style: m(s.value)
           },
           [
-            R(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            l.value === "iksig" ? (r(), f(
+            k(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            a.value === "iksig" ? (r(), f(
               "i",
               {
                 key: 0,
                 class: _(`iksig ${e.value.name}`),
-                style: m(i.value)
+                style: m(s.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : l.value === "svg" ? (r(), f("svg", le, [
+            )) : a.value === "svg" ? (r(), f("svg", ae, [
               I("use", {
                 "xlink:href": `#${e.value.name}`
               }, null, 8, re)
-            ])) : l.value === "img" ? (r(), f("img", {
+            ])) : a.value === "img" ? (r(), f("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
@@ -244,7 +244,7 @@ const E = (n, t) => {
               {
                 key: 3,
                 class: _(e.value.name),
-                style: m(i.value)
+                style: m(s.value)
               },
               null,
               6
@@ -253,7 +253,7 @@ const E = (n, t) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (r(), k(d, {
+        )) : (r(), b(d, {
           key: 1,
           content: e.value.title,
           placement: "top"
@@ -263,35 +263,35 @@ const E = (n, t) => {
               "i",
               {
                 class: _(["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",
+                  [o.name]: a.value === "unocss",
                   "show-bg": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
                   small: e.value.size === "small",
                   big: e.value.size === "big",
                   warning: e.value.warning || e.value.type === "warning",
-                  primary: s.primary || e.value.type === "primary",
-                  success: s.success || e.value.type === "success",
+                  primary: o.primary || e.value.type === "primary",
+                  success: o.success || e.value.type === "success",
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: m(i.value)
+                style: m(s.value)
               },
               [
-                l.value === "iksig" ? (r(), f(
+                a.value === "iksig" ? (r(), f(
                   "i",
                   {
                     key: 0,
                     class: _(`iksig ${e.value.name}`),
-                    style: m(i.value)
+                    style: m(s.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : l.value === "svg" ? (r(), f("svg", ue, [
+                )) : a.value === "svg" ? (r(), f("svg", ue, [
                   I("use", {
                     "xlink:href": `#${e.value.name}`
                   }, null, 8, de)
-                ])) : l.value === "img" ? (r(), f("img", {
+                ])) : a.value === "img" ? (r(), f("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
@@ -300,7 +300,7 @@ const E = (n, t) => {
                   {
                     key: 3,
                     class: _(e.value.name),
-                    style: m(i.value)
+                    style: m(s.value)
                   },
                   null,
                   6
@@ -314,7 +314,7 @@ const E = (n, t) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (r(), k(a, {
+      ])) : (r(), b(l, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
@@ -331,7 +331,7 @@ const E = (n, t) => {
     };
   }
 });
-const ve = /* @__PURE__ */ V(fe, [["__scopeId", "data-v-7729b79a"]]), $ = E(ve), ge = {
+const ve = /* @__PURE__ */ V(fe, [["__scopeId", "data-v-76d7e119"]]), $ = E(ve), ge = {
   key: 0,
   class: "exit-main-page-maximize"
 }, me = /* @__PURE__ */ y({
@@ -347,15 +347,15 @@ const ve = /* @__PURE__ */ V(fe, [["__scopeId", "data-v-7729b79a"]]), $ = E(ve),
     }
   },
   setup(n) {
-    return (t, o) => (r(), f("div", null, [
+    return (t, i) => (r(), f("div", null, [
       n.showBg && n.fullscreen ? (r(), f("div", ge, [
-        D(w($), {
+        z(w($), {
           name: "iksvg_guanbidanchuang",
           title: "关闭",
           size: 20,
           error: ""
         })
-      ])) : (r(), k(w($), {
+      ])) : (r(), b(w($), {
         key: 1,
         error: "",
         name: "iksvg_guanbidanchuang",
@@ -367,7 +367,7 @@ const ve = /* @__PURE__ */ V(fe, [["__scopeId", "data-v-7729b79a"]]), $ = E(ve),
 });
 const he = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ye = { class: "base-header" }, we = /* @__PURE__ */ y({
   __name: "IkBaseDialog",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ W({
     title: { default: "" },
     cancelText: { default: "取消" },
     confirmText: { default: "确认" },
@@ -386,31 +386,31 @@ const he = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ye = { cla
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const t = n, o = W(n, "modelValue"), e = q(t.fullscreen), l = () => {
+    const t = n, i = N(n, "modelValue"), e = q(t.fullscreen), a = () => {
       e.value = !e.value;
-    }, i = y({
+    }, s = y({
       setup() {
-        return () => Y(he, {
+        return () => G(he, {
           showBg: t.showCloseBg,
           fullscreen: t.fullscreen
         });
       }
     });
-    return (s, c) => {
-      const d = z("el-dialog");
-      return r(), k(d, G({
-        modelValue: o.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (a) => o.value = a)
-      }, s.$attrs, {
-        "close-icon": w(i),
-        class: `ik-base-dialog ${s.noHeader ? "no-header" : ""} ${s.noFooter ? "no-footer" : ""}`,
+    return (o, c) => {
+      const d = D("el-dialog");
+      return r(), b(d, K({
+        modelValue: i.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (l) => i.value = l)
+      }, o.$attrs, {
+        "close-icon": w(s),
+        class: `ik-base-dialog ${o.noHeader ? "no-header" : ""} ${o.noFooter ? "no-footer" : ""}`,
         fullscreen: e.value,
         "modal-class": "baseDialog"
-      }), K({
+      }), J({
         icon: h(() => [
-          S(s.$slots, "title", {}, () => [
+          S(o.$slots, "title", {}, () => [
             B(
-              O(s.title),
+              O(o.title),
               1
               /* TEXT */
             )
@@ -418,32 +418,32 @@ const he = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ye = { cla
         ]),
         header: h(() => [
           I("div", ye, [
-            S(s.$slots, "header", {}, () => [
+            S(o.$slots, "header", {}, () => [
               B(
-                O(s.title),
+                O(o.title),
                 1
                 /* TEXT */
               )
             ])
           ]),
-          s.$attrs.showClose ? (r(), k(w($), {
+          o.$attrs.showClose ? (r(), b(w($), {
             key: 0,
-            onClick: l,
+            onClick: a,
             name: e.value ? "iksvg_tuichuquanping" : "iksvg_quanping-daohang",
             class: "absolute! top-[18px] right-[50px] icon-dialog-full",
             title: e.value ? "退出全屏" : "全屏"
-          }, null, 8, ["name", "title"])) : R("v-if", !0)
+          }, null, 8, ["name", "title"])) : k("v-if", !0)
         ]),
         default: h(() => [
-          S(s.$slots, "default")
+          S(o.$slots, "default")
         ]),
         _: 2
         /* DYNAMIC */
       }, [
-        s.$slots.footer ? {
+        o.$slots.footer ? {
           name: "footer",
           fn: h(() => [
-            S(s.$slots, "footer")
+            S(o.$slots, "footer")
           ]),
           key: "0"
         } : void 0
@@ -452,118 +452,118 @@ const he = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ye = { cla
   }
 });
 const _e = E(we);
-function ke(n, t, o, e) {
-  function l(i) {
-    return i instanceof o ? i : new o(function(s) {
-      s(i);
+function ke(n, t, i, e) {
+  function a(s) {
+    return s instanceof i ? s : new i(function(o) {
+      o(s);
     });
   }
-  return new (o || (o = Promise))(function(i, s) {
+  return new (i || (i = Promise))(function(s, o) {
     function c(u) {
       try {
-        a(e.next(u));
+        l(e.next(u));
       } catch (v) {
-        s(v);
+        o(v);
       }
     }
     function d(u) {
       try {
-        a(e.throw(u));
+        l(e.throw(u));
       } catch (v) {
-        s(v);
+        o(v);
       }
     }
-    function a(u) {
-      u.done ? i(u.value) : l(u.value).then(c, d);
+    function l(u) {
+      u.done ? s(u.value) : a(u.value).then(c, d);
     }
-    a((e = e.apply(n, t || [])).next());
+    l((e = e.apply(n, t || [])).next());
   });
 }
 function be(n, t) {
-  var o = { label: 0, sent: function() {
-    if (i[0] & 1)
-      throw i[1];
-    return i[1];
-  }, trys: [], ops: [] }, e, l, i, s;
-  return s = { next: c(0), throw: c(1), return: c(2) }, typeof Symbol == "function" && (s[Symbol.iterator] = function() {
+  var i = { label: 0, sent: function() {
+    if (s[0] & 1)
+      throw s[1];
+    return s[1];
+  }, trys: [], ops: [] }, e, a, s, o;
+  return o = { next: c(0), throw: c(1), return: c(2) }, typeof Symbol == "function" && (o[Symbol.iterator] = function() {
     return this;
-  }), s;
-  function c(a) {
+  }), o;
+  function c(l) {
     return function(u) {
-      return d([a, u]);
+      return d([l, u]);
     };
   }
-  function d(a) {
+  function d(l) {
     if (e)
       throw new TypeError("Generator is already executing.");
-    for (; s && (s = 0, a[0] && (o = 0)), o; )
+    for (; o && (o = 0, l[0] && (i = 0)), i; )
       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;
-        switch (l = 0, i && (a = [a[0] & 2, i.value]), a[0]) {
+        if (e = 1, a && (s = l[0] & 2 ? a.return : l[0] ? a.throw || ((s = a.return) && s.call(a), 0) : a.next) && !(s = s.call(a, l[1])).done)
+          return s;
+        switch (a = 0, s && (l = [l[0] & 2, s.value]), l[0]) {
           case 0:
           case 1:
-            i = a;
+            s = l;
             break;
           case 4:
-            return o.label++, { value: a[1], done: !1 };
+            return i.label++, { value: l[1], done: !1 };
           case 5:
-            o.label++, l = a[1], a = [0];
+            i.label++, a = l[1], l = [0];
             continue;
           case 7:
-            a = o.ops.pop(), o.trys.pop();
+            l = i.ops.pop(), i.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 (s = i.trys, !(s = s.length > 0 && s[s.length - 1]) && (l[0] === 6 || l[0] === 2)) {
+              i = 0;
               continue;
             }
-            if (a[0] === 3 && (!i || a[1] > i[0] && a[1] < i[3])) {
-              o.label = a[1];
+            if (l[0] === 3 && (!s || l[1] > s[0] && l[1] < s[3])) {
+              i.label = l[1];
               break;
             }
-            if (a[0] === 6 && o.label < i[1]) {
-              o.label = i[1], i = a;
+            if (l[0] === 6 && i.label < s[1]) {
+              i.label = s[1], s = l;
               break;
             }
-            if (i && o.label < i[2]) {
-              o.label = i[2], o.ops.push(a);
+            if (s && i.label < s[2]) {
+              i.label = s[2], i.ops.push(l);
               break;
             }
-            i[2] && o.ops.pop(), o.trys.pop();
+            s[2] && i.ops.pop(), i.trys.pop();
             continue;
         }
-        a = t.call(n, o);
+        l = t.call(n, i);
       } catch (u) {
-        a = [6, u], l = 0;
+        l = [6, u], a = 0;
       } finally {
-        e = i = 0;
+        e = s = 0;
       }
-    if (a[0] & 5)
-      throw a[1];
-    return { value: a[0] ? a[1] : void 0, done: !0 };
+    if (l[0] & 5)
+      throw l[1];
+    return { value: l[0] ? l[1] : void 0, done: !0 };
   }
 }
 var xe = function(n, t) {
   return ke(void 0, void 0, void 0, function() {
-    return be(this, function(o) {
-      return [2, new Promise(function(e, l) {
+    return be(this, function(i) {
+      return [2, new Promise(function(e, a) {
         try {
           if (window.DocsAPI)
             return e(null);
-          var i = document.getElementById(t);
-          if (i)
-            var s = setInterval(function() {
-              var d = i.getAttribute("loading");
+          var s = document.getElementById(t);
+          if (s)
+            var o = setInterval(function() {
+              var d = s.getAttribute("loading");
               if (!d) {
-                if (clearInterval(s), window.DocsAPI)
+                if (clearInterval(o), window.DocsAPI)
                   return e(null);
-                var a = U(t, n, e, l);
-                i.remove(), document.body.appendChild(a);
+                var l = H(t, n, e, a);
+                s.remove(), document.body.appendChild(l);
               }
             }, 500);
           else {
-            var c = U(t, n, e, l);
+            var c = H(t, n, e, a);
             document.body.appendChild(c);
           }
         } catch (d) {
@@ -572,13 +572,13 @@ var xe = function(n, t) {
       })];
     });
   });
-}, U = function(n, t, o, e) {
-  var l = document.createElement("script");
-  return l.id = n, l.type = "text/javascript", l.src = t, l.async = !0, l.onload = function() {
-    l.removeAttribute("loading"), o(null);
-  }, l.onerror = function(i) {
-    l.removeAttribute("loading"), e(i);
-  }, l.setAttribute("loading", ""), l;
+}, H = function(n, t, i, e) {
+  var a = document.createElement("script");
+  return a.id = n, a.type = "text/javascript", a.src = t, a.async = !0, a.onload = function() {
+    a.removeAttribute("loading"), i(null);
+  }, a.onerror = function(s) {
+    a.removeAttribute("loading"), e(s);
+  }, a.setAttribute("loading", ""), a;
 }, T = y({
   name: "DocumentEditor",
   props: {
@@ -633,8 +633,8 @@ var xe = function(n, t) {
   mounted: function() {
     var n = this, t = this.documentServerUrl;
     t.endsWith("/") || (t += "/");
-    var o = "".concat(t, "web-apps/apps/api/documents/api.js");
-    xe(o, "onlyoffice-api-script").then(function() {
+    var i = "".concat(t, "web-apps/apps/api/documents/api.js");
+    xe(i, "onlyoffice-api-script").then(function() {
       return n.onLoad();
     }).catch(function() {
       n.onError(-2);
@@ -677,9 +677,9 @@ var xe = function(n, t) {
     onLoad: function() {
       var n, t;
       try {
-        var o = this.id || "";
-        if (window.DocsAPI || this.onError(-3), !((n = window == null ? void 0 : window.DocEditor) === null || n === void 0) && n.instances[o]) {
-          console.log("Skip loading. Instance already exists", o);
+        var i = this.id || "";
+        if (window.DocsAPI || this.onError(-3), !((n = window == null ? void 0 : window.DocEditor) === null || n === void 0) && n.instances[i]) {
+          console.log("Skip loading. Instance already exists", i);
           return;
         }
         !((t = window == null ? void 0 : window.DocEditor) === null || t === void 0) && t.instances || (window.DocEditor = { instances: {} });
@@ -718,10 +718,10 @@ var xe = function(n, t) {
           height: this.height,
           type: this.type,
           width: this.width
-        }, this.config || {}), l = window.DocsAPI.DocEditor(o, e);
-        window.DocEditor.instances[o] = l;
-      } catch (i) {
-        console.error(i), this.onError(-1);
+        }, this.config || {}), a = window.DocsAPI.DocEditor(i, e);
+        window.DocEditor.instances[i] = a;
+      } catch (s) {
+        console.error(s), this.onError(-1);
       }
     },
     onError: function(n) {
@@ -749,7 +749,7 @@ var xe = function(n, t) {
   }
 });
 const Re = ["id"];
-function Se(n, t, o, e, l, i) {
+function Se(n, t, i, e, a, s) {
   return r(), f("div", { id: n.id }, null, 8, Re);
 }
 T.render = Se;
@@ -775,7 +775,7 @@ const Ce = /* @__PURE__ */ y({
     }
   },
   setup(n) {
-    const t = n, o = q({
+    const t = n, i = q({
       width: "100%",
       height: "100%",
       ...t.configOptions || {},
@@ -783,17 +783,17 @@ const Ce = /* @__PURE__ */ y({
     }), e = () => {
       console.info("文档加载完成", t.configOptions);
     };
-    return (l, i) => (r(), f(
+    return (a, s) => (r(), f(
       "div",
       {
         style: m({ height: t.officeHeight })
       },
       [
-        D(w(T), {
+        z(w(T), {
           id: `${(/* @__PURE__ */ new Date()).getTime()}`,
           ref: "editorRef",
           "document-server-url": n.documentServerUrl,
-          config: o.value,
+          config: i.value,
           events_onDocumentReady: e
         }, null, 8, ["id", "document-server-url", "config"])
       ],
@@ -802,9 +802,9 @@ const Ce = /* @__PURE__ */ y({
     ));
   }
 });
-const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), ze = E(Ie), De = /* @__PURE__ */ y({
+const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), De = E(Ie), ze = /* @__PURE__ */ y({
   __name: "IkPreviewFileDialog",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ W({
     file: {
       type: Object,
       default: () => []
@@ -839,32 +839,35 @@ const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), ze = E(Ie)
   }),
   emits: ["update:show"],
   setup(n) {
-    const t = n, o = W(n, "show"), e = C(() => ({
+    const t = n, i = N(n, "show"), e = C(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
       size: "fileSize",
       ...t.field
-    })), l = q(null), i = q(null), s = J({
+    })), a = q(null), s = q(null), o = Q({
       image: !1,
       office: !1,
       video: !1
-    }), c = (a) => {
-      var u, v, b, x, g, A, P;
+    }), c = (l) => {
+      var u, v, x, R, g, A, P;
       try {
-        const p = ((u = a == null ? void 0 : a.response) == null ? void 0 : u.data) || a, j = p[e.value.url] || (p == null ? void 0 : p.id) || p.attachmentId, F = (v = p[e.value.suffix] || p.attachmentSuffix) == null ? void 0 : v.toLowerCase(), N = p[e.value.name] || (p == null ? void 0 : p.attachmentName) || (p == null ? void 0 : p.originName);
-        if (i.value = {
-          ...a,
-          name: a[e.value.name],
+        const p = ((u = l == null ? void 0 : l.response) == null ? void 0 : u.data) || l, j = p[e.value.url] || (p == null ? void 0 : p.id) || p.attachmentId, F = (v = p[e.value.suffix] || p.attachmentSuffix) == null ? void 0 : v.toLowerCase(), X = p[e.value.name] || (p == null ? void 0 : p.attachmentName) || (p == null ? void 0 : p.originName);
+        if (s.value = {
+          ...l,
+          name: l[e.value.name],
           url: M(t.loadUrl, j)
-        }, a && oe(a, e.value) === "image") {
-          s.image = !0;
+        }, l && L(l, e.value) === "image") {
+          o.image = !0;
+          return;
+        } else if (l && L(l, e.value) === "video") {
+          o.video = !0, console.log("modal.video = true;", o.video);
           return;
-        } else if ((((b = t.onlyOfficeConfig) == null ? void 0 : b.accept) || t.onlyOfficeAccept).includes(F)) {
-          s.office = !0, l.value = {
+        } else if ((((x = t.onlyOfficeConfig) == null ? void 0 : x.accept) || t.onlyOfficeAccept).includes(F)) {
+          o.office = !0, a.value = {
             ...t.onlyOfficeConfig,
             editorConfig: {
-              ...((x = t.onlyOfficeConfig) == null ? void 0 : x.editorConfig) || {},
+              ...((R = t.onlyOfficeConfig) == null ? void 0 : R.editorConfig) || {},
               customization: {
                 ...((A = (g = t.onlyOfficeConfig) == null ? void 0 : g.editorConfig) == null ? void 0 : A.customization) || {},
                 review: {
@@ -873,8 +876,8 @@ const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), ze = E(Ie)
               }
             },
             document: {
-              key: ne(),
-              title: N,
+              key: oe(),
+              title: X,
               url: M(t.loadUrl, j),
               fileType: F,
               ...((P = t.onlyOfficeConfig) == null ? void 0 : P.document) || {}
@@ -887,33 +890,33 @@ const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), ze = E(Ie)
         console.info("预览错误: ", p);
       }
     };
-    Q([o, t.file], ([a, u]) => {
-      a && Z(() => {
+    Z([i, t.file], ([l, u]) => {
+      l && ee(() => {
         c(t.file);
       });
     });
     const d = () => {
-      o.value = !1, s.office = !1, s.image = !1, s.video = !1;
+      i.value = !1, o.office = !1, o.image = !1, o.video = !1, s.value = null;
     };
-    return (a, u) => {
-      var b, x;
-      const v = z("el-image-viewer");
-      return o.value ? (r(), f(
-        ee,
+    return (l, u) => {
+      var x, R;
+      const v = D("el-image-viewer");
+      return i.value ? (r(), f(
+        te,
         { key: 0 },
         [
-          (b = i.value) != null && b.url && s.image ? (r(), k(v, {
+          (x = s.value) != null && x.url && o.image ? (r(), b(v, {
             key: 0,
-            onClose: u[0] || (u[0] = (g) => {
-              i.value = null, s.image = !1;
-            }),
+            onClose: u[0] || (u[0] = (g) => d()),
             ref: "previewImgRef",
-            "url-list": [(x = i.value) == null ? void 0 : x.url]
-          }, null, 8, ["url-list"])) : R("v-if", !0),
-          R(" 文档类 "),
-          D(w(_e), {
-            modelValue: s.office,
-            "onUpdate:modelValue": u[1] || (u[1] = (g) => s.office = g),
+            "url-list": [(R = s.value) == null ? void 0 : R.url],
+            teleported: ""
+          }, null, 8, ["url-list"])) : k("v-if", !0),
+          k('    <IkPreviewVideo :file="fileData" v-model:show="modal.video" />'),
+          k(" 文档类 "),
+          z(w(_e), {
+            modelValue: o.office,
+            "onUpdate:modelValue": u[1] || (u[1] = (g) => o.office = g),
             draggable: "",
             "no-footer": "",
             "no-header": "",
@@ -929,8 +932,8 @@ const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), ze = E(Ie)
             default: h(() => {
               var g;
               return [
-                D(w(ze), {
-                  "config-options": l.value,
+                z(w(De), {
+                  "config-options": a.value,
                   "document-server-url": ((g = n.onlyOfficeConfig) == null ? void 0 : g.serverUrl) || n.onlyofficeServer
                 }, null, 8, ["config-options", "document-server-url"])
               ];
@@ -941,11 +944,11 @@ const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), ze = E(Ie)
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : R("v-if", !0);
+      )) : k("v-if", !0);
     };
   }
 });
-const Be = E(De);
+const Be = E(ze);
 export {
   Be as IkPreviewFileDialog,
   Be as default