abl-ui 0.4.15 → 0.4.17

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as u, normalizeStyle as N, renderSlot as z, createElementVNode as c, normalizeClass as L, createTextVNode as G, toDisplayString as T, createCommentVNode as A, createStaticVNode as Vt, Fragment as X, renderList as le, createVNode as ce, useSlots as Xe, ref as w, provide as _e, onMounted as $e, watch as se, withDirectives as K, vShow as Z, defineComponent as Bt, toRefs as Te, computed as M, inject as Ve, reactive as Re, unref as ae, createBlock as ne, Transition as ve, withCtx as oe, render as lt, getCurrentInstance as Ye, onBeforeUnmount as Ke, onUpdated as st, onBeforeMount as Lt, Teleport as Ge, pushScopeId as ke, popScopeId as Ce, withModifiers as q, watchEffect as it, nextTick as be, resolveDynamicComponent as At, mergeProps as ye, useAttrs as tl, createSlots as ll, vModelDynamic as al, normalizeProps as mt, withKeys as zt, vModelText as It, toRaw as ht, onUnmounted as nl } from "vue";
+import { openBlock as r, createElementBlock as u, normalizeStyle as N, renderSlot as z, createElementVNode as c, normalizeClass as L, createTextVNode as G, toDisplayString as T, createCommentVNode as A, createStaticVNode as Vt, Fragment as X, renderList as le, createVNode as ce, useSlots as Xe, ref as x, provide as _e, onMounted as $e, watch as se, withDirectives as K, vShow as Z, defineComponent as Bt, toRefs as Te, computed as M, inject as Ve, reactive as Re, unref as ae, createBlock as ne, Transition as ve, withCtx as oe, render as lt, getCurrentInstance as Ye, onBeforeUnmount as Ke, onUpdated as st, onBeforeMount as Lt, Teleport as Ge, pushScopeId as ke, popScopeId as Ce, withModifiers as q, watchEffect as it, nextTick as be, resolveDynamicComponent as At, mergeProps as ye, useAttrs as tl, createSlots as ll, vModelDynamic as al, normalizeProps as mt, withKeys as zt, vModelText as It, toRaw as ht, onUnmounted as nl } from "vue";
 const J = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of l)
