iking-web-ui-pro 0.1.93 → 0.1.94

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

@@ -1,6 +1,6 @@
-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 { defineComponent as k, computed as C, openBlock as c, createElementBlock as u, createElementVNode as r, ref as z, Fragment as D, renderList as H, normalizeClass as F, normalizeStyle as _, createVNode as y, toDisplayString as V, unref as w, withModifiers as W, renderSlot as R, createCommentVNode as x, mergeModels as P, useModel as L, reactive as K, watch as j, nextTick as X, resolveComponent as M, 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) => {
+const $ = (n, e) => {
   if (n.install = (i) => {
     for (const l of [n, ...Object.values(e ?? {})])
       i.component(l.name, l);
@@ -322,7 +322,7 @@ const G = (n, e) => {
 ), I3 = [
   V3,
   B3
-], R3 = {
+], $3 = {
   key: 5,
   t: "1686300195363",
   class: "icon",
@@ -332,7 +332,7 @@ const G = (n, e) => {
   "p-id": "8602",
   width: "200",
   height: "200"
-}, $3 = /* @__PURE__ */ r(
+}, R3 = /* @__PURE__ */ r(
   "path",
   {
     d: "M204.8 0h477.866667l273.066666 273.066667v614.4c0 75.093333-61.44 136.533333-136.533333 136.533333H204.8c-75.093333 0-136.533333-61.44-136.533333-136.533333V136.533333C68.266667 61.44 129.706667 0 204.8 0z m341.333333 512h136.533334c20.48 0 34.133333-13.653333 34.133333-34.133333s-13.653333-34.133333-34.133333-34.133334H341.333333c-20.48 0-34.133333 13.653333-34.133333 34.133334s13.653333 34.133333 34.133333 34.133333h136.533334V819.2c0 20.48 13.653333 34.133333 34.133333 34.133333s34.133333-13.653333 34.133333-34.133333V512z",
@@ -353,7 +353,7 @@ const G = (n, e) => {
   -1
   /* HOISTED */
 ), M3 = [
-  $3,
+  R3,
   D3
 ], q3 = {
   key: 6,
@@ -633,7 +633,7 @@ const G = (n, e) => {
   },
   setup(n) {
     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));
+    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", $3, 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({
   __name: "IkPreviewFile",
@@ -738,11 +738,11 @@ const G = (n, e) => {
     return (t, d) => {
       var v;
       return c(), u(
-        M,
+        D,
         null,
         [
           (v = n.list) != null && v.length ? (c(!0), u(
-            M,
+            D,
             { key: 0 },
             H(g.value, (p, m) => {
               var f;
@@ -800,7 +800,7 @@ const G = (n, e) => {
                           bg: n.showBg,
                           size: n.showBg ? "default" : 20
                         }, null, 8, ["bg", "size"]),
-                        $(t.$slots, "operation", {
+                        R(t.$slots, "operation", {
                           data: { ...p, findex: m }
                         })
                       ],
@@ -816,7 +816,7 @@ const G = (n, e) => {
             128
             /* KEYED_FRAGMENT */
           )) : x("v-if", !0),
-          y(w(y6), {
+          y(w(_6), {
             show: o.value,
             "onUpdate:show": d[0] || (d[0] = (p) => o.value = p),
             loadUrl: n.loadUrl,
@@ -832,7 +832,13 @@ const G = (n, e) => {
     };
   }
 });
-const g6 = R(v6), m6 = { key: 0 }, w6 = /* @__PURE__ */ k({
+const g6 = $(v6), m6 = { key: 0 }, w6 = /* @__PURE__ */ r(
+  "div",
+  null,
+  null,
+  -1
+  /* HOISTED */
+), y6 = /* @__PURE__ */ k({
   __name: "IkPreviewFileDialog",
   props: /* @__PURE__ */ P({
     file: {
@@ -917,7 +923,7 @@ const g6 = R(v6), m6 = { key: 0 }, w6 = /* @__PURE__ */ k({
       }
     };
     j([i, e.file], ([t, d]) => {
-      console.log(t, d), t && X(() => {
+      console.log(t, e.file), t && X(() => {
         h(e.file);
       });
     });
@@ -926,58 +932,67 @@ const g6 = R(v6), m6 = { key: 0 }, w6 = /* @__PURE__ */ k({
     };
     return (t, d) => {
       var p, m;
-      const v = D("el-image-viewer");
-      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) => {
-            s.value = null, a.image = !1;
-          }),
-          ref: "previewImgRef",
-          "url-list": [(m = s.value) == null ? void 0 : m.url]
-        }, 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: "",
-          "no-footer": "",
-          "no-header": "",
-          fullscreen: "",
-          "show-close-bg": "",
-          "destroy-on-close": "",
-          "close-on-click-modal": "",
-          "close-on-press-escape": !1,
-          "append-to-body": "",
-          onClose: g,
-          "modal-class": "ik-only-preview-dialog"
-        }, {
-          default: S(() => [
-            y(w(P6), {
-              configOptions: o.value,
-              documentServerUrl: n.onlyofficeServer,
-              mode: "view"
-            }, null, 8, ["configOptions", "documentServerUrl"])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["modelValue"])
-      ])) : x("v-if", !0);
+      const v = M("el-image-viewer");
+      return c(), u(
+        D,
+        null,
+        [
+          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) => {
+                s.value = null, a.image = !1;
+              }),
+              ref: "previewImgRef",
+              "url-list": [((m = s.value) == null ? void 0 : m.url) || ""]
+            }, null, 8, ["url-list"])) : x("v-if", !0),
+            x(" 文档类 "),
+            y(w(q6), {
+              modelValue: a.office,
+              "onUpdate:modelValue": d[1] || (d[1] = (f) => a.office = f),
+              draggable: "",
+              "no-footer": "",
+              "no-header": "",
+              fullscreen: "",
+              "show-close-bg": "",
+              "destroy-on-close": "",
+              "close-on-click-modal": "",
+              "close-on-press-escape": !1,
+              "append-to-body": "",
+              onClose: g,
+              "modal-class": "ik-only-preview-dialog"
+            }, {
+              default: S(() => [
+                y(w(L6), {
+                  configOptions: o.value,
+                  documentServerUrl: n.onlyofficeServer,
+                  mode: "view"
+                }, null, 8, ["configOptions", "documentServerUrl"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["modelValue"])
+          ])) : x("v-if", !0),
+          w6
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
     };
   }
 });
-const y6 = R(w6), _6 = {
+const _6 = $(y6), k6 = {
   key: 0,
   class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
-}, k6 = {
+}, z6 = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, z6 = ["xlink:href"], F6 = ["src"], x6 = {
+}, F6 = ["xlink:href"], x6 = ["src"], b6 = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, b6 = ["xlink:href"], S6 = ["src"], C6 = /* @__PURE__ */ k({
+}, S6 = ["xlink:href"], C6 = ["src"], V6 = /* @__PURE__ */ k({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -1035,8 +1050,8 @@ const y6 = R(w6), _6 = {
       return e.width && (s.width = s.height = typeof e.width == "number" ? `${e.width}px` : e.width), s;
     });
     return (o, s) => {
-      const a = D("el-tooltip"), h = D("el-button");
-      return o.tableIconType === "icon" ? (c(), u("span", _6, [
+      const a = M("el-tooltip"), h = M("el-button");
+      return o.tableIconType === "icon" ? (c(), u("span", k6, [
         o.notip || !o.title ? (c(), u(
           "i",
           {
@@ -1068,15 +1083,15 @@ const y6 = R(w6), _6 = {
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (c(), u("svg", k6, [
+            )) : i.value === "svg" ? (c(), u("svg", z6, [
               r("use", {
                 "xlink:href": `#${o.name}`
-              }, null, 8, z6)
+              }, null, 8, F6)
             ])) : i.value === "img" ? (c(), u("img", {
               key: 2,
               src: o.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, F6)) : (c(), u(
+            }, null, 8, x6)) : (c(), u(
               "i",
               {
                 key: 3,
@@ -1124,15 +1139,15 @@ const y6 = R(w6), _6 = {
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (c(), u("svg", x6, [
+                )) : i.value === "svg" ? (c(), u("svg", b6, [
                   r("use", {
                     "xlink:href": `#${o.name}`
-                  }, null, 8, b6)
+                  }, null, 8, S6)
                 ])) : i.value === "img" ? (c(), u("img", {
                   key: 2,
                   src: o.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, S6)) : (c(), u(
+                }, null, 8, C6)) : (c(), u(
                   "i",
                   {
                     key: 3,
@@ -1168,10 +1183,10 @@ const y6 = R(w6), _6 = {
     };
   }
 });
-const V6 = /* @__PURE__ */ E(C6, [["__scopeId", "data-v-7d95dbf5"]]), B = R(V6), B6 = {
+const B6 = /* @__PURE__ */ E(V6, [["__scopeId", "data-v-7d95dbf5"]]), B = $(B6), I6 = {
   key: 0,
   class: "exit-main-page-maximize"
-}, I6 = /* @__PURE__ */ k({
+}, $6 = /* @__PURE__ */ k({
   __name: "CloseIcon",
   props: {
     showBg: {
@@ -1185,7 +1200,7 @@ const V6 = /* @__PURE__ */ E(C6, [["__scopeId", "data-v-7d95dbf5"]]), B = R(V6),
   },
   setup(n) {
     return (e, i) => (c(), u("div", null, [
-      n.showBg && n.fullscreen ? (c(), u("div", B6, [
+      n.showBg && n.fullscreen ? (c(), u("div", I6, [
         y(w(B), {
           name: "iksvg_guanbidanchuang",
           title: "关闭",
@@ -1202,7 +1217,7 @@ const V6 = /* @__PURE__ */ E(C6, [["__scopeId", "data-v-7d95dbf5"]]), B = R(V6),
     ]));
   }
 });
-const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { class: "base-header" }, D6 = /* @__PURE__ */ k({
+const R6 = /* @__PURE__ */ E($6, [["__scopeId", "data-v-79f49df8"]]), D6 = { class: "base-header" }, M6 = /* @__PURE__ */ k({
   __name: "IkBaseDialog",
   props: /* @__PURE__ */ P({
     title: { default: "" },
@@ -1234,7 +1249,7 @@ const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { cla
       }
     });
     return (a, h) => {
-      const g = D("el-dialog");
+      const g = M("el-dialog");
       return c(), I(g, Z({
         modelValue: i.value,
         "onUpdate:modelValue": h[0] || (h[0] = (t) => i.value = t)
@@ -1245,7 +1260,7 @@ const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { cla
         "modal-class": "baseDialog"
       }), J({
         icon: S(() => [
-          $(a.$slots, "title", {}, () => [
+          R(a.$slots, "title", {}, () => [
             O(
               V(a.title),
               1
@@ -1254,8 +1269,8 @@ const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { cla
           ])
         ]),
         header: S(() => [
-          r("div", $6, [
-            $(a.$slots, "header", {}, () => [
+          r("div", D6, [
+            R(a.$slots, "header", {}, () => [
               O(
                 V(a.title),
                 1
@@ -1272,7 +1287,7 @@ const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { cla
           }, null, 8, ["name", "title"])) : x("v-if", !0)
         ]),
         default: S(() => [
-          $(a.$slots, "default")
+          R(a.$slots, "default")
         ]),
         _: 2
         /* DYNAMIC */
@@ -1280,7 +1295,7 @@ const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { cla
         a.$slots.footer ? {
           name: "footer",
           fn: S(() => [
-            $(a.$slots, "footer")
+            R(a.$slots, "footer")
           ]),
           key: "0"
         } : void 0
@@ -1288,8 +1303,8 @@ const R6 = /* @__PURE__ */ E(I6, [["__scopeId", "data-v-79f49df8"]]), $6 = { cla
     };
   }
 });
-const M6 = R(D6);
-function q6(n, e, i, l) {
+const q6 = $(M6);
+function E6(n, e, i, l) {
   function o(s) {
     return s instanceof i ? s : new i(function(a) {
       a(s);
@@ -1316,7 +1331,7 @@ function q6(n, e, i, l) {
     t((l = l.apply(n, e || [])).next());
   });
 }
-function E6(n, e) {
+function H6(n, e) {
   var i = { label: 0, sent: function() {
     if (s[0] & 1)
       throw s[1];
@@ -1381,9 +1396,9 @@ function E6(n, e) {
     return { value: t[0] ? t[1] : void 0, done: !0 };
   }
 }
-var H6 = function(n, e) {
-  return q6(void 0, void 0, void 0, function() {
-    return E6(this, function(i) {
+var O6 = function(n, e) {
+  return E6(void 0, void 0, void 0, function() {
+    return H6(this, function(i) {
       return [2, new Promise(function(l, o) {
         try {
           if (window.DocsAPI)
@@ -1471,7 +1486,7 @@ var H6 = function(n, e) {
     var n = this, e = this.documentServerUrl;
     e.endsWith("/") || (e += "/");
     var i = "".concat(e, "web-apps/apps/api/documents/api.js");
-    H6(i, "onlyoffice-api-script").then(function() {
+    O6(i, "onlyoffice-api-script").then(function() {
       return n.onLoad();
     }).catch(function() {
       n.onError(-2);
@@ -1585,13 +1600,13 @@ var H6 = function(n, e) {
     }
   }
 });
-const O6 = ["id"];
-function A6(n, e, i, l, o, s) {
-  return c(), u("div", { id: n.id }, null, 8, O6);
+const A6 = ["id"];
+function U6(n, e, i, l, o, s) {
+  return c(), u("div", { id: n.id }, null, 8, A6);
 }
-A.render = A6;
+A.render = U6;
 A.__file = "src/components/DocumentEditor.vue";
-const U6 = /* @__PURE__ */ k({
+const T6 = /* @__PURE__ */ k({
   __name: "IkOnlyOffice",
   props: {
     // 文件服务器的服务的地址
@@ -1685,22 +1700,22 @@ const U6 = /* @__PURE__ */ k({
     ));
   }
 });
-const T6 = /* @__PURE__ */ E(U6, [["__scopeId", "data-v-ea0a8f6d"]]), P6 = R(T6), L6 = (n) => (Q("data-v-170abcfc"), n = n(), e3(), n), j6 = {
+const P6 = /* @__PURE__ */ E(T6, [["__scopeId", "data-v-ea0a8f6d"]]), L6 = $(P6), j6 = (n) => (Q("data-v-170abcfc"), n = n(), e3(), n), G6 = {
   key: 0,
   class: "preview-files"
-}, G6 = {
+}, N6 = {
   class: "flex",
   style: { width: "80%", "align-items": "center" }
-}, N6 = ["onClick"], W6 = ["title"], K6 = { style: { color: "#b8c6d9" } }, X6 = ["onClick"], Y6 = /* @__PURE__ */ L6(() => /* @__PURE__ */ r(
+}, W6 = ["onClick"], K6 = ["title"], X6 = { style: { color: "#b8c6d9" } }, Y6 = ["onClick"], Z6 = /* @__PURE__ */ j6(() => /* @__PURE__ */ r(
   "span",
   null,
   "预览",
   -1
   /* HOISTED */
-)), Z6 = {
+)), J6 = {
   key: 1,
   class: "flex preview-img"
-}, J6 = /* @__PURE__ */ k({
+}, Q6 = /* @__PURE__ */ k({
   __name: "IKDetailPreviewFiles",
   props: {
     // 文件列表 [{originName:'',path:'',fileSize:''}] //文件大小
@@ -1756,11 +1771,11 @@ const T6 = /* @__PURE__ */ E(U6, [["__scopeId", "data-v-ea0a8f6d"]]), P6 = R(T6)
     };
     return (t, d) => {
       var p, m;
-      const v = D("el-image");
+      const v = M("el-image");
       return c(), u("div", null, [
-        e.fileType === "file" ? (c(), u("div", j6, [
+        e.fileType === "file" ? (c(), u("div", G6, [
           (c(!0), u(
-            M,
+            D,
             null,
             H(i.value, (f, b) => (c(), u(
               "div",
@@ -1773,7 +1788,7 @@ const T6 = /* @__PURE__ */ E(U6, [["__scopeId", "data-v-ea0a8f6d"]]), P6 = R(T6)
                 })
               },
               [
-                r("div", G6, [
+                r("div", N6, [
                   y(w(B), {
                     name: a(f),
                     style: _(`color:${h(f)}`),
@@ -1785,23 +1800,23 @@ const T6 = /* @__PURE__ */ E(U6, [["__scopeId", "data-v-ea0a8f6d"]]), P6 = R(T6)
                   }, [
                     r("p", {
                       title: f.name
-                    }, V(f.name), 9, W6),
+                    }, V(f.name), 9, K6),
                     r(
                       "p",
-                      K6,
+                      X6,
                       V((f.size / 1024).toFixed(2)) + "KB",
                       1
                       /* TEXT */
                     )
-                  ], 8, N6)
+                  ], 8, W6)
                 ]),
                 r("div", {
                   class: "file-preview",
                   onClick: (N) => s(f)
                 }, [
                   y(w(B), { name: "iksvg_yulan" }),
-                  Y6
-                ], 8, X6)
+                  Z6
+                ], 8, Y6)
               ],
               4
               /* STYLE */
@@ -1810,9 +1825,9 @@ const T6 = /* @__PURE__ */ E(U6, [["__scopeId", "data-v-ea0a8f6d"]]), P6 = R(T6)
             /* KEYED_FRAGMENT */
           ))
         ])) : x("v-if", !0),
-        e.fileType === "img" ? (c(), u("div", Z6, [
+        e.fileType === "img" ? (c(), u("div", J6, [
           (c(!0), u(
-            M,
+            D,
             null,
             H(i.value, (f, b) => (c(), u("div", {
               key: b,
@@ -1841,8 +1856,8 @@ const T6 = /* @__PURE__ */ E(U6, [["__scopeId", "data-v-ea0a8f6d"]]), P6 = R(T6)
     };
   }
 });
-const Q6 = /* @__PURE__ */ E(J6, [["__scopeId", "data-v-170abcfc"]]), ne = R(Q6);
+const ee = /* @__PURE__ */ E(Q6, [["__scopeId", "data-v-170abcfc"]]), oe = $(ee);
 export {
-  ne as IKDetailPreviewFiles,
-  ne as default
+  oe as IKDetailPreviewFiles,
+  oe as default
 };