vue-amazing-ui 2.4.21 → 2.4.22

package/es/tooltip/Tooltip.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as Rt, ref as r, computed as X, watch as Y, onMounted as Bt, onBeforeUnmount as Dt, nextTick as bt, createElementBlock as j, openBlock as W, createBlock as Lt, createElementVNode as tt, Teleport as Mt, createVNode as Wt, Transition as xt, withCtx as Ot, withDirectives as Vt, createCommentVNode as et, withKeys as q, normalizeStyle as F, normalizeClass as x, renderSlot as ot, createTextVNode as nt, toDisplayString as lt, vShow as Ht } from "vue";
-import { useOptionsSupported as rt, useSlotsExist as Nt, useMutationObserver as Kt, useEventListener as At, useResizeObserver as Ut, cancelRaf as it, rafTimeout as ut } from "../utils/index.js";
-const jt = /* @__PURE__ */ Rt({
+import { defineComponent as zt, ref as i, computed as Y, watch as j, onMounted as Rt, onBeforeUnmount as Bt, nextTick as Dt, createElementBlock as q, openBlock as W, createBlock as bt, createElementVNode as et, Teleport as Lt, createVNode as Mt, Transition as Wt, withCtx as Ot, withDirectives as Vt, createCommentVNode as ot, withKeys as F, normalizeStyle as G, normalizeClass as O, renderSlot as nt, createTextVNode as lt, toDisplayString as rt, vShow as Ht } from "vue";
+import { useOptionsSupported as it, useSlotsExist as Nt, useMutationObserver as Kt, useEventListener as At, useResizeObserver as Ut, cancelRaf as ut, rafTimeout as at } from "../utils/index.js";
+const jt = /* @__PURE__ */ zt({
   __name: "Tooltip",
   props: {
     maxWidth: { default: 240 },
@@ -24,136 +24,136 @@ const jt = /* @__PURE__ */ Rt({
     showControl: { type: Boolean, default: !1 }
   },
   emits: ["update:show", "openChange", "animationend"],
-  setup(at, { expose: ft, emit: st }) {
-    const e = at, O = r(!1), i = r(!1), y = r(), f = r(null), G = r(0), v = r(0), p = r(0), h = r("top"), D = r(null), s = r(), V = r(null), H = r(null), N = r(), K = r(null), u = r(), b = r(document.documentElement.clientWidth), L = r(document.documentElement.clientHeight), { isSupported: vt } = rt("passive"), { isSupported: I } = rt("capture"), S = st, pt = Nt(["tooltip"]), ct = X(() => typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth), c = X(() => pt.tooltip || e.tooltip), mt = X(() => {
-      const t = s.value?.top ?? 0, l = N.value?.top ?? 0, a = t - l, k = s.value?.left ?? 0, $ = N.value?.left ?? 0, m = k - $;
-      switch (h.value) {
+  setup(r, { expose: ft, emit: vt }) {
+    const e = r, V = i(!1), u = i(!1), C = i(), v = i(null), I = i(0), s = i(0), p = i(0), g = i("top"), D = i(null), c = i(), H = i(null), N = i(null), K = i(), A = i(null), a = i(), b = i(document.documentElement.clientWidth), L = i(document.documentElement.clientHeight), { isSupported: ct } = it("passive"), { isSupported: J } = it("capture"), S = vt, st = Nt(["tooltip"]), pt = Y(() => typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth), m = Y(() => st.tooltip || e.tooltip), mt = Y(() => {
+      const t = c.value?.top ?? 0, l = K.value?.top ?? 0, f = t - l, k = c.value?.left ?? 0, $ = K.value?.left ?? 0, h = k - $;
+      switch (g.value) {
         case "top":
           return {
-            transformOrigin: `50% ${v.value}px`,
-            top: `${a - v.value}px`,
-            left: `${m - p.value}px`
+            transformOrigin: `50% ${s.value}px`,
+            top: `${f - s.value}px`,
+            left: `${h - p.value}px`
           };
         case "bottom":
           return {
             transformOrigin: `50% ${e.arrow ? -4 : -6}px`,
-            top: `${a + v.value}px`,
-            left: `${m - p.value}px`
+            top: `${f + s.value}px`,
+            left: `${h - p.value}px`
           };
         case "left":
           return {
             transformOrigin: `${p.value}px 50%`,
-            top: `${a - v.value}px`,
-            left: `${m - p.value}px`
+            top: `${f - s.value}px`,
+            left: `${h - p.value}px`
           };
         case "right":
           return {
             transformOrigin: `${e.arrow ? -4 : -6}px 50%`,
-            top: `${a - v.value}px`,
-            left: `${m + p.value}px`
+            top: `${f - s.value}px`,
+            left: `${h + p.value}px`
           };
         default:
           return {
-            transformOrigin: `50% ${v.value}px`,
-            top: `${a - v.value}px`,
-            left: `${m - p.value}px`
+            transformOrigin: `50% ${s.value}px`,
+            top: `${f - s.value}px`,
+            left: `${h - p.value}px`
           };
       }
     });
-    Y(
+    j(
       () => [e.placement, e.arrow, e.flip],
       () => {
-        C();
+        x();
       },
       {
         deep: !0
       }
-    ), Y(
-      () => c.value && i.value,
+    ), j(
+      () => m.value && u.value,
       (t) => {
-        t && !O.value && (O.value = !0);
+        t && !V.value && (V.value = !0);
       },
       {
         immediate: !0
       }
-    ), Y(
+    ), j(
       () => e.show,
       (t) => {
-        t && !i.value && E(), !t && i.value && g();
+        t && !u.value && E(), !t && u.value && d();
       },
       {
         immediate: !0
       }
-    ), Bt(() => {
-      A();
-    }), Dt(() => {
-      Q();
+    ), Rt(() => {
+      U();
+    }), Bt(() => {
+      Z();
     });
-    const J = Kt(
-      f,
+    const Q = Kt(
+      v,
       () => {
-        G.value !== f.value?.scrollTop && (G.value = f.value?.scrollTop ?? 0, C());
+        I.value !== v.value?.scrollTop && (I.value = v.value?.scrollTop ?? 0, x());
       },
       { subtree: !0, attributes: !0 }
     );
-    At(window, "resize", gt), Ut([K, D], (t) => {
-      if (c.value && i.value) {
+    At(window, "resize", gt), Ut([A, D], (t) => {
+      if (m.value && u.value) {
         if (t.length === 1 && t[0].target.classList.contains("tooltip-card")) {
-          const { blockSize: l, inlineSize: a } = t[0].borderBoxSize[0];
-          if (Math.round(l) === Math.round(u.value.height) && Math.round(a) === Math.round(u.value.width))
+          const { blockSize: l, inlineSize: f } = t[0].borderBoxSize[0];
+          if (Math.round(l) === Math.round(a.value.height) && Math.round(f) === Math.round(a.value.width))
             return;
         }
-        C();
+        x();
       }
     });
     function ht() {
-      let t = V.value?.parentElement;
+      let t = H.value?.parentElement;
       for (; t; ) {
         if (t === document.documentElement) {
-          H.value = document.documentElement;
+          N.value = document.documentElement;
           return;
         }
         const { position: l } = getComputedStyle(t);
         if (l !== "static") {
-          H.value = t;
+          N.value = t;
           return;
         }
         t = t.parentElement;
       }
     }
     function gt() {
-      b.value = document.documentElement.clientWidth, L.value = document.documentElement.clientHeight, A(), C();
+      b.value = document.documentElement.clientWidth, L.value = document.documentElement.clientHeight, U(), x();
     }
-    function A() {
-      Q(), f.value = Z(D.value), f.value && f.value.addEventListener(
+    function U() {
+      Z(), v.value = P(D.value), v.value && v.value.addEventListener(
         "scroll",
-        C,
-        vt.value ? { passive: !0 } : void 0
-      ), f.value === document.documentElement ? J.start() : J.stop();
+        x,
+        ct.value ? { passive: !0 } : void 0
+      ), v.value === document.documentElement ? Q.start() : Q.stop();
     }
-    function Q() {
-      f.value && f.value.removeEventListener("scroll", C), f.value = null;
+    function Z() {
+      v.value && v.value.removeEventListener("scroll", x), v.value = null;
     }
     function dt(t) {
       return t === document.documentElement ? null : t.parentElement;
     }
-    function Z(t) {
+    function P(t) {
       if (t === null) return null;
       const l = dt(t);
       return l === null ? null : l === document.documentElement ? document.documentElement : ((k) => {
-        const { overflow: $, overflowX: m, overflowY: U } = getComputedStyle(k);
-        return /(auto|scroll|overlay)/.test($ + U + m);
-      })(l) ? l : Z(l);
+        const { overflow: $, overflowX: h, overflowY: X } = getComputedStyle(k);
+        return /(auto|scroll|overlay)/.test($ + X + h);
+      })(l) ? l : P(l);
     }
-    function C() {
-      i.value && _();
+    function x() {
+      u.value && _();
     }
     async function _() {
-      await bt(), ht(), N.value = H.value?.getBoundingClientRect(), s.value = D.value?.getBoundingClientRect(), u.value = K.value?.getBoundingClientRect(), e.flip && (h.value = yt()), h.value === "top" ? (v.value = u.value.height + (e.arrow ? 16 : 6), p.value = (u.value.width - s.value.width) / 2) : h.value === "bottom" ? (v.value = s.value.height + (e.arrow ? 4 : 6), p.value = (u.value.width - s.value.width) / 2) : h.value === "left" ? (v.value = (u.value.height - s.value.height) / 2, p.value = u.value.width + (e.arrow ? 16 : 6)) : h.value === "right" && (v.value = (u.value.height - s.value.height) / 2, p.value = s.value.width + (e.arrow ? 4 : 6));
+      await Dt(), ht(), K.value = N.value?.getBoundingClientRect(), c.value = D.value?.getBoundingClientRect(), a.value = A.value?.getBoundingClientRect(), e.flip && (g.value = yt()), g.value === "top" ? (s.value = a.value.height + (e.arrow ? 16 : 6), p.value = (a.value.width - c.value.width) / 2) : g.value === "bottom" ? (s.value = c.value.height + (e.arrow ? 4 : 6), p.value = (a.value.width - c.value.width) / 2) : g.value === "left" ? (s.value = (a.value.height - c.value.height) / 2, p.value = a.value.width + (e.arrow ? 16 : 6)) : g.value === "right" && (s.value = (a.value.height - c.value.height) / 2, p.value = c.value.width + (e.arrow ? 4 : 6));
     }
     function wt() {
-      if (f.value) {
-        const t = f.value.getBoundingClientRect();
+      if (v.value) {
+        const t = v.value.getBoundingClientRect();
         return {
           top: t.top < 0 ? 0 : t.top,
           left: t.left < 0 ? 0 : t.left,
@@ -169,59 +169,59 @@ const jt = /* @__PURE__ */ Rt({
       };
     }
     function yt() {
-      const { top: t, bottom: l, left: a, right: k } = s.value, { top: $, bottom: m, left: U, right: zt } = wt(), T = t - $ - (e.arrow ? 12 : 0), z = m - l - (e.arrow ? 12 : 0), R = a - U - (e.arrow ? 12 : 0), B = zt - k - (e.arrow ? 12 : 0), d = (u.value.width - s.value.width) / 2, w = (u.value.height - s.value.height) / 2;
+      const { top: t, bottom: l, left: f, right: k } = c.value, { top: $, bottom: h, left: X, right: Tt } = wt(), T = t - $ - (e.arrow ? 12 : 0), z = h - l - (e.arrow ? 12 : 0), R = f - X - (e.arrow ? 12 : 0), B = Tt - k - (e.arrow ? 12 : 0), w = (a.value.width - c.value.width) / 2, y = (a.value.height - c.value.height) / 2;
       return n(e.placement, []);
       function n(M, o) {
         if (M === "top") {
           if (o.includes("top"))
             return o.includes("bottom") ? o.includes("left") ? n("right", o) : n("left", o) : n("bottom", o);
-          if (T < u.value.height + (e.arrow ? 4 : 6) && o.length !== 3)
+          if (T < a.value.height + (e.arrow ? 4 : 6) && o.length !== 3)
             return n("bottom", [...o, "top"]);
-          if (R >= d && B >= d)
+          if (R >= w && B >= w)
             return "top";
           if (o.length !== 3) {
-            if (R >= d)
+            if (R >= w)
               return n("left", ["top", "bottom", "right"]);
-            if (B >= d)
+            if (B >= w)
               return n("right", ["top", "bottom", "left"]);
           }
         } else if (M === "bottom") {
           if (o.includes("bottom"))
             return o.includes("top") ? o.includes("left") ? n("right", o) : n("left", o) : n("top", o);
-          if (z < u.value.height + (e.arrow ? 4 : 6) && o.length !== 3)
+          if (z < a.value.height + (e.arrow ? 4 : 6) && o.length !== 3)
             return n("top", [...o, "bottom"]);
-          if (R >= d && B >= d)
+          if (R >= w && B >= w)
             return "bottom";
           if (o.length !== 3) {
-            if (R >= d)
+            if (R >= w)
               return n("left", ["top", "bottom", "right"]);
-            if (B >= d)
+            if (B >= w)
               return n("right", ["top", "bottom", "left"]);
           }
         } else if (M === "left") {
           if (o.includes("left"))
             return o.includes("right") ? o.includes("top") ? n("bottom", o) : n("top", o) : n("right", o);
-          if (R < u.value.width + (e.arrow ? 4 : 6) && o.length !== 3)
+          if (R < a.value.width + (e.arrow ? 4 : 6) && o.length !== 3)
             return n("right", [...o, "left"]);
-          if (T >= w && z >= w)
+          if (T >= y && z >= y)
             return "left";
           if (o.length !== 3) {
-            if (T >= w)
+            if (T >= y)
               return n("top", ["left", "right", "bottom"]);
-            if (z >= w)
+            if (z >= y)
               return n("bottom", ["left", "right", "top"]);
           }
         } else if (M === "right") {
           if (o.includes("right"))
             return o.includes("left") ? o.includes("top") ? n("bottom", o) : n("top", o) : n("left", o);
-          if (B < u.value.width + (e.arrow ? 4 : 6) && o.length !== 3)
+          if (B < a.value.width + (e.arrow ? 4 : 6) && o.length !== 3)
             return n("left", [...o, "right"]);
-          if (T >= w && z >= w)
+          if (T >= y && z >= y)
             return "right";
           if (o.length !== 3) {
-            if (T >= w)
+            if (T >= y)
               return n("top", ["left", "right", "bottom"]);
-            if (z >= w)
+            if (z >= y)
               return n("bottom", ["left", "right", "top"]);
           }
         }
@@ -229,50 +229,50 @@ const jt = /* @__PURE__ */ Rt({
       }
     }
     function E() {
-      y.value && it(y.value), i.value || (y.value = ut(() => {
-        i.value = !0, _(), S("update:show", !0), S("openChange", !0), c.value && e.trigger === "click" && document.addEventListener("click", P, I.value ? { capture: !0 } : !0);
+      C.value && ut(C.value), u.value || (C.value = at(() => {
+        u.value = !0, _(), S("update:show", !0), S("openChange", !0), m.value && e.trigger === "click" && document.addEventListener("click", tt, J.value ? { capture: !0 } : !0);
       }, e.showDelay));
     }
-    function g() {
-      y.value && it(y.value), i.value && (y.value = ut(() => {
-        i.value = !1, S("update:show", !1), S("openChange", !1), c.value && e.trigger === "click" && document.removeEventListener("click", P, I.value ? { capture: !0 } : !0);
+    function d() {
+      C.value && ut(C.value), u.value && (C.value = at(() => {
+        u.value = !1, S("update:show", !1), S("openChange", !1), m.value && e.trigger === "click" && document.removeEventListener("click", tt, J.value ? { capture: !0 } : !0);
       }, e.hideDelay));
     }
     function Ct() {
-      i.value ? g() : E();
+      u.value ? d() : E();
     }
-    function P(t) {
-      V.value?.contains(t.target) || g();
+    function tt(t) {
+      H.value?.contains(t.target) || d();
+    }
+    function xt() {
+      m.value && e.trigger === "hover" && !e.showControl && E();
     }
     function Et() {
-      c.value && e.trigger === "hover" && !e.showControl && E();
+      m.value && e.trigger === "hover" && !e.showControl && d();
     }
     function St() {
-      c.value && e.trigger === "hover" && !e.showControl && g();
+      S("animationend", u.value);
     }
     function kt() {
-      S("animationend", i.value);
-    }
-    function $t() {
       e.trigger === "hover" && !e.showControl && E();
     }
-    function Tt() {
-      e.trigger === "hover" && !e.showControl && g();
+    function $t() {
+      e.trigger === "hover" && !e.showControl && d();
     }
     return ft({
       show: E,
-      hide: g,
-      observeScroll: A
-    }), (t, l) => (W(), j("div", {
+      hide: d,
+      observeScroll: U
+    }), (t, l) => (W(), q("div", {
       class: "tooltip-wrap",
-      onMouseenter: Et,
-      onMouseleave: St
+      onMouseenter: xt,
+      onMouseleave: Et
     }, [
-      (W(), Lt(Mt, {
-        disabled: t.to === !1,
-        to: t.to === !1 ? null : t.to
+      (W(), bt(Lt, {
+        disabled: r.to === !1,
+        to: r.to === !1 ? null : r.to
       }, [
-        Wt(xt, {
+        Mt(Wt, {
           name: "zoom",
           "enter-from-class": "zoom-enter",
           "enter-active-class": "zoom-enter",
@@ -280,58 +280,58 @@ const jt = /* @__PURE__ */ Rt({
           "leave-from-class": "zoom-leave",
           "leave-active-class": "zoom-leave zoom-leave-active",
           "leave-to-class": "zoom-leave zoom-leave-active",
-          onAnimationend: kt
+          onAnimationend: St
         }, {
           default: Ot(() => [
-            O.value ? Vt((W(), j("div", {
+            V.value ? Vt((W(), q("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: V,
-              class: x(["tooltip-card-container", { [`tooltip-${h.value}-padding`]: t.arrow }]),
-              style: F({
+              ref: H,
+              class: O(["tooltip-card-container", { [`tooltip-${g.value}-padding`]: r.arrow }]),
+              style: G({
                 ...mt.value,
-                "--tooltip-max-width": ct.value,
-                "--tooltip-background-color": t.bgColor,
-                "--tooltip-transition-duration": `${t.transitionDuration}ms`
+                "--tooltip-max-width": pt.value,
+                "--tooltip-background-color": r.bgColor,
+                "--tooltip-transition-duration": `${r.transitionDuration}ms`
               }),
-              onMouseenter: $t,
-              onMouseleave: Tt,
-              onKeydown: l[0] || (l[0] = q((a) => t.trigger === "click" && t.keyboard && i.value ? g() : () => !1, ["esc"]))
+              onMouseenter: kt,
+              onMouseleave: $t,
+              onKeydown: l[0] || (l[0] = F((f) => r.trigger === "click" && r.keyboard && u.value ? d() : () => !1, ["esc"]))
             }, [
-              tt("div", {
+              et("div", {
                 ref_key: "tooltipCardRef",
-                ref: K,
-                class: x(["tooltip-card", t.tooltipClass]),
-                style: F(t.tooltipStyle)
+                ref: A,
+                class: O(["tooltip-card", r.tooltipClass]),
+                style: G(r.tooltipStyle)
               }, [
-                ot(t.$slots, "tooltip", {}, () => [
-                  nt(lt(t.tooltip), 1)
+                nt(t.$slots, "tooltip", {}, () => [
+                  lt(rt(r.tooltip), 1)
                 ], !0)
               ], 6),
-              t.arrow ? (W(), j("div", {
+              r.arrow ? (W(), q("div", {
                 key: 0,
-                class: x(["tooltip-arrow", `arrow-${h.value || "top"}`])
-              }, null, 2)) : et("", !0)
+                class: O(["tooltip-arrow", `arrow-${g.value || "top"}`])
+              }, null, 2)) : ot("", !0)
             ], 38)), [
-              [Ht, c.value && i.value]
-            ]) : et("", !0)
+              [Ht, m.value && u.value]
+            ]) : ot("", !0)
           ]),
           _: 3
         })
       ], 8, ["disabled", "to"])),
-      tt("span", {
+      et("span", {
         ref_key: "tooltipContentRef",
         ref: D,
-        class: x(["tooltip-content", t.contentClass]),
-        style: F(t.contentStyle),
-        onClick: l[1] || (l[1] = (a) => c.value && t.trigger === "click" && !i.value ? E() : () => !1),
+        class: O(["tooltip-content", r.contentClass]),
+        style: G(r.contentStyle),
+        onClick: l[1] || (l[1] = (f) => m.value && r.trigger === "click" && !u.value ? E() : () => !1),
         onKeydown: [
-          l[2] || (l[2] = q((a) => c.value && t.trigger === "click" && t.keyboard ? Ct() : () => !1, ["enter"])),
-          l[3] || (l[3] = q((a) => c.value && t.trigger === "click" && t.keyboard && i.value ? g() : () => !1, ["esc"]))
+          l[2] || (l[2] = F((f) => m.value && r.trigger === "click" && r.keyboard ? Ct() : () => !1, ["enter"])),
+          l[3] || (l[3] = F((f) => m.value && r.trigger === "click" && r.keyboard && u.value ? d() : () => !1, ["esc"]))
         ]
       }, [
-        ot(t.$slots, "default", {}, () => [
-          nt(lt(t.content), 1)
+        nt(t.$slots, "default", {}, () => [
+          lt(rt(r.content), 1)
         ], !0)
       ], 38)
     ], 32));

package/es/upload/Upload.css

@@ -1 +1 @@
-.upload-wrap[data-v-b9505e06]{display:inline-block;width:100%}.upload-wrap .upload-item-panel[data-v-b9505e06]{position:relative;display:inline-block;width:100px;height:100px}.upload-wrap .upload-item-panel .upload-item[data-v-b9505e06]{display:flex;align-items:center;justify-content:center;text-align:center;width:100px;height:100px;border-radius:8px;border:1px dashed #d9d9d9;background-color:#00000005;cursor:pointer;transition:border-color .3s}.upload-wrap .upload-item-panel .upload-item[data-v-b9505e06]:hover{border-color:var(--upload-primary-color)}.upload-wrap .upload-item-panel .upload-item .plus-svg[data-v-b9505e06]{display:inline-block;font-size:14px;color:#000000e0;fill:currentColor}.upload-wrap .upload-item-panel .upload-item .upload-tip[data-v-b9505e06]{margin-top:8px;font-size:14px;color:#000000e0;line-height:1.57142857}.upload-wrap .upload-item-panel .upload-disabled[data-v-b9505e06]{cursor:not-allowed}.upload-wrap .upload-item-panel .upload-disabled[data-v-b9505e06]:hover{border-color:#d9d9d9}.upload-wrap .upload-item-panel .file-uploading[data-v-b9505e06]{width:100px;height:100px;padding:8px;border-radius:8px;border:1px dashed #d9d9d9;background-color:#00000005;display:flex;align-items:center;text-align:center}.upload-wrap .upload-item-panel .file-uploading .spin-uploading[data-v-b9505e06]{display:inline-block}.upload-wrap .upload-item-panel .file-uploading .spin-uploading[data-v-b9505e06] .spin-tip{max-width:82px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upload-wrap .upload-item-panel .file-preview[data-v-b9505e06]{position:relative;width:100px;height:100px;border-radius:8px;padding:8px;border:1px solid #d9d9d9;display:flex;align-items:center;text-align:center}.upload-wrap .upload-item-panel .file-preview .file-svg[data-v-b9505e06]{display:inline-block;width:100%;height:60px;color:var(--upload-primary-color);fill:currentColor}.upload-wrap .upload-item-panel .file-preview .file-mask[data-v-b9505e06]{position:absolute;inset:0;margin:8px;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s}.upload-wrap .upload-item-panel .file-preview .file-mask .file-icon[data-v-b9505e06]{display:inline-block;height:16px;margin:0 4px;cursor:pointer}.upload-wrap .upload-item-panel .file-preview .file-mask .file-icon .icon-svg[data-v-b9505e06]{display:inline-block;font-size:16px;color:#ffffffa6;fill:currentColor;cursor:pointer;transition:color .3s}.upload-wrap .upload-item-panel .file-preview .file-mask .file-icon .icon-svg[data-v-b9505e06]:hover{color:#fff}.upload-wrap .upload-item-panel .file-preview:hover .file-mask[data-v-b9505e06]{opacity:1;pointer-events:auto}
+.upload-wrap[data-v-ccbed587]{display:inline-block;width:100%}.upload-wrap .upload-item-panel[data-v-ccbed587]{position:relative;display:inline-block;width:100px;height:100px}.upload-wrap .upload-item-panel .upload-item[data-v-ccbed587]{display:flex;align-items:center;justify-content:center;text-align:center;width:100px;height:100px;border-radius:8px;border:1px dashed #d9d9d9;background-color:#00000005;cursor:pointer;transition:border-color .3s}.upload-wrap .upload-item-panel .upload-item[data-v-ccbed587]:hover{border-color:var(--upload-primary-color)}.upload-wrap .upload-item-panel .upload-item .plus-svg[data-v-ccbed587]{display:inline-block;font-size:14px;color:#000000e0;fill:currentColor}.upload-wrap .upload-item-panel .upload-item .upload-tip[data-v-ccbed587]{margin-top:8px;font-size:14px;color:#000000e0;line-height:1.57142857}.upload-wrap .upload-item-panel .upload-disabled[data-v-ccbed587]{cursor:not-allowed}.upload-wrap .upload-item-panel .upload-disabled[data-v-ccbed587]:hover{border-color:#d9d9d9}.upload-wrap .upload-item-panel .file-uploading[data-v-ccbed587]{width:100px;height:100px;padding:8px;border-radius:8px;border:1px dashed #d9d9d9;background-color:#00000005;display:flex;align-items:center;text-align:center}.upload-wrap .upload-item-panel .file-uploading .spin-uploading[data-v-ccbed587]{display:inline-block}.upload-wrap .upload-item-panel .file-uploading .spin-uploading[data-v-ccbed587] .spin-tip{max-width:82px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upload-wrap .upload-item-panel .file-preview[data-v-ccbed587]{position:relative;width:100px;height:100px;border-radius:8px;padding:8px;border:1px solid #d9d9d9;display:flex;align-items:center;text-align:center}.upload-wrap .upload-item-panel .file-preview .file-svg[data-v-ccbed587]{display:inline-block;width:100%;height:60px;color:var(--upload-primary-color);fill:currentColor}.upload-wrap .upload-item-panel .file-preview .file-mask[data-v-ccbed587]{position:absolute;inset:0;margin:8px;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s}.upload-wrap .upload-item-panel .file-preview .file-mask .file-icon[data-v-ccbed587]{display:inline-block;height:16px;margin:0 4px;cursor:pointer}.upload-wrap .upload-item-panel .file-preview .file-mask .file-icon .icon-svg[data-v-ccbed587]{display:inline-block;font-size:16px;color:#ffffffa6;fill:currentColor;cursor:pointer;transition:color .3s}.upload-wrap .upload-item-panel .file-preview .file-mask .file-icon .icon-svg[data-v-ccbed587]:hover{color:#fff}.upload-wrap .upload-item-panel .file-preview:hover .file-mask[data-v-ccbed587]{opacity:1;pointer-events:auto}

package/es/upload/Upload.vue.js

@@ -1,7 +1,7 @@
 import o from "./Upload.vue2.js";
 /* empty css            */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9505e06"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ccbed587"]]);
 export {
-  m as default
+  c as default
 };