iking-web-ui-pro 0.2.0 → 0.2.2

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

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as q, resolveComponent as I, openBlock as l, createElementBlock as f, normalizeClass as _, normalizeStyle as v, createCommentVNode as S, createElementVNode as C, createBlock as k, withCtx as g, createTextVNode as F, toDisplayString as E, createVNode as z, unref as y, mergeModels as P, useModel as U, ref as D, h as M, mergeProps as L, createSlots as H, renderSlot as R, reactive as G, watch as W, nextTick as N, Fragment as X } from "vue";
-import { ikColor as Y, buildUUID as K } from "iking-utils-pro";
-const x = (n, e) => {
+import { defineComponent as h, computed as F, resolveComponent as z, openBlock as l, createElementBlock as d, normalizeClass as w, normalizeStyle as v, createCommentVNode as S, createElementVNode as I, createBlock as _, withCtx as g, createTextVNode as B, toDisplayString as $, createVNode as D, unref as y, mergeModels as L, useModel as H, ref as x, h as N, mergeProps as X, createSlots as Y, renderSlot as C, reactive as G, watch as K, nextTick as J, Fragment as Q } from "vue";
+import { ikColor as Z, buildUUID as ee } from "iking-utils-pro";
+const q = (n, e) => {
   if (n.install = (o) => {
     for (const r of [n, ...Object.values(e ?? {})])
       o.component(r.name, r);
@@ -8,14 +8,14 @@ const x = (n, e) => {
     for (const [o, r] of Object.entries(e))
       n[o] = r;
   return n;
-}, V = (n, e) => e ? e.startsWith("http") ? e : `${n || location.origin}${e}` : "", $ = (n, e) => {
+}, j = (n, e) => e ? e.startsWith("http") ? e : `${n || location.origin}${e}` : "", V = (n, e) => {
   const o = n.__vccOpts || n;
   for (const [r, t] of e)
     o[r] = t;
   return o;
-}, J = (n, e) => {
-  var i, a, c, p;
-  const o = (i = n == null ? void 0 : n.response) != null && i.data ? T((c = (a = n == null ? void 0 : n.response) == null ? void 0 : a.data) == null ? void 0 : c.suffix) : ((p = n.raw) == null ? void 0 : p.type) || T(n[e.suffix]), r = o == null ? void 0 : o.toLowerCase(), t = {
+}, te = (n, e) => {
+  var i, a, u, p;
+  const o = (i = n == null ? void 0 : n.response) != null && i.data ? M((u = (a = n == null ? void 0 : n.response) == null ? void 0 : a.data) == null ? void 0 : u.suffix) : ((p = n.raw) == null ? void 0 : p.type) || M(n[e.suffix]), r = o == null ? void 0 : o.toLowerCase(), t = {
     sheet: "excel",
     excel: "excel",
     zip: "zip",
@@ -35,7 +35,7 @@ const x = (n, e) => {
     if (typeof r == "string" && (r.includes(s) || r === s))
       return t[s];
   return "unknown";
-}, Q = {
+}, ne = {
   ".doc": "word",
   ".docx": "word",
   ".docxf": "word",
@@ -120,24 +120,24 @@ const x = (n, e) => {
   ".vob": "video",
   ".txt": "txt",
   ".pdf": "pdf"
-}, T = (n) => {
+}, M = (n) => {
   const e = n == null ? void 0 : n.toLocaleLowerCase(), o = e != null && e.startsWith(".") ? e : `.${e}`;
-  return o && Q[o] || "unknow";
-}, Z = (n) => {
+  return o && ne[o] || "unknow";
+}, oe = (n) => {
   let e = "", o = ["doc", "docx"], r = ["xls", "xlsx"], t = ["ppt", "pptx"], i = ["pdf"];
   return o.includes(n) && (e = "word"), r.includes(n) && (e = "cell"), t.includes(n) && (e = "slide"), i.includes(n) && (e = "text-pdf"), e;
-}, ee = {
+}, ie = {
   key: 0,
   class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
-}, te = {
+}, se = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, ne = ["xlink:href"], oe = ["src"], ie = {
+}, re = ["xlink:href"], ae = ["src"], le = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, se = ["xlink:href"], re = ["src"], ae = /* @__PURE__ */ h({
+}, ce = ["xlink:href"], ue = ["src"], de = /* @__PURE__ */ h({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -164,10 +164,10 @@ const x = (n, e) => {
     tableIconType: { default: "icon" }
   },
   setup(n) {
-    const e = n, o = q(() => {
+    const e = n, o = F(() => {
       var t, i, a;
       return /^http?:\/\//.test(e.name) ? "img" : /i-[^:]+:[^:]+/.test(e.name) ? "unocss" : (t = e.name) != null && t.startsWith("iksig") ? "iksig" : (i = e.name) != null && i.includes(":") ? "iconify" : (a = e.name) != null && a.startsWith("iksvg") ? "svg" : "i";
-    }), r = q(() => {
+    }), r = F(() => {
       const t = [];
       if (e.flip)
         switch (e.flip) {
@@ -189,19 +189,19 @@ const x = (n, e) => {
         padding: e.showBg || e.bg ? e.padding : 0,
         ...e.color && o.value !== "iksig" ? {
           "--ik-color-icon-dark": e.color,
-          "--ik-color-icon-light": e.colorLight || Y.setOpacity(e.color, e.opacity)
+          "--ik-color-icon-light": e.colorLight || Z.setOpacity(e.color, e.opacity)
         } : {}
       };
       return e.width && (i.width = i.height = typeof e.width == "number" ? `${e.width}px` : e.width), i;
     });
     return (t, i) => {
-      const a = I("el-tooltip"), c = I("el-button");
-      return t.tableIconType === "icon" ? (l(), f("span", ee, [
-        t.notip || !t.title ? (l(), f(
+      const a = z("el-tooltip"), u = z("el-button");
+      return t.tableIconType === "icon" ? (l(), d("span", ie, [
+        t.notip || !t.title ? (l(), d(
           "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", {
+            class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
               [t.name]: o.value === "unocss",
               "show-bg": t.showBg || t.bg,
               default: t.size === "default",
@@ -218,29 +218,29 @@ const x = (n, e) => {
           },
           [
             S(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            o.value === "iksig" ? (l(), f(
+            o.value === "iksig" ? (l(), d(
               "i",
               {
                 key: 0,
-                class: _(`iksig ${t.name}`),
+                class: w(`iksig ${t.name}`),
                 style: v(r.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : o.value === "svg" ? (l(), f("svg", te, [
-              C("use", {
+            )) : o.value === "svg" ? (l(), d("svg", se, [
+              I("use", {
                 "xlink:href": `#${t.name}`
-              }, null, 8, ne)
-            ])) : o.value === "img" ? (l(), f("img", {
+              }, null, 8, re)
+            ])) : o.value === "img" ? (l(), d("img", {
               key: 2,
               src: t.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, oe)) : (l(), f(
+            }, null, 8, ae)) : (l(), d(
               "i",
               {
                 key: 3,
-                class: _(t.name),
+                class: w(t.name),
                 style: v(r.value)
               },
               null,
@@ -250,16 +250,16 @@ const x = (n, e) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (l(), k(a, {
+        )) : (l(), _(a, {
           key: 1,
           content: t.title,
           placement: "top"
         }, {
           default: g(() => [
-            C(
+            I(
               "i",
               {
-                class: _(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                   [t.name]: o.value === "unocss",
                   "show-bg": t.showBg || t.bg,
                   default: t.size === "default",
@@ -274,29 +274,29 @@ const x = (n, e) => {
                 style: v(r.value)
               },
               [
-                o.value === "iksig" ? (l(), f(
+                o.value === "iksig" ? (l(), d(
                   "i",
                   {
                     key: 0,
-                    class: _(`iksig ${t.name}`),
+                    class: w(`iksig ${t.name}`),
                     style: v(r.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : o.value === "svg" ? (l(), f("svg", ie, [
-                  C("use", {
+                )) : o.value === "svg" ? (l(), d("svg", le, [
+                  I("use", {
                     "xlink:href": `#${t.name}`
-                  }, null, 8, se)
-                ])) : o.value === "img" ? (l(), f("img", {
+                  }, null, 8, ce)
+                ])) : o.value === "img" ? (l(), d("img", {
                   key: 2,
                   src: t.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, re)) : (l(), f(
+                }, null, 8, ue)) : (l(), d(
                   "i",
                   {
                     key: 3,
-                    class: _(t.name),
+                    class: w(t.name),
                     style: v(r.value)
                   },
                   null,
@@ -311,13 +311,13 @@ const x = (n, e) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (l(), k(c, {
+      ])) : (l(), _(u, {
         key: 1,
         type: ["warning", "error"].includes(t.type) ? "danger" : ""
       }, {
         default: g(() => [
-          F(
-            E(t.title),
+          B(
+            $(t.title),
             1
             /* TEXT */
           )
@@ -328,10 +328,10 @@ const x = (n, e) => {
     };
   }
 });
-const le = /* @__PURE__ */ $(ae, [["__scopeId", "data-v-7d95dbf5"]]), B = x(le), ce = {
+const pe = /* @__PURE__ */ V(de, [["__scopeId", "data-v-7d95dbf5"]]), O = q(pe), fe = {
   key: 0,
   class: "exit-main-page-maximize"
-}, ue = /* @__PURE__ */ h({
+}, me = /* @__PURE__ */ h({
   __name: "CloseIcon",
   props: {
     showBg: {
@@ -344,15 +344,15 @@ const le = /* @__PURE__ */ $(ae, [["__scopeId", "data-v-7d95dbf5"]]), B = x(le),
     }
   },
   setup(n) {
-    return (e, o) => (l(), f("div", null, [
-      n.showBg && n.fullscreen ? (l(), f("div", ce, [
-        z(y(B), {
+    return (e, o) => (l(), d("div", null, [
+      n.showBg && n.fullscreen ? (l(), d("div", fe, [
+        D(y(O), {
           name: "iksvg_guanbidanchuang",
           title: "关闭",
           size: 20,
           error: ""
         })
-      ])) : (l(), k(y(B), {
+      ])) : (l(), _(y(O), {
         key: 1,
         error: "",
         name: "iksvg_guanbidanchuang",
@@ -362,9 +362,9 @@ const le = /* @__PURE__ */ $(ae, [["__scopeId", "data-v-7d95dbf5"]]), B = x(le),
     ]));
   }
 });
-const de = /* @__PURE__ */ $(ue, [["__scopeId", "data-v-79f49df8"]]), pe = { class: "base-header" }, fe = /* @__PURE__ */ h({
+const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ge = { class: "base-header" }, he = /* @__PURE__ */ h({
   __name: "IkBaseDialog",
-  props: /* @__PURE__ */ P({
+  props: /* @__PURE__ */ L({
     title: { default: "" },
     cancelText: { default: "取消" },
     confirmText: { default: "确认" },
@@ -383,47 +383,47 @@ const de = /* @__PURE__ */ $(ue, [["__scopeId", "data-v-79f49df8"]]), pe = { cla
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const e = n, o = U(n, "modelValue"), r = D(e.fullscreen), t = () => {
+    const e = n, o = H(n, "modelValue"), r = x(e.fullscreen), t = () => {
       r.value = !r.value;
     }, i = h({
       setup() {
-        return () => M(de, {
+        return () => N(ve, {
           showBg: e.showCloseBg,
           fullscreen: e.fullscreen
         });
       }
     });
-    return (a, c) => {
-      const p = I("el-dialog");
-      return l(), k(p, L({
+    return (a, u) => {
+      const p = z("el-dialog");
+      return l(), _(p, X({
         modelValue: o.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (s) => o.value = s)
+        "onUpdate:modelValue": u[0] || (u[0] = (s) => o.value = s)
       }, a.$attrs, {
         "close-icon": y(i),
         class: `ik-base-dialog ${a.noHeader ? "no-header" : ""} ${a.noFooter ? "no-footer" : ""}`,
         fullscreen: r.value,
         "modal-class": "baseDialog"
-      }), H({
+      }), Y({
         icon: g(() => [
-          R(a.$slots, "title", {}, () => [
-            F(
-              E(a.title),
+          C(a.$slots, "title", {}, () => [
+            B(
+              $(a.title),
               1
               /* TEXT */
             )
           ])
         ]),
         header: g(() => [
-          C("div", pe, [
-            R(a.$slots, "header", {}, () => [
-              F(
-                E(a.title),
+          I("div", ge, [
+            C(a.$slots, "header", {}, () => [
+              B(
+                $(a.title),
                 1
                 /* TEXT */
               )
             ])
           ]),
-          a.$attrs.showClose ? (l(), k(y(B), {
+          a.$attrs.showClose ? (l(), _(y(O), {
             key: 0,
             onClick: t,
             name: r.value ? "iksvg_tuichuquanping" : "iksvg_quanping-daohang",
@@ -432,7 +432,7 @@ const de = /* @__PURE__ */ $(ue, [["__scopeId", "data-v-79f49df8"]]), pe = { cla
           }, null, 8, ["name", "title"])) : S("v-if", !0)
         ]),
         default: g(() => [
-          R(a.$slots, "default")
+          C(a.$slots, "default")
         ]),
         _: 2
         /* DYNAMIC */
@@ -440,7 +440,7 @@ const de = /* @__PURE__ */ $(ue, [["__scopeId", "data-v-79f49df8"]]), pe = { cla
         a.$slots.footer ? {
           name: "footer",
           fn: g(() => [
-            R(a.$slots, "footer")
+            C(a.$slots, "footer")
           ]),
           key: "0"
         } : void 0
@@ -448,46 +448,46 @@ const de = /* @__PURE__ */ $(ue, [["__scopeId", "data-v-79f49df8"]]), pe = { cla
     };
   }
 });
-const me = x(fe);
-function ve(n, e, o, r) {
+const ye = q(he);
+function we(n, e, o, r) {
   function t(i) {
     return i instanceof o ? i : new o(function(a) {
       a(i);
     });
   }
   return new (o || (o = Promise))(function(i, a) {
-    function c(u) {
+    function u(c) {
       try {
-        s(r.next(u));
+        s(r.next(c));
       } catch (m) {
         a(m);
       }
     }
-    function p(u) {
+    function p(c) {
       try {
-        s(r.throw(u));
+        s(r.throw(c));
       } catch (m) {
         a(m);
       }
     }
-    function s(u) {
-      u.done ? i(u.value) : t(u.value).then(c, p);
+    function s(c) {
+      c.done ? i(c.value) : t(c.value).then(u, p);
     }
     s((r = r.apply(n, e || [])).next());
   });
 }
-function ge(n, e) {
+function _e(n, e) {
   var o = { label: 0, sent: function() {
     if (i[0] & 1)
       throw i[1];
     return i[1];
   }, trys: [], ops: [] }, r, t, i, a;
-  return a = { next: c(0), throw: c(1), return: c(2) }, typeof Symbol == "function" && (a[Symbol.iterator] = function() {
+  return a = { next: u(0), throw: u(1), return: u(2) }, typeof Symbol == "function" && (a[Symbol.iterator] = function() {
     return this;
   }), a;
-  function c(s) {
-    return function(u) {
-      return p([s, u]);
+  function u(s) {
+    return function(c) {
+      return p([s, c]);
     };
   }
   function p(s) {
@@ -531,8 +531,8 @@ function ge(n, e) {
             continue;
         }
         s = e.call(n, o);
-      } catch (u) {
-        s = [6, u], t = 0;
+      } catch (c) {
+        s = [6, c], t = 0;
       } finally {
         r = i = 0;
       }
@@ -541,9 +541,9 @@ function ge(n, e) {
     return { value: s[0] ? s[1] : void 0, done: !0 };
   }
 }
-var he = function(n, e) {
-  return ve(void 0, void 0, void 0, function() {
-    return ge(this, function(o) {
+var ke = function(n, e) {
+  return we(void 0, void 0, void 0, function() {
+    return _e(this, function(o) {
       return [2, new Promise(function(r, t) {
         try {
           if (window.DocsAPI)
@@ -555,13 +555,13 @@ var he = function(n, e) {
               if (!p) {
                 if (clearInterval(a), window.DocsAPI)
                   return r(null);
-                var s = A(e, n, r, t);
+                var s = U(e, n, r, t);
                 i.remove(), document.body.appendChild(s);
               }
             }, 500);
           else {
-            var c = A(e, n, r, t);
-            document.body.appendChild(c);
+            var u = U(e, n, r, t);
+            document.body.appendChild(u);
           }
         } catch (p) {
           console.error(p);
@@ -569,14 +569,14 @@ var he = function(n, e) {
       })];
     });
   });
-}, A = function(n, e, o, r) {
+}, U = function(n, e, o, r) {
   var t = document.createElement("script");
   return t.id = n, t.type = "text/javascript", t.src = e, t.async = !0, t.onload = function() {
     t.removeAttribute("loading"), o(null);
   }, t.onerror = function(i) {
     t.removeAttribute("loading"), r(i);
   }, t.setAttribute("loading", ""), t;
-}, O = h({
+}, T = h({
   name: "DocumentEditor",
   props: {
     id: {
@@ -631,7 +631,7 @@ var he = function(n, e) {
     var n = this, e = this.documentServerUrl;
     e.endsWith("/") || (e += "/");
     var o = "".concat(e, "web-apps/apps/api/documents/api.js");
-    he(o, "onlyoffice-api-script").then(function() {
+    ke(o, "onlyoffice-api-script").then(function() {
       return n.onLoad();
     }).catch(function() {
       n.onError(-2);
@@ -745,13 +745,13 @@ var he = function(n, e) {
     }
   }
 });
-const ye = ["id"];
-function we(n, e, o, r, t, i) {
-  return l(), f("div", { id: n.id }, null, 8, ye);
+const be = ["id"];
+function Re(n, e, o, r, t, i) {
+  return l(), d("div", { id: n.id }, null, 8, be);
 }
-O.render = we;
-O.__file = "src/components/DocumentEditor.vue";
-const _e = /* @__PURE__ */ h({
+T.render = Re;
+T.__file = "src/components/DocumentEditor.vue";
+const Se = /* @__PURE__ */ h({
   __name: "IkOnlyOffice",
   props: {
     // 文件服务器的服务的地址
@@ -759,80 +759,33 @@ const _e = /* @__PURE__ */ h({
       type: String,
       default: ""
     },
-    // 当前onlyoffice的模式 (edit 编辑模式  view是查看模式)
-    mode: {
-      type: String,
-      default: ""
-    },
     // 配置项
     configOptions: {
       type: Object,
       default: () => {
       }
     },
-    //   元素的高度
+    // 元素的高度
     officeHeight: {
       type: String,
       default: "100%"
-    },
-    //   加密后的token
-    token: {
-      type: String,
-      default: ""
     }
   },
   setup(n) {
-    var t, i, a, c;
-    const e = n, o = D({
+    const e = n, o = x({
       width: "100%",
       height: "100%",
-      document: (t = e.configOptions) == null ? void 0 : t.document,
-      // word cell(表格) slide（PPT）
-      documentType: (i = e.configOptions) == null ? void 0 : i.documentType,
-      editorConfig: {
-        callbackUrl: (c = (a = e.configOptions) == null ? void 0 : a.editorConfig) == null ? void 0 : c.callbackUrl,
-        // 保存的回调函数
-        lang: "zh-CN",
-        mode: e.mode,
-        // 强制保存
-        customization: {
-          forcesave: !0,
-          autosave: !0
-        }
-      },
-      // 权限
-      permissions: {
-        comment: !0,
-        commentGroups: {
-          edit: ["Group1"],
-          remove: ["Group1"],
-          view: ""
-        },
-        copy: !0,
-        deleteCommentAuthorOnly: !0,
-        download: !0,
-        edit: !0,
-        editCommentAuthorOnly: !0,
-        fillForms: !0,
-        modifyContentControl: !0,
-        modifyFilter: !0,
-        print: !0,
-        review: !0,
-        reviewGroups: ["Group1", "Group2", "Group3"],
-        userInfoGroups: ["Group1"]
-      },
-      mode: e.mode,
-      token: e.token
+      ...e.configOptions || {}
     }), r = () => {
-      console.info("文档加载完成");
+      console.info("文档加载完成", e.configOptions);
     };
-    return (p, s) => (l(), f(
+    return (t, i) => (l(), d(
       "div",
       {
         style: v({ height: e.officeHeight })
       },
       [
-        z(y(O), {
+        D(y(T), {
           id: `${(/* @__PURE__ */ new Date()).getTime()}`,
           ref: "editorRef",
           "document-server-url": n.documentServerUrl,
@@ -845,9 +798,9 @@ const _e = /* @__PURE__ */ h({
     ));
   }
 });
-const ke = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-ea0a8f6d"]]), be = x(ke), Se = /* @__PURE__ */ h({
+const Ce = /* @__PURE__ */ V(Se, [["__scopeId", "data-v-fe959cd8"]]), Ie = q(Ce), ze = /* @__PURE__ */ h({
   __name: "IkPreviewFileDialog",
-  props: /* @__PURE__ */ P({
+  props: /* @__PURE__ */ L({
     file: {
       type: Object,
       default: () => []
@@ -882,78 +835,81 @@ const ke = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-ea0a8f6d"]]), be = x(ke)
   }),
   emits: ["update:show"],
   setup(n) {
-    const e = n, o = U(n, "show"), r = q(() => ({
+    const e = n, o = H(n, "show"), r = F(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
       size: "fileSize",
       ...e.field
-    })), t = D(null), i = D(null), a = G({
+    })), t = x(null), i = x(null), a = G({
       image: !1,
       office: !1,
       video: !1
-    }), c = (s) => {
-      var u, m;
+    }), u = (s) => {
+      var c, m, k, b, R, A;
       try {
-        const d = ((u = s == null ? void 0 : s.response) == null ? void 0 : u.data) || s, b = d[r.value.url] || (d == null ? void 0 : d.id) || d.attachmentId, w = (m = d[r.value.suffix] || d.attachmentSuffix) == null ? void 0 : m.toLowerCase(), j = d[r.value.name] || (d == null ? void 0 : d.attachmentName);
+        const f = ((c = s == null ? void 0 : s.response) == null ? void 0 : c.data) || s, P = f[r.value.url] || (f == null ? void 0 : f.id) || f.attachmentId, E = (m = f[r.value.suffix] || f.attachmentSuffix) == null ? void 0 : m.toLowerCase(), W = f[r.value.name] || (f == null ? void 0 : f.attachmentName);
         if (i.value = {
           ...s,
           name: s[r.value.name],
-          url: V(e.loadUrl, b)
-        }, s && J(s, r.value) === "image") {
+          url: j(e.loadUrl, P)
+        }, s && te(s, r.value) === "image") {
           a.image = !0;
           return;
-        } else if (e.onlyOfficeAccept.includes(w)) {
+        } else if (e.onlyOfficeAccept.includes(E)) {
           a.office = !0, t.value = {
-            documentType: Z(w),
-            document: {
-              key: K(),
-              title: j,
-              url: V(e.loadUrl, b),
-              fileType: w
-            },
+            ...e.onlyOfficeConfig,
             editorConfig: {
+              ...((k = e.onlyOfficeConfig) == null ? void 0 : k.editorConfig) || {},
               customization: {
+                ...((R = (b = e.onlyOfficeConfig) == null ? void 0 : b.editorConfig) == null ? void 0 : R.customization) || {},
                 review: {
                   reviewDisplay: "final"
                 }
               }
             },
-            ...e.onlyOfficeConfig
+            document: {
+              key: ee(),
+              title: W,
+              url: j(e.loadUrl, P),
+              fileType: E,
+              ...((A = e.onlyOfficeConfig) == null ? void 0 : A.document) || {}
+            },
+            documentType: oe(E)
           };
           return;
         }
-      } catch (d) {
-        console.info("预览错误: ", d);
+      } catch (f) {
+        console.info("预览错误: ", f);
       }
     };
-    W([o, e.file], ([s, u]) => {
-      s && N(() => {
-        c(e.file);
+    K([o, e.file], ([s, c]) => {
+      s && J(() => {
+        u(e.file);
       });
     });
     const p = () => {
       o.value = !1, a.office = !1, a.image = !1, a.video = !1;
     };
-    return (s, u) => {
-      var d, b;
-      const m = I("el-image-viewer");
-      return o.value ? (l(), f(
-        X,
+    return (s, c) => {
+      var k, b;
+      const m = z("el-image-viewer");
+      return o.value ? (l(), d(
+        Q,
         { key: 0 },
         [
-          (d = i.value) != null && d.url && a.image ? (l(), k(m, {
+          (k = i.value) != null && k.url && a.image ? (l(), _(m, {
             key: 0,
-            onClose: u[0] || (u[0] = (w) => {
+            onClose: c[0] || (c[0] = (R) => {
               i.value = null, a.image = !1;
             }),
             ref: "previewImgRef",
             "url-list": [(b = i.value) == null ? void 0 : b.url]
           }, null, 8, ["url-list"])) : S("v-if", !0),
           S(" 文档类 "),
-          z(y(me), {
+          D(y(ye), {
             modelValue: a.office,
-            "onUpdate:modelValue": u[1] || (u[1] = (w) => a.office = w),
+            "onUpdate:modelValue": c[1] || (c[1] = (R) => a.office = R),
             draggable: "",
             "no-footer": "",
             "no-header": "",
@@ -967,7 +923,7 @@ const ke = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-ea0a8f6d"]]), be = x(ke)
             "modal-class": "ik-only-preview-dialog"
           }, {
             default: g(() => [
-              z(y(be), {
+              D(y(Ie), {
                 configOptions: t.value,
                 documentServerUrl: n.onlyofficeServer,
                 mode: "view"
@@ -983,8 +939,8 @@ const ke = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-ea0a8f6d"]]), be = x(ke)
     };
   }
 });
-const Ie = x(Se);
+const qe = q(ze);
 export {
-  Ie as IkPreviewFileDialog,
-  Ie as default
+  qe as IkPreviewFileDialog,
+  qe as default
 };