btt-ui 1.0.38 → 1.0.40

package/es/src/directives/drag.mjs

@@ -23,8 +23,8 @@ class f {
     });
     let s = document.createElement("ul");
     s.className = "action-item-wapper";
-    let n = document.createElement("li");
-    n.className = "action-item rotate-left", n.setAttribute("data-key", "rotateleft"), s.appendChild(n);
+    let l = document.createElement("li");
+    l.className = "action-item rotate-left", l.setAttribute("data-key", "rotateleft"), s.appendChild(l);
     let r = document.createElement("li");
     r.className = "action-item rotate-right", r.setAttribute("data-key", "rotateright"), s.appendChild(r);
     let o = document.createElement("ul");
@@ -35,19 +35,19 @@ class f {
         i.className = "";
       });
     };
-    Array.isArray(this._binding.list) ? typeof this._binding.list[0] == "string" ? (this._curImgIndex = this._binding.list.findIndex((i) => i == this._image.src), this._binding.list && this._binding.list.forEach((i, d) => {
-      let l = document.createElement("li");
-      l.className = this._curImgIndex == d ? "cur" : "";
+    Array.isArray(this._binding.list) ? typeof this._binding.list[0] == "string" ? (this._curImgIndex = this._binding.list.findIndex((i) => i.indexOf(this._image.src) > -1), this._binding.list && this._binding.list.forEach((i, d) => {
+      let n = document.createElement("li");
+      n.className = this._curImgIndex == d ? "cur" : "";
       let _ = document.createElement("img");
-      _.setAttribute("src", i), l.append(_), o.appendChild(l), a.push(l), l.onclick = function() {
-        t.style.transform = "scale(0)", t.src = i, h(), l.className = "cur";
+      _.setAttribute("src", i), n.append(_), o.appendChild(n), a.push(n), n.onclick = function() {
+        t.style.transform = "scale(0)", t.src = i, h(), n.className = "cur";
       };
     })) : (this._curImgIndex = this._binding.list.findIndex((i) => i.url == this._image.src), this._binding.list && this._binding.list.forEach((i, d) => {
-      let l = document.createElement("li");
-      l.className = this._curImgIndex == d ? "cur" : "";
+      let n = document.createElement("li");
+      n.className = this._curImgIndex == d ? "cur" : "";
       let _ = document.createElement("img");
-      _.setAttribute("src", i.url), l.append(_), o.appendChild(l), a.push(l), l.onclick = function() {
-        t.style.transform = "scale(0)", t.src = i.url, h(), l.className = "cur";
+      _.setAttribute("src", i.url), n.append(_), o.appendChild(n), a.push(n), n.onclick = function() {
+        t.style.transform = "scale(0)", t.src = i.url, h(), n.className = "cur";
       };
     })) : o.style.display = "none";
     let m = {
@@ -62,10 +62,10 @@ class f {
       i.target.dataset.key && m[i.target.dataset.key]();
     }, this._mask.appendChild(s), this._mask.appendChild(o), this._binding.el ? document.querySelector(this._binding.el).appendChild(this._mask) : document.body.appendChild(this._mask);
   }
-  _getImgSize(e, t, s, n) {
-    const r = e / t, o = s / n;
+  _getImgSize(e, t, s, l) {
+    const r = e / t, o = s / l;
     let a, h;
-    return r >= o ? e > s ? (a = s, h = s / e * t) : (a = e, h = t) : t > n ? (a = n / t * e, h = n) : (a = e, h = t), { width: a, height: h };
+    return r >= o ? e > s ? (a = s, h = s / e * t) : (a = e, h = t) : t > l ? (a = l / t * e, h = l) : (a = e, h = t), { width: a, height: h };
   }
   _drag(e) {
     e.addEventListener("pointerdown", (t) => {
@@ -86,8 +86,8 @@ class f {
     this._mask.addEventListener("wheel", (t) => {
       let s = 1.1;
       t.deltaY > 0 && (s = 1 / 1.1);
-      const n = this._scale * s;
-      if (n > this._maxScale ? (s = this._maxScale / this._scale, this._scale = this._maxScale) : n < this._minScale ? (s = this._minScale / this._scale, this._scale = this._minScale) : this._scale = n, t.target.tagName === "IMG")
+      const l = this._scale * s;
+      if (l > this._maxScale ? (s = this._maxScale / this._scale, this._scale = this._maxScale) : l < this._minScale ? (s = this._minScale / this._scale, this._scale = this._minScale) : this._scale = l, t.target.tagName === "IMG")
         if (this._binding.type == "transform") {
           const r = {
             x: (s - 1) * this._result.width * 0.5,

package/es/src/uploadFile/src/style/index.css

@@ -141,4 +141,51 @@
   border-radius: 4px;
   cursor: pointer;
   margin-bottom: 10px;
+}
+
+.k-upload-file-progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  padding-top: 160px;
+}
+.k-upload-file-progress .text {
+  background: #427fe5;
+  height: 50px;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+  color: #fff;
+  font-size: 14px;
+  border-radius: 5px;
+  box-shadow: 0 2px 8px #6c95d7;
+  padding-left: 39px;
+  position: relative;
+}
+.k-upload-file-progress .text::after {
+  content: "";
+  position: absolute;
+  width: 19px;
+  height: 19px;
+  background: url(data:image/png;base64,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) no-repeat;
+  background-size: auto 100%;
+  top: 15px;
+  left: 15px;
+  animation: rotateCircle 1s linear forwards infinite;
+  transform-origin: center center;
+}
+
+@keyframes rotateCircle {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }

package/es/src/uploadFile/src/uploadFile.mjs

@@ -1,19 +1,18 @@
-import { defineComponent as V, ref as b, reactive as R, watch as q, openBlock as l, createElementBlock as s, renderSlot as m, createElementVNode as c, createVNode as w, unref as f, withModifiers as x, createCommentVNode as u, createBlock as z, Fragment as k, normalizeClass as $, renderList as v, toDisplayString as d, createTextVNode as O, Teleport as U, nextTick as Z } from "vue";
-import { Icon as y } from "../../icon/index.mjs";
+import { defineComponent as V, ref as x, reactive as M, watch as q, openBlock as l, createElementBlock as r, renderSlot as m, createElementVNode as c, createVNode as L, unref as g, withModifiers as $, createCommentVNode as u, createBlock as A, Fragment as F, normalizeClass as N, renderList as S, toDisplayString as d, createTextVNode as R, Teleport as U, nextTick as J } from "vue";
+import { Icon as p } from "../../icon/index.mjs";
 import "./style/index.css";
-import { uploadImg as G } from "./uploadFile2.mjs";
-import { Dragger as H } from "../../directives/drag.mjs";
-import { ZoomIn as J } from "../../directives/zoomIn.mjs";
-import "./uploadFile.vue?vue&type=style&index=0&lang.css";
-const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "upload-btn-section" }, W = { class: "btn-box" }, X = { class: "img-sec-box" }, Y = ["src"], _ = { class: "img-wrapper" }, ee = ["src", "title"], te = ["src", "title"], ie = ["src", "title"], le = ["onClick"], se = ["onClick"], oe = { class: "k-file-extensions-desc" }, re = {
+import { uploadImg as Z } from "./uploadFile2.mjs";
+import { Dragger as G } from "../../directives/drag.mjs";
+import { ZoomIn as H } from "../../directives/zoomIn.mjs";
+const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "upload-btn-section" }, W = { class: "btn-box" }, X = { class: "img-sec-box" }, Y = ["src"], _ = { class: "img-wrapper" }, ee = ["src", "title"], te = ["src", "title"], ie = ["src", "title"], le = ["onClick"], se = ["onClick"], re = { class: "k-file-extensions-desc" }, oe = {
   key: 0,
   class: "error-tip"
 }, ne = { key: 0 }, ue = {
   key: 0,
-  class: "upload-file-progress"
+  class: "k-upload-file-progress"
 }, ae = V({
   name: "k-upload-file"
-}), ke = V({
+}), pe = V({
   ...ae,
   props: {
     data: {
@@ -61,125 +60,129 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
     }
   },
   emits: ["limitError", "success", "deleteSuccess", "fileSizeError"],
-  setup(r, { expose: B, emit: N }) {
-    const A = b();
-    let g;
-    const F = b(!1), a = r;
-    let j = a.maxSize * 1024 * 1024;
-    const T = a.loadingFileMaxSize * 1024 * 1024, h = N, i = R({
+  setup(n, { expose: B, emit: j }) {
+    const v = x();
+    let k;
+    const h = x(!1), a = n;
+    let T = a.maxSize * 1024 * 1024;
+    const D = a.loadingFileMaxSize * 1024 * 1024, E = j, i = M({
       fileList: new Array(),
       errFiles: new Array()
     });
     i.fileList = a.data, q(() => a.data, (e) => {
       i.fileList = e;
     }, { deep: !0 });
-    const D = (e) => {
-      for (let o = 0; o < e.length; o++)
-        e[o].size > T && (F.value = !0);
+    const O = (e) => {
+      for (let s = 0; s < e.length; s++)
+        e[s].size > D && (h.value = !0);
     }, C = () => {
-      g && g.hide(), G({
+      k && k.hide(), Z({
         acceptType: a.accept,
         limit: a.limit,
-        maxSize: j,
+        maxSize: T,
         success: async (e) => {
-          D(e), i.errFiles = new Array();
-          let o = new Array();
+          a.requestApi && O(e), i.errFiles = new Array();
+          let s = new Array();
           if (a.requestApi) {
             let t = await a.requestApi(a.params, e);
             if (t.code == a.successCode) {
-              F.value && (F.value = !1);
-              for (let n = 0; n < t.data.length; n++)
-                o.push(t.data[n]);
-              o.forEach((n) => {
-                n.name = n.fileOriginName, n.type = "image/" + n.fileSuffix;
-              }), S(o);
+              h.value && (h.value = !1);
+              for (let o = 0; o < t.data.length; o++)
+                s.push(t.data[o]);
+              s.forEach((o) => {
+                o.name = o.fileOriginName, o.type = "image/" + o.fileSuffix;
+              }), b(s);
             } else
               console.log(t.msg);
           } else {
             for (let t = 0; t < e.length; t++)
-              e[t].url = window.URL.createObjectURL(e[t]), o.push(e[t]);
-            S(o);
+              e[t].url = window.URL.createObjectURL(e[t]), s.push(e[t]);
+            b(s);
           }
         },
         limitError: (e) => {
-          h("limitError"), i.errFiles = new Array();
+          E("limitError"), i.errFiles = new Array();
         },
         fileSizeError: (e) => {
-          i.errFiles = e, h("fileSizeError", e);
+          i.errFiles = e, E("fileSizeError", e);
         }
       });
-    }, S = (e) => {
-      a.limit == 1 ? (i.fileList = e, a.type == "image" && Z(() => {
-        g ? g.updateSrc(p(i.fileList[0].url)) : g = new J(A.value, { type: "margin" });
-      })) : i.fileList = [...i.fileList, ...e], h("success", i.fileList);
+    }, b = (e) => {
+      a.limit == 1 ? (i.fileList = e, a.type == "image" && J(() => {
+        k ? k.updateSrc(f(i.fileList[0].url)) : k = new H(v.value, { type: "margin" });
+      })) : i.fileList = [...i.fileList, ...e], E("success", i.fileList);
     };
     function I(e) {
-      const o = document.cookie.split("; ");
-      for (let t = 0; t < o.length; t++) {
-        const n = o[t].split("=");
-        if (n[0] === e)
-          return n[1];
+      const s = document.cookie.split("; ");
+      for (let t = 0; t < s.length; t++) {
+        const o = s[t].split("=");
+        if (o[0] === e)
+          return o[1];
       }
       return "";
     }
-    const p = (e) => a.hasToken ? `${e}?token=${I("bearer")}` : e, E = (e) => {
-      let o = i.fileList[e];
-      i.fileList.splice(e, 1), h("deleteSuccess", { deleteFile: o, result: i.fileList });
-    }, L = (e) => {
-      new H(e.target, { type: "margin", list: i.fileList }).build();
+    const f = (e) => a.hasToken ? `${e}?token=${I("bearer")}` : e, w = (e) => {
+      let s = i.fileList[e];
+      i.fileList.splice(e, 1), E("deleteSuccess", { deleteFile: s, result: i.fileList });
+    }, z = (e) => {
+      let s = new Array();
+      i.fileList.forEach((o) => {
+        let y = JSON.parse(JSON.stringify(o));
+        y.url.indexOf("token=") < 0 && (y.url = f(y.url)), s.push(y);
+      }), new G(e.target, { type: "margin", list: s }).build();
     };
     return B({
       clearFiles: () => {
         i.fileList = new Array();
       },
-      deleteFile: E
-    }), (e, o) => (l(), s("div", K, [
-      r.isView ? u("", !0) : m(e.$slots, "default", { key: 0 }, () => [
-        r.type == "file" ? (l(), s("div", P, [
+      deleteFile: w
+    }), (e, s) => (l(), r("div", K, [
+      n.isView ? u("", !0) : m(e.$slots, "default", { key: 0 }, () => [
+        n.type == "file" ? (l(), r("div", P, [
           c("span", { onClick: C }, [
             m(e.$slots, "icon", {}, () => [
               c("div", Q, [
                 c("div", W, [
-                  w(f(y), {
+                  L(g(p), {
                     name: "download",
                     color: "#cccccc",
                     size: "20"
                   }),
-                  o[1] || (o[1] = c("span", null, "\u4E0A\u4F20\u9644\u4EF6", -1))
+                  s[1] || (s[1] = c("span", null, "\u4E0A\u4F20\u9644\u4EF6", -1))
                 ])
               ])
             ])
           ])
-        ])) : (l(), s("div", {
+        ])) : (l(), r("div", {
           key: 1,
           class: "btn-file-image",
-          onClick: x(C, ["stop"])
+          onClick: $(C, ["stop"])
         }, [
           c("div", X, [
-            i.fileList.length > 0 && r.limit == 1 ? (l(), s("img", {
+            i.fileList.length > 0 && n.limit == 1 ? (l(), r("img", {
               key: 0,
-              src: p(i.fileList[0].url),
+              src: f(i.fileList[0].url),
               ref_key: "imgRef",
-              ref: A
+              ref: v
             }, null, 8, Y)) : u("", !0)
           ]),
-          !r.isView && i.fileList.length > 0 && r.limit == 1 ? (l(), s("span", {
+          !n.isView && i.fileList.length > 0 && n.limit == 1 ? (l(), r("span", {
             key: 0,
             class: "k-file-icon-close",
-            onClick: o[0] || (o[0] = x((t) => E(0), ["stop"]))
+            onClick: s[0] || (s[0] = $((t) => w(0), ["stop"]))
           }, [
-            w(f(y), {
+            L(g(p), {
               name: "close",
               size: "12"
             })
           ])) : u("", !0),
           m(e.$slots, "icon", {}, () => [
-            i.fileList.length == 0 && r.limit == 1 ? (l(), z(f(y), {
+            i.fileList.length == 0 && n.limit == 1 ? (l(), A(g(p), {
               key: 0,
               name: "plus",
               color: "#409eff"
             })) : u("", !0),
-            r.limit > 1 ? (l(), z(f(y), {
+            n.limit > 1 ? (l(), A(g(p), {
               key: 1,
               name: "plus",
               color: "#409eff"
@@ -190,36 +193,36 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
       m(e.$slots, "files", {
         data: i.fileList
       }, () => [
-        r.type == "image" && r.limit > 1 ? (l(), s(k, { key: 0 }, [
-          i.fileList.length > 0 ? (l(), s("ul", {
+        n.type == "image" && n.limit > 1 ? (l(), r(F, { key: 0 }, [
+          i.fileList.length > 0 ? (l(), r("ul", {
             key: 0,
-            class: $(["k-image-list", { "can-edit": !r.isView }])
+            class: N(["k-image-list", { "can-edit": !n.isView }])
           }, [
-            (l(!0), s(k, null, v(i.fileList, (t, n) => (l(), s("li", { key: n }, [
+            (l(!0), r(F, null, S(i.fileList, (t, o) => (l(), r("li", { key: o }, [
               c("div", _, [
-                t.type == "image/webp" ? (l(), s("img", {
+                t.type == "image/webp" ? (l(), r("img", {
                   key: 0,
-                  src: p(t.url),
-                  onClick: L,
+                  src: f(t.url),
+                  onClick: z,
                   title: t.name
-                }, null, 8, ee)) : t.type == "image/png" ? (l(), s("img", {
+                }, null, 8, ee)) : t.type == "image/png" ? (l(), r("img", {
                   key: 1,
-                  src: p(t.url),
-                  onClick: L,
+                  src: f(t.url),
+                  onClick: z,
                   title: t.name
-                }, null, 8, te)) : t.type == "image/jpg" || t.type == "image/jpeg" ? (l(), s("img", {
+                }, null, 8, te)) : t.type == "image/jpg" || t.type == "image/jpeg" ? (l(), r("img", {
                   key: 2,
-                  src: p(t.url),
-                  onClick: L,
+                  src: f(t.url),
+                  onClick: z,
                   title: t.name
                 }, null, 8, ie)) : u("", !0)
               ]),
-              r.isView ? u("", !0) : (l(), s("span", {
+              n.isView ? u("", !0) : (l(), r("span", {
                 key: 0,
                 class: "k-file-icon-close",
-                onClick: (M) => E(n)
+                onClick: (y) => w(o)
               }, [
-                w(f(y), {
+                L(g(p), {
                   name: "close",
                   size: "12"
                 })
@@ -227,20 +230,20 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
             ]))), 128))
           ], 2)) : u("", !0)
         ], 64)) : u("", !0),
-        r.type == "file" ? (l(), s(k, { key: 1 }, [
-          i.fileList.length > 0 ? (l(), s("ul", {
+        n.type == "file" ? (l(), r(F, { key: 1 }, [
+          i.fileList.length > 0 ? (l(), r("ul", {
             key: 0,
-            class: $(["k-file-list", { "can-edit": !r.isView }])
+            class: N(["k-file-list", { "can-edit": !n.isView }])
           }, [
-            (l(!0), s(k, null, v(i.fileList, (t, n) => (l(), s("li", { key: n }, [
+            (l(!0), r(F, null, S(i.fileList, (t, o) => (l(), r("li", { key: o }, [
               m(e.$slots, "file", { data: t }, () => [
                 c("span", null, d(t.name), 1),
-                r.isView ? u("", !0) : (l(), s("span", {
+                n.isView ? u("", !0) : (l(), r("span", {
                   key: 0,
                   class: "k-file-icon-close",
-                  onClick: (M) => E(n)
+                  onClick: (y) => w(o)
                 }, [
-                  w(f(y), {
+                  L(g(p), {
                     name: "close",
                     size: "12"
                   })
@@ -251,21 +254,21 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
         ], 64)) : u("", !0)
       ]),
       m(e.$slots, "tip", {}, () => [
-        c("div", oe, "\u652F\u6301\u7684" + d(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u683C\u5F0F\u6709\uFF1A" + d(r.accept.join(",")) + ",\u6700\u591A\u4E0A\u4F20" + d(r.limit) + "\u4E2A\u6587\u4EF6," + d(r.type == "file" ? "\u5355\u4E2A\u6587\u4EF6" : "\u5355\u5F20\u56FE\u7247") + "\u4E0D\u80FD\u5927\u4E8E" + d(r.maxSize) + "MB", 1)
+        c("div", re, "\u652F\u6301\u7684" + d(n.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u683C\u5F0F\u6709\uFF1A" + d(n.accept.join(",")) + ",\u6700\u591A\u4E0A\u4F20" + d(n.limit) + "\u4E2A\u6587\u4EF6," + d(n.type == "file" ? "\u5355\u4E2A\u6587\u4EF6" : "\u5355\u5F20\u56FE\u7247") + "\u4E0D\u80FD\u5927\u4E8E" + d(n.maxSize) + "MB", 1)
       ]),
       m(e.$slots, "sizeError", {
         data: i.errFiles
       }, () => [
-        i.errFiles.length > 0 ? (l(), s("div", re, [
-          c("span", null, " \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684" + d(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u6709\uFF1A", 1),
-          (l(!0), s(k, null, v(i.errFiles, (t, n) => (l(), s("span", { key: n }, [
-            n > 0 ? (l(), s("span", ne, ", ")) : u("", !0),
-            O(" " + d(t.name), 1)
+        i.errFiles.length > 0 ? (l(), r("div", oe, [
+          c("span", null, " \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684" + d(n.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u6709\uFF1A", 1),
+          (l(!0), r(F, null, S(i.errFiles, (t, o) => (l(), r("span", { key: o }, [
+            o > 0 ? (l(), r("span", ne, ", ")) : u("", !0),
+            R(" " + d(t.name), 1)
           ]))), 128))
         ])) : u("", !0)
       ]),
-      (l(), z(U, { to: "body" }, [
-        F.value ? (l(), s("div", ue, [...o[2] || (o[2] = [
+      (l(), A(U, { to: "body" }, [
+        h.value ? (l(), r("div", ue, [...s[2] || (s[2] = [
           c("div", { class: "text" }, "\u6587\u4EF6\u4E0A\u4F20\u4E2D,\u8BF7\u8010\u5FC3\u7B49\u5F85...", -1)
         ])])) : u("", !0)
       ]))
@@ -273,5 +276,5 @@ const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "uplo
   }
 });
 export {
-  ke as default
+  pe as default
 };

package/lib/src/directives/drag.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class m{constructor(e,t){this._result={},this._x=0,this._y=0,this._scale=1,this._minScale=.5,this._angle=0,this._maxScale=4,this._isPointerdown=!1,this._diff={x:0,y:0},this._lastPointermove={x:0,y:0},this._curImgIndex=0,this._mask=document.createElement("div"),this._binding={type:"transform",list:new Array,el:""},this._binding=t!=null?t:{type:"transform",list:new Array,el:""},this._image=e}resetConfig(){this._x=0,this._y=0,this._scale=1}build(){this._mask=document.createElement("div"),this._mask.classList.add("k-img-preview-mask");let e=document.createElement("div");e.className="k-icon-close-btn k-img-close",this._mask.appendChild(e),e.onclick=()=>{this.remove()};let t=new Image;t.onload=()=>{this._mask.appendChild(t),this.resetConfig(),this._result=this._getImgSize(t.naturalWidth,t.naturalHeight,this._mask.offsetWidth,this._mask.offsetHeight),t.style.width=this._result.width+"px",t.style.height=this._result.height+"px",this._x=(this._mask.offsetWidth-this._result.width)*.5,this._y=(this._mask.offsetHeight-this._result.height)*.5,this._binding.type=="transform"?t.style.transform="translate3d("+this._x+"px, "+this._y+"px, 0) scale("+this._scale+")":(t.style.transform=`scale(${this._scale})`,t.style.transition="transform 0.6s ease-out",t.style.marginLeft=this._x+"px",t.style.marginTop=this._y+"px"),this._drag(t),this._wheelZoom(t)},window.addEventListener("keyup",i=>{i.stopPropagation(),i.code=="Escape"&&this.remove()});let s=document.createElement("ul");s.className="action-item-wapper";let a=document.createElement("li");a.className="action-item rotate-left",a.setAttribute("data-key","rotateleft"),s.appendChild(a);let r=document.createElement("li");r.className="action-item rotate-right",r.setAttribute("data-key","rotateright"),s.appendChild(r);let o=document.createElement("ul");o.className="dragger-file-list-wapper",t.src=this._image.src;let n=new Array;const h=()=>{n.forEach(i=>{i.className=""})};Array.isArray(this._binding.list)?typeof this._binding.list[0]=="string"?(this._curImgIndex=this._binding.list.findIndex(i=>i==this._image.src),this._binding.list&&this._binding.list.forEach((i,d)=>{let l=document.createElement("li");l.className=this._curImgIndex==d?"cur":"";let _=document.createElement("img");_.setAttribute("src",i),l.append(_),o.appendChild(l),n.push(l),l.onclick=function(){t.style.transform="scale(0)",t.src=i,h(),l.className="cur"}})):(this._curImgIndex=this._binding.list.findIndex(i=>i.url==this._image.src),this._binding.list&&this._binding.list.forEach((i,d)=>{let l=document.createElement("li");l.className=this._curImgIndex==d?"cur":"";let _=document.createElement("img");_.setAttribute("src",i.url),l.append(_),o.appendChild(l),n.push(l),l.onclick=function(){t.style.transform="scale(0)",t.src=i.url,h(),l.className="cur"}})):o.style.display="none";let f={rotateleft:()=>{this._angle-=90,this._binding.type=="transform"?t.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:t.style.transform=`rotate(${this._angle}deg)`},rotateright:()=>{this._angle+=90,this._binding.type=="transform"?t.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:t.style.transform=`rotate(${this._angle}deg)`}};s.onclick=i=>{i.target.dataset.key&&f[i.target.dataset.key]()},this._mask.appendChild(s),this._mask.appendChild(o),this._binding.el?document.querySelector(this._binding.el).appendChild(this._mask):document.body.appendChild(this._mask)}_getImgSize(e,t,s,a){const r=e/t,o=s/a;let n,h;return r>=o?e>s?(n=s,h=s/e*t):(n=e,h=t):t>a?(n=a/t*e,h=a):(n=e,h=t),{width:n,height:h}}_drag(e){e.addEventListener("pointerdown",t=>{this._isPointerdown=!0,e.setPointerCapture(t.pointerId),this._lastPointermove={x:t.clientX,y:t.clientY}}),e.addEventListener("pointermove",t=>{if(this._isPointerdown){const s={x:t.clientX,y:t.clientY};this._diff.x=s.x-this._lastPointermove.x,this._diff.y=s.y-this._lastPointermove.y,this._lastPointermove={x:s.x,y:s.y},this._x+=this._diff.x,this._y+=this._diff.y,this._binding.type=="transform"?e.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:(e.style.marginLeft=this._x+"px",e.style.marginTop=this._y+"px")}t.preventDefault()}),e.addEventListener("pointerup",t=>{this._isPointerdown&&(this._isPointerdown=!1)}),e.addEventListener("pointercancel",t=>{this._isPointerdown&&(this._isPointerdown=!1)})}_wheelZoom(e){this._mask.addEventListener("wheel",t=>{let s=1.1;t.deltaY>0&&(s=1/1.1);const a=this._scale*s;if(a>this._maxScale?(s=this._maxScale/this._scale,this._scale=this._maxScale):a<this._minScale?(s=this._minScale/this._scale,this._scale=this._minScale):this._scale=a,t.target.tagName==="IMG")if(this._binding.type=="transform"){const r={x:(s-1)*this._result.width*.5,y:(s-1)*this._result.height*.5};this._x-=(s-1)*(t.clientX-this._x)-r.x,this._y-=(s-1)*(t.clientY-this._y)-r.y}else this._x-=(s-1)*(t.clientX-this._x),this._y-=(s-1)*(t.clientY-this._y);this._binding.type=="transform"?e.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:(e.style.marginLeft=this._x+"px",e.style.marginTop=this._y+"px",e.style.width=this._result.width*this._scale+"px",e.style.height=this._result.height*this._scale+"px"),t.preventDefault()})}reset(){this._scale=.7,this._mask=document.createElement("div")}remove(){this._mask.innerHTML="",this._mask.remove(),this.reset()}}const p={mounted(c,e){let t=e.value,s=new m(c,{...t});c.onclick=()=>{s.build()}},unmounted(){console.log("distory")}};exports.Dragger=m;exports.dragger=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class m{constructor(e,t){this._result={},this._x=0,this._y=0,this._scale=1,this._minScale=.5,this._angle=0,this._maxScale=4,this._isPointerdown=!1,this._diff={x:0,y:0},this._lastPointermove={x:0,y:0},this._curImgIndex=0,this._mask=document.createElement("div"),this._binding={type:"transform",list:new Array,el:""},this._binding=t!=null?t:{type:"transform",list:new Array,el:""},this._image=e}resetConfig(){this._x=0,this._y=0,this._scale=1}build(){this._mask=document.createElement("div"),this._mask.classList.add("k-img-preview-mask");let e=document.createElement("div");e.className="k-icon-close-btn k-img-close",this._mask.appendChild(e),e.onclick=()=>{this.remove()};let t=new Image;t.onload=()=>{this._mask.appendChild(t),this.resetConfig(),this._result=this._getImgSize(t.naturalWidth,t.naturalHeight,this._mask.offsetWidth,this._mask.offsetHeight),t.style.width=this._result.width+"px",t.style.height=this._result.height+"px",this._x=(this._mask.offsetWidth-this._result.width)*.5,this._y=(this._mask.offsetHeight-this._result.height)*.5,this._binding.type=="transform"?t.style.transform="translate3d("+this._x+"px, "+this._y+"px, 0) scale("+this._scale+")":(t.style.transform=`scale(${this._scale})`,t.style.transition="transform 0.6s ease-out",t.style.marginLeft=this._x+"px",t.style.marginTop=this._y+"px"),this._drag(t),this._wheelZoom(t)},window.addEventListener("keyup",i=>{i.stopPropagation(),i.code=="Escape"&&this.remove()});let s=document.createElement("ul");s.className="action-item-wapper";let a=document.createElement("li");a.className="action-item rotate-left",a.setAttribute("data-key","rotateleft"),s.appendChild(a);let r=document.createElement("li");r.className="action-item rotate-right",r.setAttribute("data-key","rotateright"),s.appendChild(r);let o=document.createElement("ul");o.className="dragger-file-list-wapper",t.src=this._image.src;let n=new Array;const h=()=>{n.forEach(i=>{i.className=""})};Array.isArray(this._binding.list)?typeof this._binding.list[0]=="string"?(this._curImgIndex=this._binding.list.findIndex(i=>i.indexOf(this._image.src)>-1),this._binding.list&&this._binding.list.forEach((i,d)=>{let l=document.createElement("li");l.className=this._curImgIndex==d?"cur":"";let _=document.createElement("img");_.setAttribute("src",i),l.append(_),o.appendChild(l),n.push(l),l.onclick=function(){t.style.transform="scale(0)",t.src=i,h(),l.className="cur"}})):(this._curImgIndex=this._binding.list.findIndex(i=>i.url==this._image.src),this._binding.list&&this._binding.list.forEach((i,d)=>{let l=document.createElement("li");l.className=this._curImgIndex==d?"cur":"";let _=document.createElement("img");_.setAttribute("src",i.url),l.append(_),o.appendChild(l),n.push(l),l.onclick=function(){t.style.transform="scale(0)",t.src=i.url,h(),l.className="cur"}})):o.style.display="none";let f={rotateleft:()=>{this._angle-=90,this._binding.type=="transform"?t.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:t.style.transform=`rotate(${this._angle}deg)`},rotateright:()=>{this._angle+=90,this._binding.type=="transform"?t.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:t.style.transform=`rotate(${this._angle}deg)`}};s.onclick=i=>{i.target.dataset.key&&f[i.target.dataset.key]()},this._mask.appendChild(s),this._mask.appendChild(o),this._binding.el?document.querySelector(this._binding.el).appendChild(this._mask):document.body.appendChild(this._mask)}_getImgSize(e,t,s,a){const r=e/t,o=s/a;let n,h;return r>=o?e>s?(n=s,h=s/e*t):(n=e,h=t):t>a?(n=a/t*e,h=a):(n=e,h=t),{width:n,height:h}}_drag(e){e.addEventListener("pointerdown",t=>{this._isPointerdown=!0,e.setPointerCapture(t.pointerId),this._lastPointermove={x:t.clientX,y:t.clientY}}),e.addEventListener("pointermove",t=>{if(this._isPointerdown){const s={x:t.clientX,y:t.clientY};this._diff.x=s.x-this._lastPointermove.x,this._diff.y=s.y-this._lastPointermove.y,this._lastPointermove={x:s.x,y:s.y},this._x+=this._diff.x,this._y+=this._diff.y,this._binding.type=="transform"?e.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:(e.style.marginLeft=this._x+"px",e.style.marginTop=this._y+"px")}t.preventDefault()}),e.addEventListener("pointerup",t=>{this._isPointerdown&&(this._isPointerdown=!1)}),e.addEventListener("pointercancel",t=>{this._isPointerdown&&(this._isPointerdown=!1)})}_wheelZoom(e){this._mask.addEventListener("wheel",t=>{let s=1.1;t.deltaY>0&&(s=1/1.1);const a=this._scale*s;if(a>this._maxScale?(s=this._maxScale/this._scale,this._scale=this._maxScale):a<this._minScale?(s=this._minScale/this._scale,this._scale=this._minScale):this._scale=a,t.target.tagName==="IMG")if(this._binding.type=="transform"){const r={x:(s-1)*this._result.width*.5,y:(s-1)*this._result.height*.5};this._x-=(s-1)*(t.clientX-this._x)-r.x,this._y-=(s-1)*(t.clientY-this._y)-r.y}else this._x-=(s-1)*(t.clientX-this._x),this._y-=(s-1)*(t.clientY-this._y);this._binding.type=="transform"?e.style.transform=`translate3d(${this._x}px, ${this._y}px, 0) scale(${this._scale}) rotate(${this._angle}deg)`:(e.style.marginLeft=this._x+"px",e.style.marginTop=this._y+"px",e.style.width=this._result.width*this._scale+"px",e.style.height=this._result.height*this._scale+"px"),t.preventDefault()})}reset(){this._scale=.7,this._mask=document.createElement("div")}remove(){this._mask.innerHTML="",this._mask.remove(),this.reset()}}const p={mounted(c,e){let t=e.value,s=new m(c,{...t});c.onclick=()=>{s.build()}},unmounted(){console.log("distory")}};exports.Dragger=m;exports.dragger=p;

package/lib/src/uploadFile/src/style/index.css

@@ -141,4 +141,51 @@
   border-radius: 4px;
   cursor: pointer;
   margin-bottom: 10px;
+}
+
+.k-upload-file-progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  padding-top: 160px;
+}
+.k-upload-file-progress .text {
+  background: #427fe5;
+  height: 50px;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+  color: #fff;
+  font-size: 14px;
+  border-radius: 5px;
+  box-shadow: 0 2px 8px #6c95d7;
+  padding-left: 39px;
+  position: relative;
+}
+.k-upload-file-progress .text::after {
+  content: "";
+  position: absolute;
+  width: 19px;
+  height: 19px;
+  background: url(data:image/png;base64,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) no-repeat;
+  background-size: auto 100%;
+  top: 15px;
+  left: 15px;
+  animation: rotateCircle 1s linear forwards infinite;
+  transform-origin: center center;
+}
+
+@keyframes rotateCircle {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }

package/lib/src/uploadFile/src/uploadFile.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../icon/index.js");require("./style/index.css");const h=require("./uploadFile2.js"),v=require("../../directives/drag.js"),L=require("../../directives/zoomIn.js");require("./uploadFile.vue?vue&type=style&index=0&lang.css");const w={class:"k-upload-file-wrapper"},z={key:0},A={class:"upload-btn-section"},b={class:"btn-box"},x={class:"img-sec-box"},D=["src"],$={class:"img-wrapper"},j=["src","title"],I=["src","title"],q=["src","title"],M=["onClick"],T=["onClick"],O={class:"k-file-extensions-desc"},R={key:0,class:"error-tip"},U={key:0},P={key:0,class:"upload-file-progress"},Z=e.defineComponent({name:"k-upload-file"}),G=e.defineComponent({...Z,props:{data:{type:Array,default:()=>[]},isView:{type:Boolean,default:!0},accept:{type:Array,default:[".png",".jpg",".jpeg",".webp",".xls",".pdf",".xlsx",".docx"]},requestApi:{type:Function},limit:{type:Number,default:1},type:{type:String,default:"image"},params:{type:Object,default:{}},hasToken:{type:Boolean,default:!1},maxSize:{type:Number,default:10},successCode:{type:Number,default:200},loadingFileMaxSize:{type:Number,default:20}},emits:["limitError","success","deleteSuccess","fileSizeError"],setup(n,{expose:E,emit:B}){const f=e.ref();let a;const m=e.ref(!1),c=n;let F=c.maxSize*1024*1024;const V=c.loadingFileMaxSize*1024*1024,d=B,o=e.reactive({fileList:new Array,errFiles:new Array});o.fileList=c.data,e.watch(()=>c.data,t=>{o.fileList=t},{deep:!0});const C=t=>{for(let i=0;i<t.length;i++)t[i].size>V&&(m.value=!0)},g=()=>{a&&a.hide(),h.uploadImg({acceptType:c.accept,limit:c.limit,maxSize:F,success:async t=>{C(t),o.errFiles=new Array;let i=new Array;if(c.requestApi){let l=await c.requestApi(c.params,t);if(l.code==c.successCode){m.value&&(m.value=!1);for(let r=0;r<l.data.length;r++)i.push(l.data[r]);i.forEach(r=>{r.name=r.fileOriginName,r.type="image/"+r.fileSuffix}),y(i)}else console.log(l.msg)}else{for(let l=0;l<t.length;l++)t[l].url=window.URL.createObjectURL(t[l]),i.push(t[l]);y(i)}},limitError:t=>{d("limitError"),o.errFiles=new Array},fileSizeError:t=>{o.errFiles=t,d("fileSizeError",t)}})},y=t=>{c.limit==1?(o.fileList=t,c.type=="image"&&e.nextTick(()=>{a?a.updateSrc(u(o.fileList[0].url)):a=new L.ZoomIn(f.value,{type:"margin"})})):o.fileList=[...o.fileList,...t],d("success",o.fileList)};function N(t){const i=document.cookie.split("; ");for(let l=0;l<i.length;l++){const r=i[l].split("=");if(r[0]===t)return r[1]}return""}const u=t=>c.hasToken?`${t}?token=${N("bearer")}`:t,k=t=>{let i=o.fileList[t];o.fileList.splice(t,1),d("deleteSuccess",{deleteFile:i,result:o.fileList})},p=t=>{new v.Dragger(t.target,{type:"margin",list:o.fileList}).build()};return E({clearFiles:()=>{o.fileList=new Array},deleteFile:k}),(t,i)=>(e.openBlock(),e.createElementBlock("div",w,[n.isView?e.createCommentVNode("",!0):e.renderSlot(t.$slots,"default",{key:0},()=>[n.type=="file"?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("span",{onClick:g},[e.renderSlot(t.$slots,"icon",{},()=>[e.createElementVNode("div",A,[e.createElementVNode("div",b,[e.createVNode(e.unref(s.Icon),{name:"download",color:"#cccccc",size:"20"}),i[1]||(i[1]=e.createElementVNode("span",null,"\u4E0A\u4F20\u9644\u4EF6",-1))])])])])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"btn-file-image",onClick:e.withModifiers(g,["stop"])},[e.createElementVNode("div",x,[o.fileList.length>0&&n.limit==1?(e.openBlock(),e.createElementBlock("img",{key:0,src:u(o.fileList[0].url),ref_key:"imgRef",ref:f},null,8,D)):e.createCommentVNode("",!0)]),!n.isView&&o.fileList.length>0&&n.limit==1?(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:i[0]||(i[0]=e.withModifiers(l=>k(0),["stop"]))},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"icon",{},()=>[o.fileList.length==0&&n.limit==1?(e.openBlock(),e.createBlock(e.unref(s.Icon),{key:0,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0),n.limit>1?(e.openBlock(),e.createBlock(e.unref(s.Icon),{key:1,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0)])]))]),e.renderSlot(t.$slots,"files",{data:o.fileList},()=>[n.type=="image"&&n.limit>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-image-list",{"can-edit":!n.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.createElementVNode("div",$,[l.type=="image/webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:u(l.url),onClick:p,title:l.name},null,8,j)):l.type=="image/png"?(e.openBlock(),e.createElementBlock("img",{key:1,src:u(l.url),onClick:p,title:l.name},null,8,I)):l.type=="image/jpg"||l.type=="image/jpeg"?(e.openBlock(),e.createElementBlock("img",{key:2,src:u(l.url),onClick:p,title:l.name},null,8,q)):e.createCommentVNode("",!0)]),n.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:S=>k(r)},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})],8,M))]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),n.type=="file"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-file-list",{"can-edit":!n.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.renderSlot(t.$slots,"file",{data:l},()=>[e.createElementVNode("span",null,e.toDisplayString(l.name),1),n.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:S=>k(r)},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})],8,T))])]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"tip",{},()=>[e.createElementVNode("div",O,"\u652F\u6301\u7684"+e.toDisplayString(n.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(n.accept.join(","))+",\u6700\u591A\u4E0A\u4F20"+e.toDisplayString(n.limit)+"\u4E2A\u6587\u4EF6,"+e.toDisplayString(n.type=="file"?"\u5355\u4E2A\u6587\u4EF6":"\u5355\u5F20\u56FE\u7247")+"\u4E0D\u80FD\u5927\u4E8E"+e.toDisplayString(n.maxSize)+"MB",1)]),e.renderSlot(t.$slots,"sizeError",{data:o.errFiles},()=>[o.errFiles.length>0?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",null," \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684"+e.toDisplayString(n.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u6709\uFF1A",1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.errFiles,(l,r)=>(e.openBlock(),e.createElementBlock("span",{key:r},[r>0?(e.openBlock(),e.createElementBlock("span",U,", ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l.name),1)]))),128))])):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[m.value?(e.openBlock(),e.createElementBlock("div",P,[...i[2]||(i[2]=[e.createElementVNode("div",{class:"text"},"\u6587\u4EF6\u4E0A\u4F20\u4E2D,\u8BF7\u8010\u5FC3\u7B49\u5F85...",-1)])])):e.createCommentVNode("",!0)]))]))}});exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../icon/index.js");require("./style/index.css");const h=require("./uploadFile2.js"),w=require("../../directives/drag.js"),L=require("../../directives/zoomIn.js"),v={class:"k-upload-file-wrapper"},z={key:0},A={class:"upload-btn-section"},b={class:"btn-box"},x={class:"img-sec-box"},D=["src"],$={class:"img-wrapper"},j=["src","title"],I=["src","title"],q=["src","title"],M=["onClick"],T=["onClick"],O={class:"k-file-extensions-desc"},R={key:0,class:"error-tip"},U={key:0},J={key:0,class:"k-upload-file-progress"},P=e.defineComponent({name:"k-upload-file"}),Z=e.defineComponent({...P,props:{data:{type:Array,default:()=>[]},isView:{type:Boolean,default:!0},accept:{type:Array,default:[".png",".jpg",".jpeg",".webp",".xls",".pdf",".xlsx",".docx"]},requestApi:{type:Function},limit:{type:Number,default:1},type:{type:String,default:"image"},params:{type:Object,default:{}},hasToken:{type:Boolean,default:!1},maxSize:{type:Number,default:10},successCode:{type:Number,default:200},loadingFileMaxSize:{type:Number,default:20}},emits:["limitError","success","deleteSuccess","fileSizeError"],setup(r,{expose:B,emit:F}){const g=e.ref();let m;const d=e.ref(!1),c=r;let N=c.maxSize*1024*1024;const V=c.loadingFileMaxSize*1024*1024,k=F,o=e.reactive({fileList:new Array,errFiles:new Array});o.fileList=c.data,e.watch(()=>c.data,t=>{o.fileList=t},{deep:!0});const S=t=>{for(let i=0;i<t.length;i++)t[i].size>V&&(d.value=!0)},y=()=>{m&&m.hide(),h.uploadImg({acceptType:c.accept,limit:c.limit,maxSize:N,success:async t=>{c.requestApi&&S(t),o.errFiles=new Array;let i=new Array;if(c.requestApi){let l=await c.requestApi(c.params,t);if(l.code==c.successCode){d.value&&(d.value=!1);for(let n=0;n<l.data.length;n++)i.push(l.data[n]);i.forEach(n=>{n.name=n.fileOriginName,n.type="image/"+n.fileSuffix}),E(i)}else console.log(l.msg)}else{for(let l=0;l<t.length;l++)t[l].url=window.URL.createObjectURL(t[l]),i.push(t[l]);E(i)}},limitError:t=>{k("limitError"),o.errFiles=new Array},fileSizeError:t=>{o.errFiles=t,k("fileSizeError",t)}})},E=t=>{c.limit==1?(o.fileList=t,c.type=="image"&&e.nextTick(()=>{m?m.updateSrc(s(o.fileList[0].url)):m=new L.ZoomIn(g.value,{type:"margin"})})):o.fileList=[...o.fileList,...t],k("success",o.fileList)};function C(t){const i=document.cookie.split("; ");for(let l=0;l<i.length;l++){const n=i[l].split("=");if(n[0]===t)return n[1]}return""}const s=t=>c.hasToken?`${t}?token=${C("bearer")}`:t,f=t=>{let i=o.fileList[t];o.fileList.splice(t,1),k("deleteSuccess",{deleteFile:i,result:o.fileList})},p=t=>{let i=new Array;o.fileList.forEach(n=>{let a=JSON.parse(JSON.stringify(n));a.url.indexOf("token=")<0&&(a.url=s(a.url)),i.push(a)}),new w.Dragger(t.target,{type:"margin",list:i}).build()};return B({clearFiles:()=>{o.fileList=new Array},deleteFile:f}),(t,i)=>(e.openBlock(),e.createElementBlock("div",v,[r.isView?e.createCommentVNode("",!0):e.renderSlot(t.$slots,"default",{key:0},()=>[r.type=="file"?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("span",{onClick:y},[e.renderSlot(t.$slots,"icon",{},()=>[e.createElementVNode("div",A,[e.createElementVNode("div",b,[e.createVNode(e.unref(u.Icon),{name:"download",color:"#cccccc",size:"20"}),i[1]||(i[1]=e.createElementVNode("span",null,"\u4E0A\u4F20\u9644\u4EF6",-1))])])])])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"btn-file-image",onClick:e.withModifiers(y,["stop"])},[e.createElementVNode("div",x,[o.fileList.length>0&&r.limit==1?(e.openBlock(),e.createElementBlock("img",{key:0,src:s(o.fileList[0].url),ref_key:"imgRef",ref:g},null,8,D)):e.createCommentVNode("",!0)]),!r.isView&&o.fileList.length>0&&r.limit==1?(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:i[0]||(i[0]=e.withModifiers(l=>f(0),["stop"]))},[e.createVNode(e.unref(u.Icon),{name:"close",size:"12"})])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"icon",{},()=>[o.fileList.length==0&&r.limit==1?(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:0,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0),r.limit>1?(e.openBlock(),e.createBlock(e.unref(u.Icon),{key:1,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0)])]))]),e.renderSlot(t.$slots,"files",{data:o.fileList},()=>[r.type=="image"&&r.limit>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-image-list",{"can-edit":!r.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,n)=>(e.openBlock(),e.createElementBlock("li",{key:n},[e.createElementVNode("div",$,[l.type=="image/webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:s(l.url),onClick:p,title:l.name},null,8,j)):l.type=="image/png"?(e.openBlock(),e.createElementBlock("img",{key:1,src:s(l.url),onClick:p,title:l.name},null,8,I)):l.type=="image/jpg"||l.type=="image/jpeg"?(e.openBlock(),e.createElementBlock("img",{key:2,src:s(l.url),onClick:p,title:l.name},null,8,q)):e.createCommentVNode("",!0)]),r.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:a=>f(n)},[e.createVNode(e.unref(u.Icon),{name:"close",size:"12"})],8,M))]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),r.type=="file"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-file-list",{"can-edit":!r.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,n)=>(e.openBlock(),e.createElementBlock("li",{key:n},[e.renderSlot(t.$slots,"file",{data:l},()=>[e.createElementVNode("span",null,e.toDisplayString(l.name),1),r.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:a=>f(n)},[e.createVNode(e.unref(u.Icon),{name:"close",size:"12"})],8,T))])]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"tip",{},()=>[e.createElementVNode("div",O,"\u652F\u6301\u7684"+e.toDisplayString(r.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(r.accept.join(","))+",\u6700\u591A\u4E0A\u4F20"+e.toDisplayString(r.limit)+"\u4E2A\u6587\u4EF6,"+e.toDisplayString(r.type=="file"?"\u5355\u4E2A\u6587\u4EF6":"\u5355\u5F20\u56FE\u7247")+"\u4E0D\u80FD\u5927\u4E8E"+e.toDisplayString(r.maxSize)+"MB",1)]),e.renderSlot(t.$slots,"sizeError",{data:o.errFiles},()=>[o.errFiles.length>0?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",null," \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684"+e.toDisplayString(r.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u6709\uFF1A",1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.errFiles,(l,n)=>(e.openBlock(),e.createElementBlock("span",{key:n},[n>0?(e.openBlock(),e.createElementBlock("span",U,", ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l.name),1)]))),128))])):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[d.value?(e.openBlock(),e.createElementBlock("div",J,[...i[2]||(i[2]=[e.createElementVNode("div",{class:"text"},"\u6587\u4EF6\u4E0A\u4F20\u4E2D,\u8BF7\u8010\u5FC3\u7B49\u5F85...",-1)])])):e.createCommentVNode("",!0)]))]))}});exports.default=Z;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "btt-ui",
-    "version": "1.0.38",
+    "version": "1.0.40",
     "main": "lib/index.js",
     "module": "es/index.mjs",
     "files": [