iking-web-ui-pro 0.2.2 → 0.2.4

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

@@ -1,5 +1,5 @@
-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";
+import { defineComponent as h, computed as F, resolveComponent as z, openBlock as l, createElementBlock as p, normalizeClass as w, normalizeStyle as m, createCommentVNode as S, createElementVNode as I, createBlock as _, withCtx as v, createTextVNode as B, toDisplayString as O, createVNode as D, unref as y, mergeModels as H, useModel as W, ref as x, h as X, mergeProps as Y, createSlots as G, renderSlot as C, reactive as K, watch as J, nextTick as Q, Fragment as Z } from "vue";
+import { ikColor as ee, buildUUID as te } from "iking-utils-pro";
 const q = (n, e) => {
   if (n.install = (o) => {
     for (const r of [n, ...Object.values(e ?? {})])
@@ -8,14 +8,14 @@ const q = (n, e) => {
     for (const [o, r] of Object.entries(e))
       n[o] = r;
   return n;
-}, j = (n, e) => e ? e.startsWith("http") ? e : `${n || location.origin}${e}` : "", V = (n, e) => {
+}, M = (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;
-}, 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 = {
+}, ne = (n, e) => {
+  var i, a, u, f;
+  const o = (i = n == null ? void 0 : n.response) != null && i.data ? L((u = (a = n == null ? void 0 : n.response) == null ? void 0 : a.data) == null ? void 0 : u.suffix) : ((f = n.raw) == null ? void 0 : f.type) || L(n[e.suffix]), r = o == null ? void 0 : o.toLowerCase(), t = {
     sheet: "excel",
     excel: "excel",
     zip: "zip",
@@ -35,7 +35,7 @@ const q = (n, e) => {
     if (typeof r == "string" && (r.includes(s) || r === s))
       return t[s];
   return "unknown";
-}, ne = {
+}, oe = {
   ".doc": "word",
   ".docx": "word",
   ".docxf": "word",
@@ -120,24 +120,24 @@ const q = (n, e) => {
   ".vob": "video",
   ".txt": "txt",
   ".pdf": "pdf"
-}, M = (n) => {
+}, L = (n) => {
   const e = n == null ? void 0 : n.toLocaleLowerCase(), o = e != null && e.startsWith(".") ? e : `.${e}`;
-  return o && ne[o] || "unknow";
-}, oe = (n) => {
+  return o && oe[o] || "unknow";
+}, ie = (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;
-}, ie = {
+}, se = {
   key: 0,
   class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
-}, se = {
+}, re = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, re = ["xlink:href"], ae = ["src"], le = {
+}, ae = ["xlink:href"], le = ["src"], ce = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, ce = ["xlink:href"], ue = ["src"], de = /* @__PURE__ */ h({
+}, ue = ["xlink:href"], de = ["src"], pe = /* @__PURE__ */ h({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -189,15 +189,15 @@ const q = (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 || Z.setOpacity(e.color, e.opacity)
+          "--ik-color-icon-light": e.colorLight || ee.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 = z("el-tooltip"), u = z("el-button");
-      return t.tableIconType === "icon" ? (l(), d("span", ie, [
-        t.notip || !t.title ? (l(), d(
+      return t.tableIconType === "icon" ? (l(), p("span", se, [
+        t.notip || !t.title ? (l(), p(
           "i",
           {
             key: 0,
@@ -214,34 +214,34 @@ const q = (n, e) => {
               active: t.active,
               disabled: t.disabled
             }]),
-            style: v(r.value)
+            style: m(r.value)
           },
           [
             S(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            o.value === "iksig" ? (l(), d(
+            o.value === "iksig" ? (l(), p(
               "i",
               {
                 key: 0,
                 class: w(`iksig ${t.name}`),
-                style: v(r.value)
+                style: m(r.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : o.value === "svg" ? (l(), d("svg", se, [
+            )) : o.value === "svg" ? (l(), p("svg", re, [
               I("use", {
                 "xlink:href": `#${t.name}`
-              }, null, 8, re)
-            ])) : o.value === "img" ? (l(), d("img", {
+              }, null, 8, ae)
+            ])) : o.value === "img" ? (l(), p("img", {
               key: 2,
               src: t.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, ae)) : (l(), d(
+            }, null, 8, le)) : (l(), p(
               "i",
               {
                 key: 3,
                 class: w(t.name),
-                style: v(r.value)
+                style: m(r.value)
               },
               null,
               6
@@ -255,7 +255,7 @@ const q = (n, e) => {
           content: t.title,
           placement: "top"
         }, {
-          default: g(() => [
+          default: v(() => [
             I(
               "i",
               {
@@ -271,33 +271,33 @@ const q = (n, e) => {
                   error: t.error || e.type === "error",
                   active: t.active
                 }]),
-                style: v(r.value)
+                style: m(r.value)
               },
               [
-                o.value === "iksig" ? (l(), d(
+                o.value === "iksig" ? (l(), p(
                   "i",
                   {
                     key: 0,
                     class: w(`iksig ${t.name}`),
-                    style: v(r.value)
+                    style: m(r.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : o.value === "svg" ? (l(), d("svg", le, [
+                )) : o.value === "svg" ? (l(), p("svg", ce, [
                   I("use", {
                     "xlink:href": `#${t.name}`
-                  }, null, 8, ce)
-                ])) : o.value === "img" ? (l(), d("img", {
+                  }, null, 8, ue)
+                ])) : o.value === "img" ? (l(), p("img", {
                   key: 2,
                   src: t.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, ue)) : (l(), d(
+                }, null, 8, de)) : (l(), p(
                   "i",
                   {
                     key: 3,
                     class: w(t.name),
-                    style: v(r.value)
+                    style: m(r.value)
                   },
                   null,
                   6
@@ -315,9 +315,9 @@ const q = (n, e) => {
         key: 1,
         type: ["warning", "error"].includes(t.type) ? "danger" : ""
       }, {
-        default: g(() => [
+        default: v(() => [
           B(
-            $(t.title),
+            O(t.title),
             1
             /* TEXT */
           )
@@ -328,7 +328,7 @@ const q = (n, e) => {
     };
   }
 });
-const pe = /* @__PURE__ */ V(de, [["__scopeId", "data-v-7d95dbf5"]]), O = q(pe), fe = {
+const fe = /* @__PURE__ */ V(pe, [["__scopeId", "data-v-7d95dbf5"]]), $ = q(fe), ge = {
   key: 0,
   class: "exit-main-page-maximize"
 }, me = /* @__PURE__ */ h({
@@ -344,15 +344,15 @@ const pe = /* @__PURE__ */ V(de, [["__scopeId", "data-v-7d95dbf5"]]), O = q(pe),
     }
   },
   setup(n) {
-    return (e, o) => (l(), d("div", null, [
-      n.showBg && n.fullscreen ? (l(), d("div", fe, [
-        D(y(O), {
+    return (e, o) => (l(), p("div", null, [
+      n.showBg && n.fullscreen ? (l(), p("div", ge, [
+        D(y($), {
           name: "iksvg_guanbidanchuang",
           title: "关闭",
           size: 20,
           error: ""
         })
-      ])) : (l(), _(y(O), {
+      ])) : (l(), _(y($), {
         key: 1,
         error: "",
         name: "iksvg_guanbidanchuang",
@@ -362,9 +362,9 @@ const pe = /* @__PURE__ */ V(de, [["__scopeId", "data-v-7d95dbf5"]]), O = q(pe),
     ]));
   }
 });
-const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ge = { class: "base-header" }, he = /* @__PURE__ */ h({
+const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), he = { class: "base-header" }, ye = /* @__PURE__ */ h({
   __name: "IkBaseDialog",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ H({
     title: { default: "" },
     cancelText: { default: "取消" },
     confirmText: { default: "确认" },
@@ -383,19 +383,19 @@ const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ge = { cla
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const e = n, o = H(n, "modelValue"), r = x(e.fullscreen), t = () => {
+    const e = n, o = W(n, "modelValue"), r = x(e.fullscreen), t = () => {
       r.value = !r.value;
     }, i = h({
       setup() {
-        return () => N(ve, {
+        return () => X(ve, {
           showBg: e.showCloseBg,
           fullscreen: e.fullscreen
         });
       }
     });
     return (a, u) => {
-      const p = z("el-dialog");
-      return l(), _(p, X({
+      const f = z("el-dialog");
+      return l(), _(f, Y({
         modelValue: o.value,
         "onUpdate:modelValue": u[0] || (u[0] = (s) => o.value = s)
       }, a.$attrs, {
@@ -403,27 +403,27 @@ const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ge = { cla
         class: `ik-base-dialog ${a.noHeader ? "no-header" : ""} ${a.noFooter ? "no-footer" : ""}`,
         fullscreen: r.value,
         "modal-class": "baseDialog"
-      }), Y({
-        icon: g(() => [
+      }), G({
+        icon: v(() => [
           C(a.$slots, "title", {}, () => [
             B(
-              $(a.title),
+              O(a.title),
               1
               /* TEXT */
             )
           ])
         ]),
-        header: g(() => [
-          I("div", ge, [
+        header: v(() => [
+          I("div", he, [
             C(a.$slots, "header", {}, () => [
               B(
-                $(a.title),
+                O(a.title),
                 1
                 /* TEXT */
               )
             ])
           ]),
-          a.$attrs.showClose ? (l(), _(y(O), {
+          a.$attrs.showClose ? (l(), _(y($), {
             key: 0,
             onClick: t,
             name: r.value ? "iksvg_tuichuquanping" : "iksvg_quanping-daohang",
@@ -431,7 +431,7 @@ const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ge = { cla
             title: r.value ? "退出全屏" : "全屏"
           }, null, 8, ["name", "title"])) : S("v-if", !0)
         ]),
-        default: g(() => [
+        default: v(() => [
           C(a.$slots, "default")
         ]),
         _: 2
@@ -439,7 +439,7 @@ const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ge = { cla
       }, [
         a.$slots.footer ? {
           name: "footer",
-          fn: g(() => [
+          fn: v(() => [
             C(a.$slots, "footer")
           ]),
           key: "0"
@@ -448,8 +448,8 @@ const ve = /* @__PURE__ */ V(me, [["__scopeId", "data-v-79f49df8"]]), ge = { cla
     };
   }
 });
-const ye = q(he);
-function we(n, e, o, r) {
+const we = q(ye);
+function _e(n, e, o, r) {
   function t(i) {
     return i instanceof o ? i : new o(function(a) {
       a(i);
@@ -459,24 +459,24 @@ function we(n, e, o, r) {
     function u(c) {
       try {
         s(r.next(c));
-      } catch (m) {
-        a(m);
+      } catch (g) {
+        a(g);
       }
     }
-    function p(c) {
+    function f(c) {
       try {
         s(r.throw(c));
-      } catch (m) {
-        a(m);
+      } catch (g) {
+        a(g);
       }
     }
     function s(c) {
-      c.done ? i(c.value) : t(c.value).then(u, p);
+      c.done ? i(c.value) : t(c.value).then(u, f);
     }
     s((r = r.apply(n, e || [])).next());
   });
 }
-function _e(n, e) {
+function ke(n, e) {
   var o = { label: 0, sent: function() {
     if (i[0] & 1)
       throw i[1];
@@ -487,10 +487,10 @@ function _e(n, e) {
   }), a;
   function u(s) {
     return function(c) {
-      return p([s, c]);
+      return f([s, c]);
     };
   }
-  function p(s) {
+  function f(s) {
     if (r)
       throw new TypeError("Generator is already executing.");
     for (; a && (a = 0, s[0] && (o = 0)), o; )
@@ -541,9 +541,9 @@ function _e(n, e) {
     return { value: s[0] ? s[1] : void 0, done: !0 };
   }
 }
-var ke = function(n, e) {
-  return we(void 0, void 0, void 0, function() {
-    return _e(this, function(o) {
+var be = function(n, e) {
+  return _e(void 0, void 0, void 0, function() {
+    return ke(this, function(o) {
       return [2, new Promise(function(r, t) {
         try {
           if (window.DocsAPI)
@@ -551,8 +551,8 @@ var ke = function(n, e) {
           var i = document.getElementById(e);
           if (i)
             var a = setInterval(function() {
-              var p = i.getAttribute("loading");
-              if (!p) {
+              var f = i.getAttribute("loading");
+              if (!f) {
                 if (clearInterval(a), window.DocsAPI)
                   return r(null);
                 var s = U(e, n, r, t);
@@ -563,8 +563,8 @@ var ke = function(n, e) {
             var u = U(e, n, r, t);
             document.body.appendChild(u);
           }
-        } catch (p) {
-          console.error(p);
+        } catch (f) {
+          console.error(f);
         }
       })];
     });
@@ -631,7 +631,7 @@ var ke = function(n, e) {
     var n = this, e = this.documentServerUrl;
     e.endsWith("/") || (e += "/");
     var o = "".concat(e, "web-apps/apps/api/documents/api.js");
-    ke(o, "onlyoffice-api-script").then(function() {
+    be(o, "onlyoffice-api-script").then(function() {
       return n.onLoad();
     }).catch(function() {
       n.onError(-2);
@@ -745,13 +745,13 @@ var ke = function(n, e) {
     }
   }
 });
-const be = ["id"];
-function Re(n, e, o, r, t, i) {
-  return l(), d("div", { id: n.id }, null, 8, be);
+const Re = ["id"];
+function Se(n, e, o, r, t, i) {
+  return l(), p("div", { id: n.id }, null, 8, Re);
 }
-T.render = Re;
+T.render = Se;
 T.__file = "src/components/DocumentEditor.vue";
-const Se = /* @__PURE__ */ h({
+const Ce = /* @__PURE__ */ h({
   __name: "IkOnlyOffice",
   props: {
     // 文件服务器的服务的地址
@@ -775,14 +775,15 @@ const Se = /* @__PURE__ */ h({
     const e = n, o = x({
       width: "100%",
       height: "100%",
-      ...e.configOptions || {}
+      ...e.configOptions || {},
+      ...e.configOptions
     }), r = () => {
       console.info("文档加载完成", e.configOptions);
     };
-    return (t, i) => (l(), d(
+    return (t, i) => (l(), p(
       "div",
       {
-        style: v({ height: e.officeHeight })
+        style: m({ height: e.officeHeight })
       },
       [
         D(y(T), {
@@ -798,9 +799,9 @@ const Se = /* @__PURE__ */ h({
     ));
   }
 });
-const Ce = /* @__PURE__ */ V(Se, [["__scopeId", "data-v-fe959cd8"]]), Ie = q(Ce), ze = /* @__PURE__ */ h({
+const Ie = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-98d51ef9"]]), ze = q(Ie), De = /* @__PURE__ */ h({
   __name: "IkPreviewFileDialog",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ H({
     file: {
       type: Object,
       default: () => []
@@ -810,12 +811,12 @@ const Ce = /* @__PURE__ */ V(Se, [["__scopeId", "data-v-fe959cd8"]]), Ie = q(Ce)
       type: String,
       default: ""
     },
-    // 需要onlyoffice预览的文件类型
+    // 需要onlyoffice预览的文件类型 - 0.2.3版本后可不填
     onlyOfficeAccept: {
       type: String,
       default: ".pdf,.docx,.doc.ppt,.pptx,.xlsx,.xls,"
     },
-    // onlyoffice服务地址
+    // onlyoffice服务地址 - 0.2.3版本后可不填
     onlyofficeServer: {
       type: String,
       default: ""
@@ -835,70 +836,70 @@ const Ce = /* @__PURE__ */ V(Se, [["__scopeId", "data-v-fe959cd8"]]), Ie = q(Ce)
   }),
   emits: ["update:show"],
   setup(n) {
-    const e = n, o = H(n, "show"), r = F(() => ({
+    const e = n, o = W(n, "show"), r = F(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
       size: "fileSize",
       ...e.field
-    })), t = x(null), i = x(null), a = G({
+    })), t = x(null), i = x(null), a = K({
       image: !1,
       office: !1,
       video: !1
     }), u = (s) => {
-      var c, m, k, b, R, A;
+      var c, g, k, b, R, A, P;
       try {
-        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);
+        const d = ((c = s == null ? void 0 : s.response) == null ? void 0 : c.data) || s, j = d[r.value.url] || (d == null ? void 0 : d.id) || d.attachmentId, E = (g = d[r.value.suffix] || d.attachmentSuffix) == null ? void 0 : g.toLowerCase(), N = d[r.value.name] || (d == null ? void 0 : d.attachmentName) || (d == null ? void 0 : d.originName);
         if (i.value = {
           ...s,
           name: s[r.value.name],
-          url: j(e.loadUrl, P)
-        }, s && te(s, r.value) === "image") {
+          url: M(e.loadUrl, j)
+        }, s && ne(s, r.value) === "image") {
           a.image = !0;
           return;
-        } else if (e.onlyOfficeAccept.includes(E)) {
+        } else if ((((k = e.onlyOfficeConfig) == null ? void 0 : k.accept) || e.onlyOfficeAccept).includes(E)) {
           a.office = !0, t.value = {
             ...e.onlyOfficeConfig,
             editorConfig: {
-              ...((k = e.onlyOfficeConfig) == null ? void 0 : k.editorConfig) || {},
+              ...((b = e.onlyOfficeConfig) == null ? void 0 : b.editorConfig) || {},
               customization: {
-                ...((R = (b = e.onlyOfficeConfig) == null ? void 0 : b.editorConfig) == null ? void 0 : R.customization) || {},
+                ...((A = (R = e.onlyOfficeConfig) == null ? void 0 : R.editorConfig) == null ? void 0 : A.customization) || {},
                 review: {
                   reviewDisplay: "final"
                 }
               }
             },
             document: {
-              key: ee(),
-              title: W,
-              url: j(e.loadUrl, P),
+              key: te(),
+              title: N,
+              url: M(e.loadUrl, j),
               fileType: E,
-              ...((A = e.onlyOfficeConfig) == null ? void 0 : A.document) || {}
+              ...((P = e.onlyOfficeConfig) == null ? void 0 : P.document) || {}
             },
-            documentType: oe(E)
+            documentType: ie(E)
           };
           return;
         }
-      } catch (f) {
-        console.info("预览错误: ", f);
+      } catch (d) {
+        console.info("预览错误: ", d);
       }
     };
-    K([o, e.file], ([s, c]) => {
-      s && J(() => {
+    J([o, e.file], ([s, c]) => {
+      s && Q(() => {
         u(e.file);
       });
     });
-    const p = () => {
+    const f = () => {
       o.value = !1, a.office = !1, a.image = !1, a.video = !1;
     };
     return (s, c) => {
       var k, b;
-      const m = z("el-image-viewer");
-      return o.value ? (l(), d(
-        Q,
+      const g = z("el-image-viewer");
+      return o.value ? (l(), p(
+        Z,
         { key: 0 },
         [
-          (k = i.value) != null && k.url && a.image ? (l(), _(m, {
+          (k = i.value) != null && k.url && a.image ? (l(), _(g, {
             key: 0,
             onClose: c[0] || (c[0] = (R) => {
               i.value = null, a.image = !1;
@@ -907,7 +908,7 @@ const Ce = /* @__PURE__ */ V(Se, [["__scopeId", "data-v-fe959cd8"]]), Ie = q(Ce)
             "url-list": [(b = i.value) == null ? void 0 : b.url]
           }, null, 8, ["url-list"])) : S("v-if", !0),
           S(" 文档类 "),
-          D(y(ye), {
+          D(y(we), {
             modelValue: a.office,
             "onUpdate:modelValue": c[1] || (c[1] = (R) => a.office = R),
             draggable: "",
@@ -919,15 +920,14 @@ const Ce = /* @__PURE__ */ V(Se, [["__scopeId", "data-v-fe959cd8"]]), Ie = q(Ce)
             "close-on-click-modal": "",
             "close-on-press-escape": !1,
             "append-to-body": "",
-            onClose: p,
+            onClose: f,
             "modal-class": "ik-only-preview-dialog"
           }, {
-            default: g(() => [
-              D(y(Ie), {
-                configOptions: t.value,
-                documentServerUrl: n.onlyofficeServer,
-                mode: "view"
-              }, null, 8, ["configOptions", "documentServerUrl"])
+            default: v(() => [
+              D(y(ze), {
+                "config-options": t.value,
+                "document-server-url": n.onlyOfficeConfig.serverUrl || n.onlyofficeServer
+              }, null, 8, ["config-options", "document-server-url"])
             ]),
             _: 1
             /* STABLE */
@@ -939,8 +939,8 @@ const Ce = /* @__PURE__ */ V(Se, [["__scopeId", "data-v-fe959cd8"]]), Ie = q(Ce)
     };
   }
 });
-const qe = q(ze);
+const Fe = q(De);
 export {
-  qe as IkPreviewFileDialog,
-  qe as default
+  Fe as IkPreviewFileDialog,
+  Fe as default
 };