iking-web-ui-pro 0.1.91 → 0.1.93

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as S, openBlock as c, createElementBlock as u, createElementVNode as r, ref as z, Fragment as M, renderList as H, normalizeClass as F, normalizeStyle as _, createVNode as y, toDisplayString as C, unref as w, withModifiers as W, renderSlot as $, createCommentVNode as V, mergeModels as P, useModel as L, reactive as K, watch as j, nextTick as X, resolveComponent as D, createBlock as I, withCtx as b, createTextVNode as O, h as Y, mergeProps as Z, createSlots as J, pushScopeId as Q, popScopeId as e3 } from "vue";
+import { defineComponent as k, computed as C, openBlock as c, createElementBlock as u, createElementVNode as r, ref as z, Fragment as M, renderList as H, normalizeClass as F, normalizeStyle as _, createVNode as y, toDisplayString as V, unref as w, withModifiers as W, renderSlot as $, createCommentVNode as x, mergeModels as P, useModel as L, reactive as K, watch as j, nextTick as X, resolveComponent as D, createBlock as I, withCtx as S, createTextVNode as O, h as Y, mergeProps as Z, createSlots as J, pushScopeId as Q, popScopeId as e3 } from "vue";
 import { paramType as t3, ikFile as n3, buildUUID as o3, ikColor as i3, ikUrl as s3 } from "iking-utils-pro";
 const R = (n, e) => {
   if (n.install = (i) => {
@@ -632,7 +632,7 @@ const G = (n, e) => {
     }
   },
   setup(n) {
-    const e = n, i = S(() => e.file ? G(e.file, e.fields) : e.type);
+    const e = n, i = C(() => e.file ? G(e.file, e.fields) : e.type);
     return (l, o) => i.value === "image" ? (c(), u("svg", c3, h3)) : i.value === "zip" ? (c(), u("svg", v3, w3)) : i.value === "ppt" ? (c(), u("svg", y3, z3)) : i.value === "word" ? (c(), u("svg", F3, S3)) : i.value === "pdf" ? (c(), u("svg", C3, I3)) : i.value === "txt" ? (c(), u("svg", R3, M3)) : i.value === "audio" ? (c(), u("svg", q3, O3)) : i.value === "video" ? (c(), u("svg", A3, P3)) : i.value === "excel" ? (c(), u("svg", L3, W3)) : i.value === "exe" ? (c(), u("svg", K3, Q3)) : i.value === "json" ? (c(), u("svg", e6, i6)) : (c(), u("svg", s6, c6));
   }
 }), u6 = ["onClick"], p6 = { class: "text" }, f6 = { class: "fileName" }, h6 = { class: "size" }, v6 = /* @__PURE__ */ k({
@@ -705,7 +705,7 @@ const G = (n, e) => {
     }
   },
   setup(n) {
-    const e = n, i = S(() => ({
+    const e = n, i = C(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
@@ -729,7 +729,7 @@ const G = (n, e) => {
         ),
         t[i.value.name] || t.attachmentName
       );
-    }, h = S(() => t3.isNumber(e.width) ? `${e.width}px` : e.width), g = S(() => e.list.map((t) => ({
+    }, h = C(() => t3.isNumber(e.width) ? `${e.width}px` : e.width), g = C(() => e.list.map((t) => ({
       ...t,
       name: t[i.value.name] || t.attachmentName,
       size: t[i.value.size] || t.fileSize || t.attachmentSize,
@@ -759,7 +759,7 @@ const G = (n, e) => {
                 [
                   r("div", {
                     class: "file-card",
-                    onClick: (x) => s(p)
+                    onClick: (b) => s(p)
                   }, [
                     y(d6, {
                       file: p,
@@ -771,14 +771,14 @@ const G = (n, e) => {
                       r(
                         "div",
                         f6,
-                        C(p.name),
+                        V(p.name),
                         1
                         /* TEXT */
                       ),
                       r(
                         "div",
                         h6,
-                        C(w(l3)(p.size)),
+                        V(w(l3)(p.size)),
                         1
                         /* TEXT */
                       )
@@ -791,7 +791,7 @@ const G = (n, e) => {
                       [
                         y(w(B), {
                           name: "iksvg_daochu",
-                          onClick: W((x) => a(p), ["stop"]),
+                          onClick: W((b) => a(p), ["stop"]),
                           bg: n.showBg,
                           size: n.showBg ? "default" : 20
                         }, null, 8, ["onClick", "bg", "size"]),
@@ -815,8 +815,8 @@ const G = (n, e) => {
             }),
             128
             /* KEYED_FRAGMENT */
-          )) : V("v-if", !0),
-          y(w(w6), {
+          )) : x("v-if", !0),
+          y(w(y6), {
             show: o.value,
             "onUpdate:show": d[0] || (d[0] = (p) => o.value = p),
             loadUrl: n.loadUrl,
@@ -832,7 +832,7 @@ const G = (n, e) => {
     };
   }
 });
-const g6 = R(v6), m6 = /* @__PURE__ */ k({
+const g6 = R(v6), m6 = { key: 0 }, w6 = /* @__PURE__ */ k({
   __name: "IkPreviewFileDialog",
   props: /* @__PURE__ */ P({
     file: {
@@ -869,7 +869,9 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
   }),
   emits: ["update:show"],
   setup(n) {
-    const e = n, i = L(n, "show"), l = S(() => ({
+    const e = n, i = L(n, "show");
+    console.log("props", e);
+    const l = C(() => ({
       name: "name",
       url: "url",
       suffix: "suffix",
@@ -882,7 +884,7 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
     }), h = (t) => {
       var d, v;
       try {
-        const p = ((d = t == null ? void 0 : t.response) == null ? void 0 : d.data) || t, m = p[l.value.url] || (p == null ? void 0 : p.id) || p.attachmentId, f = (v = p[l.value.suffix] || p.attachmentSuffix) == null ? void 0 : v.toLowerCase(), x = p[l.value.name] || (p == null ? void 0 : p.attachmentName);
+        const p = ((d = t == null ? void 0 : t.response) == null ? void 0 : d.data) || t, m = p[l.value.url] || (p == null ? void 0 : p.id) || p.attachmentId, f = (v = p[l.value.suffix] || p.attachmentSuffix) == null ? void 0 : v.toLowerCase(), b = p[l.value.name] || (p == null ? void 0 : p.attachmentName);
         if (s.value = {
           ...t,
           name: t[l.value.name],
@@ -895,7 +897,7 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
             documentType: r3(f),
             document: {
               key: o3(),
-              title: x,
+              title: b,
               url: q(e.loadUrl, m),
               fileType: f
             },
@@ -915,7 +917,7 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
       }
     };
     j([i, e.file], ([t, d]) => {
-      t && X(() => {
+      console.log(t, d), t && X(() => {
         h(e.file);
       });
     });
@@ -925,7 +927,7 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
     return (t, d) => {
       var p, m;
       const v = D("el-image-viewer");
-      return c(), u("template", null, [
+      return i.value ? (c(), u("div", m6, [
         (p = s.value) != null && p.url && a.image ? (c(), I(v, {
           key: 0,
           onClose: d[0] || (d[0] = (f) => {
@@ -933,9 +935,9 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
           }),
           ref: "previewImgRef",
           "url-list": [(m = s.value) == null ? void 0 : m.url]
-        }, null, 8, ["url-list"])) : V("v-if", !0),
-        V(" 文档类 "),
-        y(w(D6), {
+        }, null, 8, ["url-list"])) : x("v-if", !0),
+        x(" 文档类 "),
+        y(w(M6), {
           modelValue: a.office,
           "onUpdate:modelValue": d[1] || (d[1] = (f) => a.office = f),
           draggable: "",
@@ -950,8 +952,8 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
           onClose: g,
           "modal-class": "ik-only-preview-dialog"
         }, {
-          default: b(() => [
-            y(w(T6), {
+          default: S(() => [
+            y(w(P6), {
               configOptions: o.value,
               documentServerUrl: n.onlyofficeServer,
               mode: "view"
@@ -960,22 +962,22 @@ const g6 = R(v6), m6 = /* @__PURE__ */ k({
           _: 1
           /* STABLE */
         }, 8, ["modelValue"])
-      ]);
+      ])) : x("v-if", !0);
     };
   }
 });
-const w6 = R(m6), y6 = {
+const y6 = R(w6), _6 = {
   key: 0,
   class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
-}, _6 = {
+}, k6 = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, k6 = ["xlink:href"], z6 = ["src"], F6 = {
+}, z6 = ["xlink:href"], F6 = ["src"], x6 = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, x6 = ["xlink:href"], b6 = ["src"], S6 = /* @__PURE__ */ k({
+}, b6 = ["xlink:href"], S6 = ["src"], C6 = /* @__PURE__ */ k({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -1002,10 +1004,10 @@ const w6 = R(m6), y6 = {
     tableIconType: { default: "icon" }
   },
   setup(n) {
-    const e = n, i = S(() => {
+    const e = n, i = C(() => {
       var o, s, a;
       return /^http?:\/\//.test(e.name) ? "img" : /i-[^:]+:[^:]+/.test(e.name) ? "unocss" : (o = e.name) != null && o.startsWith("iksig") ? "iksig" : (s = e.name) != null && s.includes(":") ? "iconify" : (a = e.name) != null && a.startsWith("iksvg") ? "svg" : "i";
-    }), l = S(() => {
+    }), l = C(() => {
       const o = [];
       if (e.flip)
         switch (e.flip) {
@@ -1034,7 +1036,7 @@ const w6 = R(m6), y6 = {
     });
     return (o, s) => {
       const a = D("el-tooltip"), h = D("el-button");
-      return o.tableIconType === "icon" ? (c(), u("span", y6, [
+      return o.tableIconType === "icon" ? (c(), u("span", _6, [
         o.notip || !o.title ? (c(), u(
           "i",
           {
@@ -1055,7 +1057,7 @@ const w6 = R(m6), y6 = {
             style: _(l.value)
           },
           [
-            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            x(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
             i.value === "iksig" ? (c(), u(
               "i",
               {
@@ -1066,15 +1068,15 @@ const w6 = R(m6), y6 = {
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (c(), u("svg", _6, [
+            )) : i.value === "svg" ? (c(), u("svg", k6, [
               r("use", {
                 "xlink:href": `#${o.name}`
-              }, null, 8, k6)
+              }, null, 8, z6)
             ])) : i.value === "img" ? (c(), u("img", {
               key: 2,
               src: o.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, z6)) : (c(), u(
+            }, null, 8, F6)) : (c(), u(
               "i",
               {
                 key: 3,
@@ -1093,7 +1095,7 @@ const w6 = R(m6), y6 = {
           content: o.title,
           placement: "top"
         }, {
-          default: b(() => [
+          default: S(() => [
             r(
               "i",
               {
@@ -1122,15 +1124,15 @@ const w6 = R(m6), y6 = {
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (c(), u("svg", F6, [
+                )) : i.value === "svg" ? (c(), u("svg", x6, [
                   r("use", {
                     "xlink:href": `#${o.name}`
-                  }, null, 8, x6)
+                  }, null, 8, b6)
                 ])) : i.value === "img" ? (c(), u("img", {
                   key: 2,
                   src: o.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, b6)) : (c(), u(
+                }, null, 8, S6)) : (c(), u(
                   "i",
                   {
                     key: 3,
@@ -1153,9 +1155,9 @@ const w6 = R(m6), y6 = {
         key: 1,
         type: ["warning", "error"].includes(o.type) ? "danger" : ""
       }, {
-        default: b(() => [
+        default: S(() => [
           O(
-            C(o.title),
+            V(o.title),
             1
             /* TEXT */
           )
@@ -1166,10 +1168,10 @@ const w6 = R(m6), y6 = {
     };
   }
 });
-const C6 = /* @__PURE__ */ E(S6, [["__scopeId", "data-v-7d95dbf5"]]), B = R(C6), V6 = {
+const V6 = /* @__PURE__ */ E(C6, [["__scopeId", "data-v-7d95dbf5"]]), B = R(V6), B6 = {
   key: 0,
   class: "exit-main-page-maximize"
-}, B6 = /* @__PURE__ */ k({
+}, I6 = /* @__PURE__ */ k({
   __name: "CloseIcon",
   props: {
     showBg: {
@@ -1183,7 +1185,7 @@ const C6 = /* @__PURE__ */ E(S6, [["__scopeId", "data-v-7d95dbf5"]]), B = R(C6),
   },
   setup(n) {
     return (e, i) => (c(), u("div", null, [
-      n.showBg && n.fullscreen ? (c(), u("div", V6, [
+      n.showBg && n.fullscreen ? (c(), u("div", B6, [
         y(w(B), {
           name: "iksvg_guanbidanchuang",
           title: "关闭",
@@ -1200,7 +1202,7 @@ const C6 = /* @__PURE__ */ E(S6, [["__scopeId", "data-v-7d95dbf5"]]), B = R(C6),
     ]));
   }
 });
-const I6 = /* @__PURE__ */ E(B6, [["__scopeId", "data-v-79f49df8"]]), R6 = { class: "base-header" }, $6 = /* @__PURE__ */ k({
+const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { class: "base-header" }, D6 = /* @__PURE__ */ k({
   __name: "IkBaseDialog",
   props: /* @__PURE__ */ P({
     title: { default: "" },
@@ -1225,7 +1227,7 @@ const I6 = /* @__PURE__ */ E(B6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
       l.value = !l.value;
     }, s = k({
       setup() {
-        return () => Y(I6, {
+        return () => Y(R6, {
           showBg: e.showCloseBg,
           fullscreen: e.fullscreen
         });
@@ -1242,20 +1244,20 @@ const I6 = /* @__PURE__ */ E(B6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
         fullscreen: l.value,
         "modal-class": "baseDialog"
       }), J({
-        icon: b(() => [
+        icon: S(() => [
           $(a.$slots, "title", {}, () => [
             O(
-              C(a.title),
+              V(a.title),
               1
               /* TEXT */
             )
           ])
         ]),
-        header: b(() => [
-          r("div", R6, [
+        header: S(() => [
+          r("div", $6, [
             $(a.$slots, "header", {}, () => [
               O(
-                C(a.title),
+                V(a.title),
                 1
                 /* TEXT */
               )
@@ -1267,9 +1269,9 @@ const I6 = /* @__PURE__ */ E(B6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
             name: l.value ? "iksvg_tuichuquanping" : "iksvg_quanping-daohang",
             class: "absolute! top-[18px] right-[50px] icon-dialog-full",
             title: l.value ? "退出全屏" : "全屏"
-          }, null, 8, ["name", "title"])) : V("v-if", !0)
+          }, null, 8, ["name", "title"])) : x("v-if", !0)
         ]),
-        default: b(() => [
+        default: S(() => [
           $(a.$slots, "default")
         ]),
         _: 2
@@ -1277,7 +1279,7 @@ const I6 = /* @__PURE__ */ E(B6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
       }, [
         a.$slots.footer ? {
           name: "footer",
-          fn: b(() => [
+          fn: S(() => [
             $(a.$slots, "footer")
           ]),
           key: "0"
@@ -1286,8 +1288,8 @@ const I6 = /* @__PURE__ */ E(B6, [["__scopeId", "data-v-79f49df8"]]), R6 = { cla
     };
   }
 });
-const D6 = R($6);
-function M6(n, e, i, l) {
+const M6 = R(D6);
+function q6(n, e, i, l) {
   function o(s) {
     return s instanceof i ? s : new i(function(a) {
       a(s);
@@ -1314,7 +1316,7 @@ function M6(n, e, i, l) {
     t((l = l.apply(n, e || [])).next());
   });
 }
-function q6(n, e) {
+function E6(n, e) {
   var i = { label: 0, sent: function() {
     if (s[0] & 1)
       throw s[1];
@@ -1379,9 +1381,9 @@ function q6(n, e) {
     return { value: t[0] ? t[1] : void 0, done: !0 };
   }
 }
-var E6 = function(n, e) {
-  return M6(void 0, void 0, void 0, function() {
-    return q6(this, function(i) {
+var H6 = function(n, e) {
+  return q6(void 0, void 0, void 0, function() {
+    return E6(this, function(i) {
       return [2, new Promise(function(l, o) {
         try {
           if (window.DocsAPI)
@@ -1469,7 +1471,7 @@ var E6 = function(n, e) {
     var n = this, e = this.documentServerUrl;
     e.endsWith("/") || (e += "/");
     var i = "".concat(e, "web-apps/apps/api/documents/api.js");
-    E6(i, "onlyoffice-api-script").then(function() {
+    H6(i, "onlyoffice-api-script").then(function() {
       return n.onLoad();
     }).catch(function() {
       n.onError(-2);
@@ -1583,13 +1585,13 @@ var E6 = function(n, e) {
     }
   }
 });
-const H6 = ["id"];
-function O6(n, e, i, l, o, s) {
-  return c(), u("div", { id: n.id }, null, 8, H6);
+const O6 = ["id"];
+function A6(n, e, i, l, o, s) {
+  return c(), u("div", { id: n.id }, null, 8, O6);
 }
-A.render = O6;
+A.render = A6;
 A.__file = "src/components/DocumentEditor.vue";
-const A6 = /* @__PURE__ */ k({
+const U6 = /* @__PURE__ */ k({
   __name: "IkOnlyOffice",
   props: {
     // 文件服务器的服务的地址
@@ -1683,22 +1685,22 @@ const A6 = /* @__PURE__ */ k({
     ));
   }
 });
-const U6 = /* @__PURE__ */ E(A6, [["__scopeId", "data-v-ea0a8f6d"]]), T6 = R(U6), P6 = (n) => (Q("data-v-170abcfc"), n = n(), e3(), n), L6 = {
+const T6 = /* @__PURE__ */ E(U6, [["__scopeId", "data-v-ea0a8f6d"]]), P6 = R(T6), L6 = (n) => (Q("data-v-170abcfc"), n = n(), e3(), n), j6 = {
   key: 0,
   class: "preview-files"
-}, j6 = {
+}, G6 = {
   class: "flex",
   style: { width: "80%", "align-items": "center" }
-}, G6 = ["onClick"], N6 = ["title"], W6 = { style: { color: "#b8c6d9" } }, K6 = ["onClick"], X6 = /* @__PURE__ */ P6(() => /* @__PURE__ */ r(
+}, N6 = ["onClick"], W6 = ["title"], K6 = { style: { color: "#b8c6d9" } }, X6 = ["onClick"], Y6 = /* @__PURE__ */ L6(() => /* @__PURE__ */ r(
   "span",
   null,
   "预览",
   -1
   /* HOISTED */
-)), Y6 = {
+)), Z6 = {
   key: 1,
   class: "flex preview-img"
-}, Z6 = /* @__PURE__ */ k({
+}, J6 = /* @__PURE__ */ k({
   __name: "IKDetailPreviewFiles",
   props: {
     // 文件列表 [{originName:'',path:'',fileSize:''}] //文件大小
@@ -1756,14 +1758,14 @@ const U6 = /* @__PURE__ */ E(A6, [["__scopeId", "data-v-ea0a8f6d"]]), T6 = R(U6)
       var p, m;
       const v = D("el-image");
       return c(), u("div", null, [
-        e.fileType === "file" ? (c(), u("div", L6, [
+        e.fileType === "file" ? (c(), u("div", j6, [
           (c(!0), u(
             M,
             null,
-            H(i.value, (f, x) => (c(), u(
+            H(i.value, (f, b) => (c(), u(
               "div",
               {
-                key: x,
+                key: b,
                 class: "files-item",
                 style: _({
                   width: e.fileWidth,
@@ -1771,7 +1773,7 @@ const U6 = /* @__PURE__ */ E(A6, [["__scopeId", "data-v-ea0a8f6d"]]), T6 = R(U6)
                 })
               },
               [
-                r("div", j6, [
+                r("div", G6, [
                   y(w(B), {
                     name: a(f),
                     style: _(`color:${h(f)}`),
@@ -1783,23 +1785,23 @@ const U6 = /* @__PURE__ */ E(A6, [["__scopeId", "data-v-ea0a8f6d"]]), T6 = R(U6)
                   }, [
                     r("p", {
                       title: f.name
-                    }, C(f.name), 9, N6),
+                    }, V(f.name), 9, W6),
                     r(
                       "p",
-                      W6,
-                      C((f.size / 1024).toFixed(2)) + "KB",
+                      K6,
+                      V((f.size / 1024).toFixed(2)) + "KB",
                       1
                       /* TEXT */
                     )
-                  ], 8, G6)
+                  ], 8, N6)
                 ]),
                 r("div", {
                   class: "file-preview",
                   onClick: (N) => s(f)
                 }, [
                   y(w(B), { name: "iksvg_yulan" }),
-                  X6
-                ], 8, K6)
+                  Y6
+                ], 8, X6)
               ],
               4
               /* STYLE */
@@ -1807,13 +1809,13 @@ const U6 = /* @__PURE__ */ E(A6, [["__scopeId", "data-v-ea0a8f6d"]]), T6 = R(U6)
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : V("v-if", !0),
-        e.fileType === "img" ? (c(), u("div", Y6, [
+        ])) : x("v-if", !0),
+        e.fileType === "img" ? (c(), u("div", Z6, [
           (c(!0), u(
             M,
             null,
-            H(i.value, (f, x) => (c(), u("div", {
-              key: x,
+            H(i.value, (f, b) => (c(), u("div", {
+              key: b,
               class: "preview-img"
             }, [
               y(v, {
@@ -1826,7 +1828,7 @@ const U6 = /* @__PURE__ */ E(A6, [["__scopeId", "data-v-ea0a8f6d"]]), T6 = R(U6)
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : V("v-if", !0),
+        ])) : x("v-if", !0),
         y(w(g6), {
           modelValue: l.value,
           "onUpdate:modelValue": d[0] || (d[0] = (f) => l.value = f),
@@ -1839,8 +1841,8 @@ const U6 = /* @__PURE__ */ E(A6, [["__scopeId", "data-v-ea0a8f6d"]]), T6 = R(U6)
     };
   }
 });
-const J6 = /* @__PURE__ */ E(Z6, [["__scopeId", "data-v-170abcfc"]]), te = R(J6);
+const Q6 = /* @__PURE__ */ E(J6, [["__scopeId", "data-v-170abcfc"]]), ne = R(Q6);
 export {
-  te as IKDetailPreviewFiles,
-  te as default
+  ne as IKDetailPreviewFiles,
+  ne as default
 };