@@ -174,30 +174,30 @@ const wl = { class: "abl-tabs" }, xl = {
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: l }) {
     var b;
-    const t = l, a = Xe(), n = e, s = w({}), o = w(), i = w([]), d = w(), p = w(0), h = w(!1), v = w(!1), f = w(!0);
+    const t = l, a = Xe(), n = e, s = x({}), o = x(), i = x([]), d = x(), p = x(0), h = x(!1), v = x(!1), f = x(!0);
     (b = a.default()) == null || b.map(({ props: _, children: B }) => {
       if (_) {
-        const { title: V, value: k, icon: x, afterIcon: $ } = _;
+        const { title: V, value: k, icon: w, afterIcon: $ } = _;
         i.value.push({
           title: V,
           value: k,
-          icon: x,
+          icon: w,
           afterIcon: $
         });
       } else
         (B == null ? void 0 : B.length) > 0 && Array.isArray(B) && (B == null || B.map((V) => {
-          const { title: k, value: x, icon: $, afterIcon: P } = V.props;
+          const { title: k, value: w, icon: $, afterIcon: P } = V.props;
           i.value.push({
             title: k,
-            value: x,
+            value: w,
             icon: $,
             afterIcon: P
           });
         }));
     }), _e("active", p);
     const g = (_, B) => {
-      var k, x;
-      const V = h.value ? ((k = _ == null ? void 0 : _.target) == null ? void 0 : k.offsetLeft) + 10 : (x = _ == null ? void 0 : _.target) == null ? void 0 : x.offsetLeft;
+      var k, w;
+      const V = h.value ? ((k = _ == null ? void 0 : _.target) == null ? void 0 : k.offsetLeft) + 10 : (w = _ == null ? void 0 : _.target) == null ? void 0 : w.offsetLeft;
       s.value = {
         transform: `translateX(${V}px)`,
         width: _.target.clientWidth + "px"
@@ -219,8 +219,8 @@ const wl = { class: "abl-tabs" }, xl = {
       if (!o.value)
         return;
       let _ = 0;
-      i.value.map((x, $) => {
-        x.value == n.modelValue && (_ = $);
+      i.value.map((w, $) => {
+        w.value == n.modelValue && (_ = $);
       });
       const B = o.value[_], V = h.value ? B.offsetLeft + 10 : B == null ? void 0 : B.offsetLeft;
       s.value = {
@@ -228,9 +228,9 @@ const wl = { class: "abl-tabs" }, xl = {
         width: B.clientWidth + "px"
       };
       const k = document.getElementById("tab-hidden");
-      (k == null ? void 0 : k.scrollWidth) - 2 > (k == null ? void 0 : k.clientWidth) ? h.value = !0 : h.value = !1, k.addEventListener("scroll", function(x) {
+      (k == null ? void 0 : k.scrollWidth) - 2 > (k == null ? void 0 : k.clientWidth) ? h.value = !0 : h.value = !1, k.addEventListener("scroll", function(w) {
         var $, P, E;
-        (($ = x.target) == null ? void 0 : $.scrollLeft) + ((P = x.target) == null ? void 0 : P.offsetWidth) >= ((E = x.target) == null ? void 0 : E.scrollWidth) - 1 && (f.value = !1, V.value = !0), x.target.scrollLeft == 0 && (f.value = !0, V.value = !1);
+        (($ = w.target) == null ? void 0 : $.scrollLeft) + ((P = w.target) == null ? void 0 : P.offsetWidth) >= ((E = w.target) == null ? void 0 : E.scrollWidth) - 1 && (f.value = !1, V.value = !0), w.target.scrollLeft == 0 && (f.value = !0, V.value = !1);
       });
     };
     return se(() => n.modelValue, async () => {
@@ -254,7 +254,7 @@ const wl = { class: "abl-tabs" }, xl = {
               ref_for: !0,
               ref_key: "tabs",
               ref: o,
-              onClick: (x) => g(x, k.value)
+              onClick: (w) => g(w, k.value)
             }, [
               k.icon ? (r(), u("i", {
                 key: 0,
@@ -506,7 +506,7 @@ const Ol = { class: "message-text" }, Ml = {
     }
   },
   setup(e) {
-    const l = e, t = w(!1);
+    const l = e, t = x(!1);
     $e(() => {
       t.value = !0;
     });
@@ -1316,9 +1316,9 @@ const ba = (e) => ({
     const v = Ot(h), f = {
       x: t,
       y: a
-    }, g = ut(n), m = ct(g), y = await o.getDimensions(p), C = g === "y", b = C ? "top" : "left", _ = C ? "bottom" : "right", B = C ? "clientHeight" : "clientWidth", V = s.reference[m] + s.reference[g] - f[g] - s.floating[m], k = f[g] - s.reference[g], x = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(p));
-    let $ = x ? x[B] : 0;
-    (!$ || !await (o.isElement == null ? void 0 : o.isElement(x))) && ($ = i.floating[B] || s.floating[m]);
+    }, g = ut(n), m = ct(g), y = await o.getDimensions(p), C = g === "y", b = C ? "top" : "left", _ = C ? "bottom" : "right", B = C ? "clientHeight" : "clientWidth", V = s.reference[m] + s.reference[g] - f[g] - s.floating[m], k = f[g] - s.reference[g], w = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(p));
+    let $ = w ? w[B] : 0;
+    (!$ || !await (o.isElement == null ? void 0 : o.isElement(w))) && ($ = i.floating[B] || s.floating[m]);
     const P = V / 2 - k / 2, E = $ / 2 - y[m] / 2 - 1, ee = Ne(v[b], E), ue = Ne(v[_], E), te = ee, H = $ - y[m] - ue, F = $ / 2 - y[m] / 2 + P, W = at(te, F, H), Y = !d.arrow && Fe(n) != null && F !== W && s.reference[m] / 2 - (F < te ? ee : ue) - y[m] / 2 < 0, I = Y ? F < te ? F - te : F - H : 0;
     return {
       [g]: f[g] + I,
@@ -1358,11 +1358,11 @@ const ba = (e) => ({
         return {};
       const b = Be(n), _ = Be(i) === i, B = await (d.isRTL == null ? void 0 : d.isRTL(p.floating)), V = f || (_ || !y ? [qe(i)] : pa(i));
       !f && m !== "none" && V.push(...ma(i, y, m, B));
-      const k = [i, ...V], x = await Mt(l, C), $ = [];
+      const k = [i, ...V], w = await Mt(l, C), $ = [];
       let P = ((a = s.flip) == null ? void 0 : a.overflows) || [];
-      if (h && $.push(x[b]), v) {
+      if (h && $.push(w[b]), v) {
         const te = fa(n, o, B);
-        $.push(x[te[0]], x[te[1]]);
+        $.push(w[te[0]], w[te[1]]);
       }
       if (P = [...P, {
         placement: n,
@@ -1878,11 +1878,11 @@ function Da(e, l) {
     };
     let B = !0;
     function V(k) {
-      const x = k[0].intersectionRatio;
-      if (x !== d) {
+      const w = k[0].intersectionRatio;
+      if (w !== d) {
         if (!B)
           return o();
-        x ? o(!1, x) : a = setTimeout(() => {
+        w ? o(!1, w) : a = setTimeout(() => {
           o(!1, 1e-7);
         }, 100);
       }
@@ -1950,7 +1950,7 @@ const Ha = xa, ja = ya, Wa = ba, qa = (e, l, t) => {
     platform: s
   });
 }, Ua = ({ middleware: e, placement: l, strategy: t }, a) => {
-  const n = w(), s = w(), o = w(), i = w({}), d = {
+  const n = x(), s = x(), o = x(), i = x({}), d = {
     x: s,
     y: o,
     placement: l,
@@ -1992,7 +1992,7 @@ const Ha = xa, ja = ya, Wa = ba, qa = (e, l, t) => {
   };
 };
 function Xa() {
-  const e = w(!1);
+  const e = x(!1);
   return {
     visible: e,
     open: () => {
@@ -2054,14 +2054,14 @@ const Ya = ["data-side"], Ut = {
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = w(), n = M(() => {
+    const t = e, a = x(), n = M(() => {
       const E = [Ha(), ja(), wa(10)];
       return t.showArrow && E.push(Wa({ element: a.value })), E;
-    }), s = w(t.placement), o = w(t.strategy), i = w(t.hover), d = w("auto"), {
+    }), s = x(t.placement), o = x(t.strategy), i = x(t.hover), d = x("auto"), {
       visible: p,
       open: h,
       close: v
-    } = Xa(), f = w(), g = w(
+    } = Xa(), f = x(), g = x(
       (E) => {
         f.value = E && E.nextElementSibling || null;
       }
@@ -2092,7 +2092,7 @@ const Ya = ["data-side"], Ut = {
       y: B,
       contentRef: V,
       middlewareData: k
-    } = Ua({ middleware: n, placement: s, strategy: o }, f), x = M(() => s.value.split("-")[0]), $ = M(() => ({ left: _.value + "px", top: B.value + "px", zIndex: t.zIndex, width: d.value })), P = M(() => {
+    } = Ua({ middleware: n, placement: s, strategy: o }, f), w = M(() => s.value.split("-")[0]), $ = M(() => ({ left: _.value + "px", top: B.value + "px", zIndex: t.zIndex, width: d.value })), P = M(() => {
       if (!t.showArrow)
         return {};
       const { arrow: E } = ae(k);
@@ -2115,7 +2115,7 @@ const Ya = ["data-side"], Ut = {
               ref: V,
               class: L(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": t.isSelect }]),
               style: N($.value),
-              "data-side": x.value,
+              "data-side": w.value,
               onMousedown: ee[0] || (ee[0] = q(() => {
               }, ["stop"]))
             }, [
@@ -2244,7 +2244,7 @@ const Ya = ["data-side"], Ut = {
         type: String,
         default: ""
       }
-    }, o = tl(), i = w(), d = (g, m) => m.reduce((y, C) => (y[C] = g[C], y), {}), p = M(() => ({ ...o, ...d(t, Object.keys(s)) }));
+    }, o = tl(), i = x(), d = (g, m) => m.reduce((y, C) => (y[C] = g[C], y), {}), p = M(() => ({ ...o, ...d(t, Object.keys(s)) }));
     function h() {
       i.value.update();
     }
@@ -2334,7 +2334,7 @@ const et = (e) => (ke("data-v-bc247383"), e = e(), Ce(), e), Ga = ["onClick"], J
   },
   emits: ["update:modelValue", "change", "hoverChange"],
   setup(e, { emit: l }) {
-    const t = e, a = w(t.modelValue), n = w();
+    const t = e, a = x(t.modelValue), n = x();
     se(
       () => t.modelValue,
       (f) => {
@@ -2456,7 +2456,7 @@ const un = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const t = e, a = w(0), n = () => (a.value++, a.value), s = l, o = (i) => {
+    const t = e, a = x(0), n = () => (a.value++, a.value), s = l, o = (i) => {
       s("update:modelValue", i), s("change", i);
     };
     return _e(
@@ -2518,9 +2518,9 @@ const fn = { class: "abl-collapse__title" }, pn = { key: 0 }, vn = { class: "ico
   },
   emits: ["change"],
   setup(e, { emit: l }) {
-    const t = w(), a = e, n = Ve("getChildIndex"), s = n == null ? void 0 : n();
-    w(null);
-    const o = Ve("CollapseKey", void 0), i = M(() => o.modelValue), d = M(() => o.iconType), p = M(() => Array.isArray(i.value) ? i.value.includes(a.name) : i.value === a.name), h = w(p.value ? "auto" : "0px"), v = () => {
+    const t = x(), a = e, n = Ve("getChildIndex"), s = n == null ? void 0 : n();
+    x(null);
+    const o = Ve("CollapseKey", void 0), i = M(() => o.modelValue), d = M(() => o.iconType), p = M(() => Array.isArray(i.value) ? i.value.includes(a.name) : i.value === a.name), h = x(p.value ? "auto" : "0px"), v = () => {
       if (p.value)
         if (Array.isArray(i.value)) {
           const m = i.value.filter((y) => y !== a.name);
@@ -2840,7 +2840,7 @@ const Ln = /* @__PURE__ */ c("div", {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = Ye(), a = e, n = M(() => a.previewSrcList.length), s = w(Array(n.value).fill(!1)), o = w(a.initialIndex), i = w(1), d = w(0), p = w(0), h = w(0), v = w(0), f = w(0), g = l, m = (H) => {
+    const t = Ye(), a = e, n = M(() => a.previewSrcList.length), s = x(Array(n.value).fill(!1)), o = x(a.initialIndex), i = x(1), d = x(0), p = x(0), h = x(0), v = x(0), f = x(0), g = l, m = (H) => {
       t && (t.appContext.config.globalProperties.$lockCount = H || 0);
     }, y = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
@@ -2877,7 +2877,7 @@ const Ln = /* @__PURE__ */ c("div", {
       o.value = (o.value - 1 + n.value) % n.value;
     }, k = () => {
       i.value + a.zoomRate > a.maxScale ? i.value = a.maxScale : i.value = b(i.value, a.zoomRate);
-    }, x = () => {
+    }, w = () => {
       i.value - a.zoomRate < a.minScale ? i.value = a.minScale : i.value = b(i.value, -a.zoomRate);
     }, $ = () => {
       f.value -= 90;
@@ -3000,7 +3000,7 @@ const Ln = /* @__PURE__ */ c("div", {
                 c("div", jn, [
                   c("i", {
                     class: "abl-icon",
-                    onClick: q(x, ["stop"])
+                    onClick: q(w, ["stop"])
                   }, qn),
                   c("i", {
                     class: "abl-icon",
@@ -3077,8 +3077,8 @@ const eo = { class: "abl-image-wrap" }, to = ["src"], lo = ["src"], Jt = {
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = w(!1), n = w(!1), s = w(null);
-    w("");
+    const t = e, a = x(!1), n = x(!1), s = x(null);
+    x("");
     const o = () => {
       a.value = !0;
     }, i = () => {
@@ -3255,7 +3255,7 @@ const ro = /* @__PURE__ */ c("svg", {
     }, co, 6));
   }
 }, fo = (e) => {
-  const l = w(null), t = (a) => {
+  const l = x(null), t = (a) => {
     const { target: n } = a;
     l.value.contains(n) || e(a);
   };
@@ -3327,9 +3327,9 @@ const po = (e) => (ke("data-v-b0efe321"), e = e(), Ce(), e), vo = ["onClick"], m
   emits: ["open", "close"],
   setup(e, { emit: l }) {
     var k;
-    const t = l, a = Xe(), n = typeof window < "u" && typeof document < "u", s = e, o = w([]);
-    (k = a.default()) == null || k.forEach((x) => {
-      const { props: $ } = x;
+    const t = l, a = Xe(), n = typeof window < "u" && typeof document < "u", s = e, o = x([]);
+    (k = a.default()) == null || k.forEach((w) => {
+      const { props: $ } = w;
       if ($) {
         const { title: P, disabled: E } = $;
         o.value.push({
@@ -3338,18 +3338,18 @@ const po = (e) => (ke("data-v-b0efe321"), e = e(), Ce(), e), vo = ["onClick"], m
         });
       }
     });
-    const i = w(), d = w(), p = w(!1), h = w(0), v = w(""), f = w(!1), g = (x) => typeof x == "number" ? x + "px" : x;
+    const i = x(), d = x(), p = x(!1), h = x(0), v = x(""), f = x(!1), g = (w) => typeof w == "number" ? w + "px" : w;
     se(
       () => p.value,
-      (x) => {
-        n && (x ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
+      (w) => {
+        n && (w ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
       },
       {
         deep: !0,
         immediate: !0
       }
     );
-    const m = (x, $) => {
+    const m = (w, $) => {
       if (!o.value[$].disabled) {
         if ($ === v.value && s.closeOnClickSelf) {
           C(), setTimeout(() => {
@@ -3359,9 +3359,9 @@ const po = (e) => (ke("data-v-b0efe321"), e = e(), Ce(), e), vo = ["onClick"], m
         }
         f.value = !0, y($);
       }
-    }, y = async (x) => {
-      await b(), p.value = !0, v.value = x, Array.from(d.value.children).map(($, P) => {
-        P === x ? d.value.children[P].style.display = "block" : d.value.children[P].style.display = "none";
+    }, y = async (w) => {
+      await b(), p.value = !0, v.value = w, Array.from(d.value.children).map(($, P) => {
+        P === w ? d.value.children[P].style.display = "block" : d.value.children[P].style.display = "none";
       }), t("open", v.value);
     }, C = () => {
       p.value = !1, v.value = 99999, setTimeout(() => {
@@ -3371,7 +3371,7 @@ const po = (e) => (ke("data-v-b0efe321"), e = e(), Ce(), e), vo = ["onClick"], m
       var P;
       if (!n)
         return;
-      const { top: x, bottom: $ } = (P = i == null ? void 0 : i.value) == null ? void 0 : P.getBoundingClientRect();
+      const { top: w, bottom: $ } = (P = i == null ? void 0 : i.value) == null ? void 0 : P.getBoundingClientRect();
       $ > 0 && (h.value = $ - 1);
     }, _ = () => {
       s.closeOnClickMask && C();
@@ -3384,7 +3384,7 @@ const po = (e) => (ke("data-v-b0efe321"), e = e(), Ce(), e), vo = ["onClick"], m
     });
     return _e(yo, B), $e(() => {
       b();
-    }), (x, $) => (r(), u("div", {
+    }), (w, $) => (r(), u("div", {
       class: "abl-dropdown",
       ref_key: "root",
       ref: V
@@ -3446,7 +3446,7 @@ const po = (e) => (ke("data-v-b0efe321"), e = e(), Ce(), e), vo = ["onClick"], m
               ref_key: "childrenRef",
               ref: d
             }, [
-              z(x.$slots, "default", {}, void 0, !0)
+              z(w.$slots, "default", {}, void 0, !0)
             ], 544), [
               [Z, p.value]
             ])
@@ -3505,8 +3505,8 @@ const xo = (e) => (ke("data-v-046e593c"), e = e(), Ce(), e), $o = ["active"], ko
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const t = Ve(Bo), a = w(!1);
-    t != null && t.activeColor || w("#2979ff"), t != null && t.inactiveColor || w("#606266");
+    const t = Ve(Bo), a = x(!1);
+    t != null && t.activeColor || x("#2979ff"), t != null && t.inactiveColor || x("#606266");
     const n = e, s = l, o = (i) => {
       t == null || t.onClose(), s("update:modelValue", i), s("change", i);
     };
@@ -3613,7 +3613,7 @@ const Eo = {
   },
   emits: ["update:modelValue", "focus", "blur", "clear"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, s = w(), o = w(a.autofocus), i = w(!0), d = w(a.type), p = w(!1), h = M({
+    const a = e, n = t, s = x(), o = x(a.autofocus), i = x(!0), d = x(a.type), p = x(!1), h = M({
       get: () => a.modelValue,
       set: (b) => {
         n("update:modelValue", b);
@@ -3789,7 +3789,7 @@ const tt = (e) => (ke("data-v-1a0f5179"), e = e(), Ce(), e), jo = { class: "abl-
     ], 6));
   }
 }, Qt = /* @__PURE__ */ J(Zo, [["__scopeId", "data-v-1a0f5179"]]);
-const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-upload-list" }, es = { class: "abl-upload" }, ts = ["onDrop", "onClick"], ls = ["accept", "multiple", "onChange"], as = /* @__PURE__ */ vt(() => /* @__PURE__ */ c("span", { class: "abl-icon" }, "+", -1)), ns = { class: "abl-tip" }, os = { class: "abl-file-uploading" }, ss = {
+const vt = (e) => (ke("data-v-fec433d2"), e = e(), Ce(), e), Qo = { class: "abl-upload-list" }, es = { class: "abl-upload" }, ts = ["onDrop", "onClick"], ls = ["accept", "multiple", "onChange"], as = /* @__PURE__ */ vt(() => /* @__PURE__ */ c("span", { class: "abl-icon" }, "+", -1)), ns = { class: "abl-tip" }, os = { class: "abl-file-uploading" }, ss = {
   key: 0,
   class: "abl-file-preview"
 }, is = { class: "abl-file-mask" }, rs = ["onClick"], cs = /* @__PURE__ */ vt(() => /* @__PURE__ */ c("svg", {
@@ -3857,11 +3857,15 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
     fileList: {
       type: Array,
       default: () => []
+    },
+    isUrl: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:fileList", "change", "remove"],
   setup(e, { emit: l }) {
-    const t = e, a = w([]), n = w(1), s = w(Array(t.maxCount).fill(!1)), o = w(), i = w();
+    const t = e, a = x([]), n = x(1), s = x(Array(t.maxCount).fill(!1)), o = x(), i = x();
     it(() => {
       d();
     });
@@ -3869,25 +3873,25 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
       a.value = [...t.fileList], a.value.length > t.maxCount && a.value.splice(t.maxCount), t.disabled ? n.value = a.value.length : a.value.length < t.maxCount ? n.value = t.fileList.length + 1 : n.value = t.maxCount;
     }
     const p = (V) => {
-      const k = /\.(jpg|jpeg|png|gif|webp)$/i, x = /^data:image/;
-      return k.test(V) || x.test(V);
+      const k = /\.(jpg|jpeg|png|gif|webp)$/i, w = /^data:image/;
+      return k.test(V) || w.test(V);
     }, h = (V, k) => {
       var $;
-      const x = ($ = V.dataTransfer) == null ? void 0 : $.files;
-      if (x != null && x.length) {
-        const P = x.length;
+      const w = ($ = V.dataTransfer) == null ? void 0 : $.files;
+      if (w != null && w.length) {
+        const P = w.length;
         for (let E = 0; E < P && k + E <= t.maxCount; E++)
-          m(x[E], k + E);
+          m(w[E], k + E);
         o.value[k].value = "";
       }
     }, v = (V) => {
       o.value[V].click();
     }, f = (V, k) => {
-      const x = V.target.files;
-      if (x != null && x.length) {
-        const $ = x.length;
+      const w = V.target.files;
+      if (w != null && w.length) {
+        const $ = w.length;
         for (let P = 0; P < $ && k + P < t.maxCount; P++)
-          m(x[P], k + P);
+          m(w[P], k + P);
         o.value[k].value = "";
       }
     }, g = l, m = function(V, k) {
@@ -3895,36 +3899,36 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
         B(t.errorInfo);
       });
     }, y = (V, k) => {
-      var x = new FileReader();
-      x.readAsDataURL(V), x.onloadstart = function($) {
+      var w = new FileReader();
+      w.readAsDataURL(V), w.onloadstart = function($) {
         console.log("开始读取 onloadstart:", $);
-      }, x.onabort = function($) {
+      }, w.onabort = function($) {
         console.log("读取中止 onabort:", $);
-      }, x.onerror = function($) {
+      }, w.onerror = function($) {
         console.log("读取错误 onerror:", $);
-      }, x.onprogress = function($) {
+      }, w.onprogress = function($) {
         $.loaded === $.total && (s.value[k] = !1);
-      }, x.onload = function($) {
-        var P;
-        a.value.push({
+      }, w.onload = function($) {
+        var P, E;
+        t.isUrl ? a.value.push({
           name: V.name,
           url: (P = $.target) == null ? void 0 : P.result
-        }), g("update:fileList", a.value), g("change", a.value);
-      }, x.onloadend = function($) {
+        }) : a.value.push((E = $.target) == null ? void 0 : E.result), g("update:fileList", a.value), g("change", a.value);
+      }, w.onloadend = function($) {
         console.log("读取结束 onloadend:", $);
       };
     }, C = (V, k) => {
-      t.customRequest(V).then((x) => {
-        a.value.push(x), g("update:fileList", a.value), g("change", a.value);
-      }).catch((x) => {
-        t.maxCount > 1 && (n.value = a.value.length + 1), B(x);
+      t.customRequest(V).then((w) => {
+        a.value.push(w), g("update:fileList", a.value), g("change", a.value);
+      }).catch((w) => {
+        t.maxCount > 1 && (n.value = a.value.length + 1), B(w);
       }).finally(() => {
         s.value[k] = !1;
       });
     }, b = (V, k) => {
       if (p(k)) {
-        const x = a.value.slice(0, V).filter(($) => !p($.url));
-        i.value[V - x.length].onPreview();
+        const w = a.value.slice(0, V).filter(($) => !p(t.isUrl ? $.url : $));
+        i.value[V - w.length].onPreview();
       } else
         window.open(k);
     }, _ = (V) => {
@@ -3935,9 +3939,9 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
       rt({ type: "error", text: V, duration: 1e3, top: 100 });
     };
     return (V, k) => (r(), u("div", Qo, [
-      (r(!0), u(X, null, le(n.value, (x) => (r(), u("div", {
+      (r(!0), u(X, null, le(n.value, (w) => (r(), u("div", {
         class: "abl-upload-item",
-        key: x
+        key: w
       }, [
         c("div", es, [
           K(c("div", {
@@ -3946,8 +3950,8 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
             }, ["stop", "prevent"])),
             onDragover: k[2] || (k[2] = q(() => {
             }, ["stop", "prevent"])),
-            onDrop: q(($) => e.disabled ? () => !1 : h($, x - 1), ["stop", "prevent"]),
-            onClick: ($) => e.disabled ? () => !1 : v(x - 1)
+            onDrop: q(($) => e.disabled ? () => !1 : h($, w - 1), ["stop", "prevent"]),
+            onClick: ($) => e.disabled ? () => !1 : v(w - 1)
           }, [
             c("input", {
               ref_for: !0,
@@ -3958,7 +3962,7 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
-              onChange: ($) => f($, x - 1),
+              onChange: ($) => f($, w - 1),
               style: { display: "none" }
             }, null, 40, ls),
             c("div", null, [
@@ -3970,7 +3974,7 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
               ])
             ])
           ], 42, ts), [
-            [Z, !s.value[x - 1] && !a.value[x - 1]]
+            [Z, !s.value[w - 1] && !a.value[w - 1]]
           ]),
           K(c("div", os, [
             ce(Qt, {
@@ -3980,30 +3984,30 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
               size: "small"
             }, null, 8, ["tip"])
           ], 512), [
-            [Z, s.value[x - 1]]
+            [Z, s.value[w - 1]]
           ]),
-          a.value[x - 1] ? (r(), u("div", ss, [
-            p(a.value[x - 1].url) ? (r(), ne(Jt, {
+          a.value[w - 1] ? (r(), u("div", ss, [
+            p(e.isUrl ? a.value[w - 1].url : a.value[w - 1]) ? (r(), ne(Jt, {
               key: 0,
               ref_for: !0,
               ref_key: "imageRef",
               ref: i,
               bordered: !1,
               width: "82",
-              src: a.value[x - 1].url,
-              previewSrcList: [a.value[x - 1].url],
-              name: a.value[x - 1].name
+              src: e.isUrl ? a.value[w - 1].url : a.value[w - 1],
+              previewSrcList: [a.value[w - 1].url],
+              name: e.isUrl ? a.value[w - 1].name : ""
             }, null, 8, ["src", "previewSrcList", "name"])) : A("", !0),
             c("div", is, [
               c("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: ($) => b(x - 1, a.value[x - 1].url)
+                onClick: ($) => b(w - 1, e.isUrl ? a.value[w - 1].url : a.value[w - 1])
               }, us, 8, rs),
               K(c("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: q(($) => _(x - 1), ["prevent", "stop"])
+                onClick: q(($) => _(w - 1), ["prevent", "stop"])
               }, ps, 8, ds), [
                 [Z, !e.disabled]
               ])
@@ -4013,7 +4017,7 @@ const vt = (e) => (ke("data-v-12e7e74b"), e = e(), Ce(), e), Qo = { class: "abl-
       ]))), 128))
     ]));
   }
-}, ms = /* @__PURE__ */ J(vs, [["__scopeId", "data-v-12e7e74b"]]);
+}, ms = /* @__PURE__ */ J(vs, [["__scopeId", "data-v-fec433d2"]]);
 const hs = { class: "abl-select-warpper-content" }, gs = { class: "abl-select-has-content" }, bs = { key: 1 }, ys = ["placeholder"], _s = { class: "iconfont-abl icon-abl-shanglajiantou" }, ws = { class: "iconfont-abl icon-abl-shangjiantou" }, xs = ["onClick"], $s = ["src"], ks = {
   key: 1,
   class: "abl-select-options-item"
@@ -4090,14 +4094,14 @@ const hs = { class: "abl-select-warpper-content" }, gs = { class: "abl-select-ha
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), h = w(""), v = w(), f = w(null), g = w(""), m = w(), y = w(o.modelValue), C = w(!1), b = M(() => {
+    }), h = x(""), v = x(), f = x(null), g = x(""), m = x(), y = x(o.modelValue), C = x(!1), b = M(() => {
       var R;
       return { width: (((R = v.value) == null ? void 0 : R.getBoundingClientRect().width) || 0) + "px" };
     }), _ = Re({
       list: o == null ? void 0 : o.options
-    }), B = w(!1), V = w(
+    }), B = x(!1), V = x(
       o.search && g.value === "focus" && B.value
-    ), k = M(() => o.disabled), x = w(""), $ = w([]), P = () => (a == null ? void 0 : a.default) && (a == null ? void 0 : a.default()) || [], E = () => {
+    ), k = M(() => o.disabled), w = x(""), $ = x([]), P = () => (a == null ? void 0 : a.default) && (a == null ? void 0 : a.default()) || [], E = () => {
       var I;
       try {
         a.default && (_.list = [], (I = a.default()) == null || I.map((R) => {
@@ -4146,7 +4150,7 @@ const hs = { class: "abl-select-warpper-content" }, gs = { class: "abl-select-ha
     });
     const ee = (I) => {
       if (!V.value)
-        x.value = "";
+        w.value = "";
       else {
         const R = i.filter((j) => {
           let Q = I.target.value.toLowerCase();
@@ -4179,7 +4183,7 @@ const hs = { class: "abl-select-warpper-content" }, gs = { class: "abl-select-ha
       var I;
       (I = f.value) == null || I.focus(), !V.value && g.value === "focus" && $.value.length > 0 && ($.value.pop(), d("change", ht($.value)));
     }, F = () => {
-      C.value = !1, g.value = "blur", x.value = "";
+      C.value = !1, g.value = "blur", w.value = "";
     }, W = () => {
       _.list = i, C.value = !0;
     }, Y = () => {
@@ -4291,12 +4295,12 @@ const hs = { class: "abl-select-warpper-content" }, gs = { class: "abl-select-ha
                   class: L(["abl-select-input-focus", V.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: f,
-                  "onUpdate:modelValue": R[1] || (R[1] = (j) => x.value = j),
+                  "onUpdate:modelValue": R[1] || (R[1] = (j) => w.value = j),
                   onFocus: R[2] || (R[2] = (j) => W()),
                   onInput: ee,
                   placeholder: h.value
                 }, null, 42, ys), [
-                  [It, x.value]
+                  [It, w.value]
                 ]),
                 C.value ? A("", !0) : K((r(), u("span", {
                   key: 0,
@@ -4377,7 +4381,7 @@ const Ss = {
     }
   },
   setup(e) {
-    const l = e, t = w(l.col), a = w(), n = w(), s = w(), o = w(), i = w([]), d = M(() => i.value.length);
+    const l = e, t = x(l.col), a = x(), n = x(), s = x(), o = x(), i = x([]), d = M(() => i.value.length);
     it(() => {
       a.value && (l.bordered ? n.value = Array.from(a.value.children).filter((f) => f.className === "abl-desc-item-bordered") : n.value = Array.from(a.value.children).filter((f) => f.className === "abl-desc-item"));
     }, { flush: "post" }), se(n, (f) => {
@@ -4544,7 +4548,7 @@ function Hs(e, l) {
   return e > l && e > Ct ? "horizontal" : l > e && l > Ct ? "vertical" : "";
 }
 function js() {
-  const e = w(0), l = w(0), t = w(0), a = w(0), n = w(0), s = w(0), o = w(0), i = w(0), d = w(""), p = () => d.value === "vertical", h = () => d.value === "horizontal", v = () => {
+  const e = x(0), l = x(0), t = x(0), a = x(0), n = x(0), s = x(0), o = x(0), i = x(0), d = x(""), p = () => d.value === "vertical", h = () => d.value === "horizontal", v = () => {
     n.value = 0, s.value = 0, o.value = 0, i.value = 0, d.value = "";
   };
   return {
@@ -4662,14 +4666,14 @@ const el = (e) => (ke("data-v-f9f5ec36"), e = e(), Ce(), e), qs = {
     "update:modelValue"
   ],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = w(0);
+    const t = e, a = l, n = x(0);
     let s, o;
-    const i = w(), d = w(), p = js();
-    w(), w(), w([]);
+    const i = x(), d = x(), p = js();
+    x(), x(), x([]);
     const h = M(() => {
       const { marks: S, max: D, min: O } = t;
       return Object.keys(S).map(parseFloat).sort((ie, pe) => ie - pe).filter((ie) => ie >= +O && ie <= +D);
-    }), v = M(() => Number(t.max) - Number(t.min)), f = w([]), g = w(), m = M(() => {
+    }), v = M(() => Number(t.max) - Number(t.min)), f = x([]), g = x(), m = M(() => {
       const S = "abl-range";
       return {
         [S]: !0,
@@ -4687,13 +4691,13 @@ const el = (e) => (ke("data-v-f9f5ec36"), e = e(), Ce(), e), qs = {
       background: t.inactiveColor
     })), b = M(() => ({
       borderColor: t.buttonColor
-    })), _ = w(!1), B = (S) => !!t.range && Array.isArray(S), V = () => {
+    })), _ = x(!1), B = (S) => !!t.range && Array.isArray(S), V = () => {
       const { modelValue: S, min: D } = t;
       return B(S) ? `${(S[1] - S[0]) * 100 / v.value}%` : `${(S - Number(D)) * 100 / v.value}%`;
     }, k = () => {
       const { modelValue: S, min: D } = t;
       return B(S) ? `${(S[0] - Number(D)) * 100 / v.value}%` : "0%";
-    }, x = M(() => t.vertical ? {
+    }, w = M(() => t.vertical ? {
       height: V(),
       top: k(),
       background: t.activeColor,
@@ -4799,7 +4803,7 @@ const el = (e) => (ke("data-v-f9f5ec36"), e = e(), Ce(), e), qs = {
         ])) : A("", !0),
         c("div", {
           class: "abl-range-bar",
-          style: N(x.value)
+          style: N(w.value)
         }, [
           e.range ? (r(), u(X, { key: 0 }, le([0, 1], (O) => c("div", {
             key: O,
@@ -4934,7 +4938,7 @@ const ei = { class: "abl-pagination-wrap" }, ti = {
   },
   emits: ["change", "jump", "update:current"],
   setup(e, { emit: l }) {
-    const t = e, a = Xe(), n = w(t.current), s = w(!1), o = w(!1), i = M(() => Math.ceil(t.total / t.pageSize)), d = M(() => h(n.value).filter(
+    const t = e, a = Xe(), n = x(t.current), s = x(!1), o = x(!1), i = M(() => Math.ceil(t.total / t.pageSize)), d = M(() => h(n.value).filter(
       (m) => m !== 1 && m !== i.value
     )), p = l;
     se(n, (m) => {