abl-ui 0.5.37 → 0.5.39

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as d, normalizeStyle as E, renderSlot as R, createElementVNode as u, normalizeClass as I, createTextVNode as Q, toDisplayString as D, createCommentVNode as A, createStaticVNode as Mt, computed as P, ref as y, onMounted as ge, nextTick as me, onUnmounted as Je, Fragment as K, renderList as ae, createVNode as fe, useSlots as De, provide as $e, watch as ne, withDirectives as Z, vShow as te, defineComponent as Nt, toRefs as He, inject as Ie, reactive as Le, unref as se, createBlock as ie, TransitionGroup as ul, withCtx as re, resolveDynamicComponent as ft, pushScopeId as ye, popScopeId as be, createApp as dl, getCurrentInstance as Ze, onBeforeUnmount as Qe, onUpdated as pt, onBeforeMount as Tt, Teleport as et, Transition as ke, withModifiers as J, watchEffect as vt, mergeProps as xe, useAttrs as fl, createSlots as pl, vModelDynamic as vl, normalizeProps as xt, withKeys as Ot, vModelText as mt, toRaw as $t } from "vue";
+import { openBlock as r, createElementBlock as d, normalizeStyle as E, renderSlot as R, createElementVNode as u, normalizeClass as I, createTextVNode as Q, toDisplayString as D, createCommentVNode as A, createStaticVNode as Mt, computed as P, ref as b, onMounted as ge, nextTick as me, onUnmounted as Je, Fragment as K, renderList as ae, createVNode as fe, useSlots as De, provide as $e, watch as ne, withDirectives as Z, vShow as te, defineComponent as Nt, toRefs as He, inject as Ie, reactive as Le, unref as se, createBlock as ie, TransitionGroup as ul, withCtx as re, resolveDynamicComponent as ft, pushScopeId as ye, popScopeId as be, createApp as dl, getCurrentInstance as Ze, onBeforeUnmount as Qe, onUpdated as pt, onBeforeMount as Tt, Teleport as et, Transition as ke, withModifiers as J, watchEffect as vt, mergeProps as xe, useAttrs as fl, createSlots as pl, vModelDynamic as vl, normalizeProps as xt, withKeys as Ot, vModelText as mt, toRaw as $t } from "vue";
 const oe = [];
 for (let e = 0; e < 256; ++e)
   oe.push((e + 256).toString(16).slice(1));
@@ -120,7 +120,7 @@ const Vl = { class: "abl-table" }, Bl = ["id"], Il = { class: "gridtable" }, Ll
   setup(e, { emit: n }) {
     const t = e, l = P(() => ({
       maxHeight: t.height ? t.height + "px" : ""
-    })), a = y(), i = y(), o = y({
+    })), a = b(), i = b(), o = b({
       bodyHandler: null,
       headHandler: null
     });
@@ -257,28 +257,28 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: n }) {
     var M;
-    const t = n, l = De(), a = e, i = y({}), o = y(), s = y([]), c = y(), f = y(0), m = y(!1), p = y(!1), v = y(!0);
+    const t = n, l = De(), a = e, i = b({}), o = b(), s = b([]), c = b(), f = b(0), m = b(!1), p = b(!1), v = b(!0);
     function g() {
       const C = (/* @__PURE__ */ new Date()).getTime(), L = Math.random().toString(36).substring(2, 15);
       return C.toString(36) + L;
     }
-    const h = y();
+    const h = b();
     (M = l.default()) == null || M.map(({ props: C, children: L }) => {
       if (C) {
-        const { title: T, value: w, icon: B, afterIcon: b } = C;
+        const { title: T, value: w, icon: B, afterIcon: y } = C;
         s.value.push({
           title: T,
           value: w,
           icon: B,
-          afterIcon: b
+          afterIcon: y
         });
       } else
         (L == null ? void 0 : L.length) > 0 && Array.isArray(L) && (L == null || L.map((T) => {
-          const { title: w, value: B, icon: b, afterIcon: S } = T.props;
+          const { title: w, value: B, icon: y, afterIcon: S } = T.props;
           s.value.push({
             title: w,
             value: B,
-            icon: b,
+            icon: y,
             afterIcon: S
           });
         }));
@@ -312,8 +312,8 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
       if (!o.value)
         return;
       let C = 0;
-      s.value.map((B, b) => {
-        B.value == a.modelValue && (C = b);
+      s.value.map((B, y) => {
+        B.value == a.modelValue && (C = y);
       });
       const L = o.value[C], T = L == null ? void 0 : L.offsetLeft;
       i.value = {
@@ -322,8 +322,8 @@ const Pl = { class: "abl-tabs" }, Dl = ["id"], Hl = ["id"], Fl = ["onClick"], Ul
       };
       const w = document.getElementById("tab-hidden" + h.value);
       (w == null ? void 0 : w.scrollWidth) - 2 > (w == null ? void 0 : w.clientWidth) ? m.value = !0 : m.value = !1, w.addEventListener("scroll", function(B) {
-        var b, S, H;
-        ((b = B.target) == null ? void 0 : b.scrollLeft) + ((S = B.target) == null ? void 0 : S.offsetWidth) >= ((H = B.target) == null ? void 0 : H.scrollWidth) - 1 && (v.value = !1, p.value = !0), B.target.scrollLeft == 0 && (v.value = !0, p.value = !1);
+        var y, S, H;
+        ((y = B.target) == null ? void 0 : y.scrollLeft) + ((S = B.target) == null ? void 0 : S.offsetWidth) >= ((H = B.target) == null ? void 0 : H.scrollWidth) - 1 && (v.value = !1, p.value = !0), B.target.scrollLeft == 0 && (v.value = !0, p.value = !1);
       });
     };
     return ne(() => a.modelValue, async () => {
@@ -601,7 +601,7 @@ function it(e, n = 0, t = !1) {
 function St(e) {
   e && e.id && typeof e.id == "number" ? cancelAnimationFrame(e.id) : console.warn("cancelRaf received an invalid id:", e);
 }
-const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter", "onMouseleave", "onClick"], tn = {
+const Fe = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), en = ["onMouseenter", "onMouseleave", "onClick"], tn = {
   key: 1,
   class: "icon-svg",
   focusable: "false",
@@ -668,82 +668,78 @@ const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter
 ], gn = { class: "message-content" }, yn = ["onClick"], bn = {
   __name: "Message",
   props: {
-    content: String,
-    // 提示内容
     duration: { type: Number, default: 3e3 },
     // 自动关闭的延时，单位 ms，设置 null 时，不自动关闭
-    top: { type: [String, Number], default: 30 },
+    top: { type: [String, Number], default: 30 }
     // 消息距离顶部的位置，单位 px
-    showClose: { type: Boolean, default: !1 }
-    // 是否显示关闭按钮
   },
   emits: ["click", "close"],
   setup(e, { expose: n, emit: t }) {
-    const l = e, a = y(), i = y([]), o = y([]), s = y([]), c = y(null), f = t, m = y(), p = P(() => i.value.every((b) => !b));
-    ne(p, (b, S) => {
-      !S && b && (a.value = it(() => {
+    const l = e, a = b(), i = b([]), o = b([]), s = b([]), c = b(null), f = t, m = b(), p = P(() => i.value.every((y) => !y));
+    ne(p, (y, S) => {
+      !S && y && (a.value = it(() => {
         s.value = [], i.value = [];
       }, 300));
     });
-    function v(b) {
-      o.value[b] && St(o.value[b]);
+    function v(y) {
+      o.value[y] && St(o.value[y]);
     }
-    function g(b) {
-      x(b);
+    function g(y) {
+      x(y);
     }
-    function h(b, S) {
-      s.value[S].onClick && s.value[S].onClick(), f("click", b);
+    function h(y, S) {
+      s.value[S].onClick && s.value[S].onClick(), f("click", y);
     }
-    function x(b) {
-      c.value !== null && (o.value[b] = it(() => {
-        i.value[b] && (i.value[b] = !1, s.value[b].onClose && s.value[b].onClose(), f("close"));
+    function x(y) {
+      c.value !== null && (o.value[y] = it(() => {
+        i.value[y] && (i.value[y] = !1, s.value[y].onClose && s.value[y].onClose(), f("close"));
       }, c.value));
     }
-    function $(b) {
-      const S = s.value.findIndex((F) => F.id === b), H = s.value.length - 1, U = s.value[H];
+    function $(y) {
+      const S = s.value.findIndex((F) => F.id === y), H = s.value.length - 1, U = s.value[H];
       U.top !== void 0 ? m.value = typeof U.top == "number" ? `${U.top}px` : U.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[S] = !0, U.duration !== null ? (c.value = U.duration || l.duration, o.value[S] = it(() => {
         i.value[S] = !1, s.value[S].onClose && s.value[S].onClose(), f("close");
       }, 0)) : c.value = null;
     }
     function k() {
       a.value && St(a.value);
-      const b = s.value.length - 1, S = s.value[b];
-      S.top !== void 0 ? m.value = typeof S.top == "number" ? `${S.top}px` : S.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[b] = !0, S.duration !== null ? (c.value = S.duration || l.duration, x(b)) : c.value = null;
+      const y = s.value.length - 1, S = s.value[y];
+      S.top !== void 0 ? m.value = typeof S.top == "number" ? `${S.top}px` : S.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[y] = !0, S.duration !== null ? (c.value = S.duration || l.duration, x(y)) : c.value = null;
     }
-    const _ = (b, S) => {
+    const _ = (y, S) => {
       let H;
-      return typeof b == "string" ? H = {
-        content: b,
+      return typeof y == "string" ? H = {
+        content: y,
         mode: S,
         id: Date.now() + Math.random().toString(36).substring(7)
       } : H = {
-        ...b,
+        ...y,
         mode: S,
         id: Date.now() + Math.random().toString(36).substring(7)
       }, H;
     };
-    function M(b) {
-      let S = _(b, "open");
+    function M(y) {
+      let S = _(y, "open");
       return s.value.push(S), k(), S.id;
     }
-    function C(b) {
-      let S = _(b, "info");
+    function C(y) {
+      let S = _(y, "info");
       return s.value.push(S), k(), S.id;
     }
-    function L(b) {
-      let S = _(b, "success");
+    function L(y) {
+      let S = _(y, "success");
       return s.value.push(S), k(), S.id;
     }
-    function T(b) {
-      let S = _(b, "error");
+    function T(y) {
+      let S = _(y, "error");
       return s.value.push(S), k(), S.id;
     }
-    function w(b) {
-      let S = _(b, "warning");
+    function w(y) {
+      let S = _(y, "warning");
       return s.value.push(S), k(), S.id;
     }
-    function B(b) {
-      let S = _(b, "loading");
+    function B(y) {
+      let S = _(y, "loading");
       return s.value.push(S), k(), S.id;
     }
     return n({
@@ -754,7 +750,7 @@ const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter
       warning: w,
       loading: B,
       close: $
-    }), (b, S) => (r(), d("div", {
+    }), (y, S) => (r(), d("div", {
       class: "abl-message",
       style: E(`top: ${m.value};`)
     }, [
@@ -779,7 +775,7 @@ const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter
                 key: 0,
                 class: "icon-svg"
               })) : H.mode === "info" ? (r(), d("svg", tn, nn)) : H.mode === "success" ? (r(), d("svg", an, sn)) : H.mode === "error" ? (r(), d("svg", rn, un)) : H.mode === "warning" ? (r(), d("svg", dn, pn)) : H.mode === "loading" ? (r(), d("svg", vn, hn)) : A("", !0),
-              u("div", gn, D(H.content || e.content), 1),
+              u("div", gn, D(H.content || y.content), 1),
               H.closable ? (r(), d("span", {
                 key: 6,
                 class: "icon iconfont-abl close-icon",
@@ -794,7 +790,7 @@ const Fe = (e) => (ye("data-v-0439bd1d"), e = e(), be(), e), en = ["onMouseenter
       })) : (r(), d(K, { key: 1 }, [], 64))
     ], 4));
   }
-}, _n = /* @__PURE__ */ G(bn, [["__scopeId", "data-v-0439bd1d"]]);
+}, _n = /* @__PURE__ */ G(bn, [["__scopeId", "data-v-37a282cc"]]);
 let qe;
 function Ve() {
   return qe || (qe = dl(_n).mount(document.createElement("div")), document.body.appendChild(qe.$el)), qe;
@@ -808,7 +804,7 @@ const Dt = {
   loading: (e) => Ve().loading(e),
   close: (e) => Ve().close(e)
 };
-const wn = (e) => (ye("data-v-9e719259"), e = e(), be(), e), xn = { class: "abl-drawer-content" }, $n = { class: "abl-drawer-wrapper-body" }, kn = {
+const wn = (e) => (ye("data-v-8f73fef4"), e = e(), be(), e), xn = { class: "abl-drawer-content" }, $n = { class: "abl-drawer-wrapper-body" }, kn = {
   key: 0,
   class: "abl-drawer-header"
 }, Sn = { class: "abl-drawer-header-title" }, Cn = { class: "abl-drawer-title" }, Vn = /* @__PURE__ */ wn(() => /* @__PURE__ */ u("span", { class: "icon iconfont-abl" }, "", -1)), Bn = [
@@ -919,10 +915,10 @@ const wn = (e) => (ye("data-v-9e719259"), e = e(), be(), e), xn = { class: "abl-
         default: re(() => [
           e.modelValue && e.overlay ? (r(), d("div", {
             key: 0,
-            class: "abl-drawer-mask",
+            class: I(["abl-drawer-mask", `${i.class}-mask`]),
             onClick: m,
             style: E(`z-index: ${i.zIndex}`)
-          }, null, 4)) : A("", !0)
+          }, null, 6)) : A("", !0)
         ]),
         _: 1
       }),
@@ -973,7 +969,7 @@ const wn = (e) => (ye("data-v-9e719259"), e = e(), be(), e), xn = { class: "abl-
       }, 8, ["name"])
     ]));
   }
-}, An = /* @__PURE__ */ G(Ln, [["__scopeId", "data-v-9e719259"]]);
+}, An = /* @__PURE__ */ G(Ln, [["__scopeId", "data-v-8f73fef4"]]);
 const zn = {
   key: 0,
   class: "iconfont-abl icon-abl-loading2 abl-icon-loading"
@@ -1215,7 +1211,7 @@ const Pn = { class: "abl-dialog__header" }, Dn = { class: "abl-dialog__title" },
   },
   emits: ["update:modelValue", "onOverlayClick", "close"],
   setup(e, { emit: n }) {
-    const t = Ze(), l = e, a = y(null), i = (v) => {
+    const t = Ze(), l = e, a = b(null), i = (v) => {
       t && (t.appContext.config.globalProperties.$lockCount = v || 0);
     }, o = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
@@ -1553,7 +1549,7 @@ const Zn = (e) => ({
     }, g = gt(a), h = ht(g), x = await o.getDimensions(f), $ = g === "y", k = $ ? "top" : "left", _ = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", C = i.reference[h] + i.reference[g] - v[g] - i.floating[h], L = v[g] - i.reference[g], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let w = T ? T[M] : 0;
     (!w || !await (o.isElement == null ? void 0 : o.isElement(T))) && (w = s.floating[M] || i.floating[h]);
-    const B = C / 2 - L / 2, b = w / 2 - x[h] / 2 - 1, S = Me(p[k], b), H = Me(p[_], b), U = S, F = w - x[h] - H, j = w / 2 - x[h] / 2 + B, z = ct(U, j, F), X = !c.arrow && je(a) != null && j !== z && i.reference[h] / 2 - (j < U ? S : H) - x[h] / 2 < 0, O = X ? j < U ? j - U : j - F : 0;
+    const B = C / 2 - L / 2, y = w / 2 - x[h] / 2 - 1, S = Me(p[k], y), H = Me(p[_], y), U = S, F = w - x[h] - H, j = w / 2 - x[h] / 2 + B, z = ct(U, j, F), X = !c.arrow && je(a) != null && j !== z && i.reference[h] / 2 - (j < U ? S : H) - x[h] / 2 < 0, O = X ? j < U ? j - U : j - F : 0;
     return {
       [g]: v[g] + O,
       data: {
@@ -1602,8 +1598,8 @@ const Zn = (e) => ({
         placement: a,
         overflows: w
       }], !w.every((U) => U <= 0)) {
-        var b, S;
-        const U = (((b = i.flip) == null ? void 0 : b.index) || 0) + 1, F = L[U];
+        var y, S;
+        const U = (((y = i.flip) == null ? void 0 : y.index) || 0) + 1, F = L[U];
         if (F)
           return {
             data: {
@@ -2237,11 +2233,11 @@ const Ca = ["data-side"], el = {
     }
   },
   setup(e, { expose: n }) {
-    const t = y(!1), l = e, a = y(), i = P(() => {
+    const t = b(!1), l = e, a = b(), i = P(() => {
       let z = l.showArrow ? 10 : 5;
       const X = [xa(), $a(), ta(z)];
       return l.showArrow && X.push(ka({ element: a.value })), X;
-    }), o = y(l.placement), s = y(l.strategy), c = y(l.hover), f = y("auto"), m = y(null), p = y(), v = y(), g = y(), h = y({}), x = {
+    }), o = b(l.placement), s = b(l.strategy), c = b(l.hover), f = b("auto"), m = b(null), p = b(), v = b(), g = b(), h = b({}), x = {
       x: v,
       y: g,
       placement: o,
@@ -2249,7 +2245,7 @@ const Ca = ["data-side"], el = {
       middlewareData: h
     };
     let $ = null;
-    const k = y(!1), _ = y(), M = (z) => {
+    const k = b(!1), _ = b(), M = (z) => {
       _.value = z && z.nextElementSibling || null;
     }, C = () => {
       k.value = !0;
@@ -2275,10 +2271,10 @@ const Ca = ["data-side"], el = {
     });
     const B = (z) => {
       l.shouldStopPropagation && z.stopPropagation(), C(), setTimeout(() => {
-        document.addEventListener("mousedown", b, { once: !0 });
+        document.addEventListener("mousedown", y, { once: !0 });
       }, 0);
-    }, b = () => {
-      L(), document.removeEventListener("mousedown", b);
+    }, y = () => {
+      L(), document.removeEventListener("mousedown", y);
     }, S = P(() => o.value.split("-")[0]), H = P(() => ({ left: v.value + "px", top: g.value + "px", zIndex: l.zIndex, width: f.value })), U = P(() => {
       if (!l.showArrow)
         return {};
@@ -2456,7 +2452,7 @@ const Ca = ["data-side"], el = {
         type: String,
         default: ""
       }
-    }, o = fl(), s = y(), c = (g, h) => h.reduce((x, $) => (x[$] = g[$], x), {}), f = P(() => ({ ...o, ...c(t, Object.keys(i)) }));
+    }, o = fl(), s = b(), c = (g, h) => h.reduce((x, $) => (x[$] = g[$], x), {}), f = P(() => ({ ...o, ...c(t, Object.keys(i)) }));
     function m() {
       s.value.update();
     }
@@ -2547,7 +2543,7 @@ const at = (e) => (ye("data-v-bc247383"), e = e(), be(), e), Ba = ["onClick"], I
   },
   emits: ["update:modelValue", "change", "hoverChange"],
   setup(e, { emit: n }) {
-    const t = e, l = y(t.modelValue), a = y();
+    const t = e, l = b(t.modelValue), a = b();
     ne(
       () => t.modelValue,
       (v) => {
@@ -2669,7 +2665,7 @@ const Ha = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, l = y(0), a = () => (l.value++, l.value), i = n, o = (s) => {
+    const t = e, l = b(0), a = () => (l.value++, l.value), i = n, o = (s) => {
       i("update:modelValue", s), i("change", s);
     };
     return $e(
@@ -2731,9 +2727,9 @@ const Ua = { class: "abl-collapse__title" }, ja = { key: 0 }, Wa = { class: "ico
   },
   emits: ["change"],
   setup(e, { emit: n }) {
-    const t = y(), l = e, a = Ie("getChildIndex"), i = a == null ? void 0 : a();
-    y(null);
-    const o = Ie("CollapseKey", void 0), s = P(() => o.modelValue), c = P(() => o.iconType), f = P(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), m = y(f.value ? "auto" : "0px"), p = () => {
+    const t = b(), l = e, a = Ie("getChildIndex"), i = a == null ? void 0 : a();
+    b(null);
+    const o = Ie("CollapseKey", void 0), s = P(() => o.modelValue), c = P(() => o.iconType), f = P(() => Array.isArray(s.value) ? s.value.includes(l.name) : s.value === l.name), m = b(f.value ? "auto" : "0px"), p = () => {
       if (f.value)
         if (Array.isArray(s.value)) {
           const h = s.value.filter((x) => x !== l.name);
@@ -3053,7 +3049,7 @@ const so = /* @__PURE__ */ u("div", {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = Ze(), l = e, a = P(() => l.previewSrcList.length), i = y(Array(a.value).fill(!1)), o = y(l.initialIndex), s = y(1), c = y(0), f = y(0), m = y(0), p = y(0), v = y(0), g = n, h = (F) => {
+    const t = Ze(), l = e, a = P(() => l.previewSrcList.length), i = b(Array(a.value).fill(!1)), o = b(l.initialIndex), s = b(1), c = b(0), f = b(0), m = b(0), p = b(0), v = b(0), g = n, h = (F) => {
       t && (t.appContext.config.globalProperties.$lockCount = F || 0);
     }, x = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
@@ -3096,7 +3092,7 @@ const so = /* @__PURE__ */ u("div", {
       v.value -= 90;
     }, B = () => {
       v.value += 90;
-    }, b = () => {
+    }, y = () => {
       v.value = 0, s.value = 1, m.value = 0, p.value = 0;
     }, S = (F) => {
       if (!l.drag)
@@ -3221,7 +3217,7 @@ const so = /* @__PURE__ */ u("div", {
                   }, So),
                   u("i", {
                     class: "abl-icon",
-                    onClick: J(b, ["stop"])
+                    onClick: J(y, ["stop"])
                   }, Vo),
                   u("i", {
                     class: "abl-icon",
@@ -3290,8 +3286,8 @@ const zo = { class: "abl-image-wrap" }, Ro = ["src"], Eo = ["src"], ol = {
     }
   },
   setup(e, { expose: n }) {
-    const t = e, l = y(!1), a = y(!1), i = y(null);
-    y("");
+    const t = e, l = b(!1), a = b(!1), i = b(null);
+    b("");
     const o = () => {
       l.value = !0;
     }, s = () => {
@@ -3468,7 +3464,7 @@ const Do = /* @__PURE__ */ u("svg", {
     }, Ho, 6));
   }
 }, Uo = (e) => {
-  const n = y(null), t = (l) => {
+  const n = b(null), t = (l) => {
     const { target: a } = l;
     n.value.contains(a) || e(l);
   };
@@ -3540,18 +3536,18 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
   emits: ["open", "close"],
   setup(e, { emit: n }) {
     var L;
-    const t = n, l = De(), a = typeof window < "u" && typeof document < "u", i = e, o = y([]);
+    const t = n, l = De(), a = typeof window < "u" && typeof document < "u", i = e, o = b([]);
     (L = l.default()) == null || L.forEach((T) => {
       const { props: w } = T;
       if (w) {
-        const { title: B, disabled: b } = w;
+        const { title: B, disabled: y } = w;
         o.value.push({
           title: B,
-          disabled: b
+          disabled: y
         });
       }
     });
-    const s = y(), c = y(), f = y(!1), m = y(0), p = y(""), v = y(!1), g = (T) => typeof T == "number" ? T + "px" : T;
+    const s = b(), c = b(), f = b(!1), m = b(0), p = b(""), v = b(!1), g = (T) => typeof T == "number" ? T + "px" : T;
     ne(
       () => f.value,
       (T) => {
@@ -3610,21 +3606,21 @@ const jo = (e) => (ye("data-v-b0efe321"), e = e(), be(), e), Wo = ["onClick"], q
         ref_key: "dropdownMenuRef",
         ref: s
       }, [
-        (r(!0), d(K, null, ae(o.value, (B, b) => (r(), d("div", {
+        (r(!0), d(K, null, ae(o.value, (B, y) => (r(), d("div", {
           class: "abl-dropdown-menu__item",
-          key: b,
-          onClick: J((S) => h(B, b), ["stop"])
+          key: y,
+          onClick: J((S) => h(B, y), ["stop"])
         }, [
           u("span", {
             class: "abl-dropdown-menu__item__title",
             style: E({
-              color: B.disabled ? "#c0c4cc" : b === p.value ? e.activeColor : e.inactiveColor,
+              color: B.disabled ? "#c0c4cc" : y === p.value ? e.activeColor : e.inactiveColor,
               fontSize: g(e.titleSize)
             })
           }, D(B.title), 5),
           u("div", {
             class: I(["abl-dropdown-menu__item__arrow", {
-              "abl-dropdown-menu__item__arrow--rotate": b === p.value
+              "abl-dropdown-menu__item__arrow--rotate": y === p.value
             }])
           }, [
             (r(), d("svg", qo, Xo))
@@ -3718,8 +3714,8 @@ const Qo = (e) => (ye("data-v-046e593c"), e = e(), be(), e), es = ["active"], ts
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = Ie(os), l = y(!1);
-    t != null && t.activeColor || y("#2979ff"), t != null && t.inactiveColor || y("#606266");
+    const t = Ie(os), l = b(!1);
+    t != null && t.activeColor || b("#2979ff"), t != null && t.inactiveColor || b("#606266");
     const a = e, i = n, o = (s) => {
       t == null || t.onClose(), i("update:modelValue", s), i("change", s);
     };
@@ -3826,7 +3822,7 @@ const fs = {
   },
   emits: ["update:modelValue", "focus", "blur", "clear", "input"],
   setup(e, { expose: n, emit: t }) {
-    const l = e, a = t, i = y(), o = y(l.autofocus), s = y(!0), c = y(l.type), f = y(!1), m = P({
+    const l = e, a = t, i = b(), o = b(l.autofocus), s = b(!0), c = b(l.type), f = b(!1), m = P({
       get: () => l.modelValue,
       set: (_) => {
         a("update:modelValue", _);
@@ -4088,7 +4084,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
   },
   emits: ["update:fileList", "change", "remove"],
   setup(e, { emit: n }) {
-    const t = e, l = y([]), a = y(1), i = y(Array(t.maxCount).fill(!1)), o = y(), s = y(), c = y(!1), f = y("");
+    const t = e, l = b([]), a = b(1), i = b(Array(t.maxCount).fill(!1)), o = b(), s = b(), c = b(!1), f = b("");
     vt(() => {
       m();
     });
@@ -4096,27 +4092,27 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
       l.value = [...t.fileList], l.value.length > t.maxCount && l.value.splice(t.maxCount), t.disabled ? a.value = l.value.length : l.value.length < t.maxCount ? a.value = t.fileList.length + 1 : a.value = t.maxCount;
     }
     const p = (w) => {
-      const B = /\.(jpg|jpeg|png|gif|webp)$/i, b = /^data:image/;
-      return B.test(w) || b.test(w);
+      const B = /\.(jpg|jpeg|png|gif|webp)$/i, y = /^data:image/;
+      return B.test(w) || y.test(w);
     }, v = (w) => {
       c.value = !0, f.value = w;
     }, g = (w, B) => {
       var S;
-      const b = (S = w.dataTransfer) == null ? void 0 : S.files;
-      if (b != null && b.length) {
-        const H = b.length;
+      const y = (S = w.dataTransfer) == null ? void 0 : S.files;
+      if (y != null && y.length) {
+        const H = y.length;
         for (let U = 0; U < H && B + U <= t.maxCount; U++)
-          k(b[U], B + U);
+          k(y[U], B + U);
         o.value[B].value = "";
       }
     }, h = (w) => {
       o.value[w].click();
     }, x = (w, B) => {
-      const b = w.target.files;
-      if (b != null && b.length) {
-        const S = b.length;
+      const y = w.target.files;
+      if (y != null && y.length) {
+        const S = y.length;
         for (let H = 0; H < S && B + H < t.maxCount; H++)
-          k(b[H], B + H);
+          k(y[H], B + H);
         o.value[B].value = "";
       }
     }, $ = n, k = function(w, B) {
@@ -4124,37 +4120,37 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
         T(t.errorInfo);
       });
     }, _ = (w, B) => {
-      var b = new FileReader();
-      b.readAsDataURL(w), b.onloadstart = function(S) {
+      var y = new FileReader();
+      y.readAsDataURL(w), y.onloadstart = function(S) {
         console.log("开始读取 onloadstart:", S);
-      }, b.onabort = function(S) {
+      }, y.onabort = function(S) {
         console.log("读取中止 onabort:", S);
-      }, b.onerror = function(S) {
+      }, y.onerror = function(S) {
         console.log("读取错误 onerror:", S);
-      }, b.onprogress = function(S) {
+      }, y.onprogress = function(S) {
         S.loaded === S.total && (i.value[B] = !1);
-      }, b.onload = function(S) {
+      }, y.onload = function(S) {
         var H, U;
         t.isUrl ? l.value.push({
           name: w.name,
           url: (H = S.target) == null ? void 0 : H.result,
           type: w.type
         }) : l.value.push((U = S.target) == null ? void 0 : U.result), $("update:fileList", l.value), $("change", l.value);
-      }, b.onloadend = function(S) {
+      }, y.onloadend = function(S) {
         console.log("读取结束 onloadend:", S);
       };
     }, M = (w, B) => {
-      t.customRequest(w).then((b) => {
-        b && l.value.push(b), $("update:fileList", l.value), $("change", l.value);
-      }).catch((b) => {
-        t.maxCount > 1 && (a.value = l.value.length + 1), T(b);
+      t.customRequest(w).then((y) => {
+        y && l.value.push(y), $("update:fileList", l.value), $("change", l.value);
+      }).catch((y) => {
+        t.maxCount > 1 && (a.value = l.value.length + 1), T(y);
       }).finally(() => {
         i.value[B] = !1;
       });
     }, C = (w, B) => {
       if (p(B)) {
-        const b = l.value.slice(0, w).filter((S) => !p(t.isUrl ? S.url : S));
-        s.value[w - b.length].onPreview();
+        const y = l.value.slice(0, w).filter((S) => !p(t.isUrl ? S.url : S));
+        s.value[w - y.length].onPreview();
       } else
         v(B);
     }, L = (w) => {
@@ -4165,9 +4161,9 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
       Dt.error(w);
     };
     return (w, B) => (r(), d("div", Ls, [
-      (r(!0), d(K, null, ae(a.value, (b) => (r(), d("div", {
+      (r(!0), d(K, null, ae(a.value, (y) => (r(), d("div", {
         class: "abl-upload-item",
-        key: b
+        key: y
       }, [
         u("div", As, [
           Z(u("div", {
@@ -4176,8 +4172,8 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
             }, ["stop", "prevent"])),
             onDragover: B[2] || (B[2] = J(() => {
             }, ["stop", "prevent"])),
-            onDrop: J((S) => e.disabled ? () => !1 : g(S, b - 1), ["stop", "prevent"]),
-            onClick: (S) => e.disabled ? () => !1 : h(b - 1)
+            onDrop: J((S) => e.disabled ? () => !1 : g(S, y - 1), ["stop", "prevent"]),
+            onClick: (S) => e.disabled ? () => !1 : h(y - 1)
           }, [
             u("input", {
               ref_for: !0,
@@ -4188,7 +4184,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
               }, ["stop"])),
               accept: e.accept,
               multiple: e.multiple,
-              onChange: (S) => x(S, b - 1),
+              onChange: (S) => x(S, y - 1),
               style: { display: "none" }
             }, null, 40, Rs),
             u("div", null, [
@@ -4200,7 +4196,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
               ])) : A("", !0)
             ])
           ], 42, zs), [
-            [te, !i.value[b - 1] && !l.value[b - 1]]
+            [te, !i.value[y - 1] && !l.value[y - 1]]
           ]),
           Z(u("div", Ns, [
             fe(il, {
@@ -4210,35 +4206,35 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
               size: "small"
             }, null, 8, ["tip"])
           ], 512), [
-            [te, i.value[b - 1]]
+            [te, i.value[y - 1]]
           ]),
-          l.value[b - 1] ? (r(), d("div", Ts, [
-            p(e.isUrl ? l.value[b - 1].url : l.value[b - 1]) ? (r(), ie(ol, {
+          l.value[y - 1] ? (r(), d("div", Ts, [
+            p(e.isUrl ? l.value[y - 1].url : l.value[y - 1]) ? (r(), ie(ol, {
               key: 0,
               ref_for: !0,
               ref_key: "imageRef",
               ref: s,
               bordered: !1,
               width: "82",
-              src: e.isUrl ? l.value[b - 1].url : l.value[b - 1],
-              previewSrcList: [e.isUrl ? l.value[b - 1].url : l.value[b - 1]],
-              name: e.isUrl ? l.value[b - 1].name : ""
+              src: e.isUrl ? l.value[y - 1].url : l.value[y - 1],
+              previewSrcList: [e.isUrl ? l.value[y - 1].url : l.value[y - 1]],
+              name: e.isUrl ? l.value[y - 1].name : ""
             }, null, 8, ["src", "previewSrcList", "name"])) : (r(), d("div", Os, [
               u("video", {
                 style: { width: "100%", height: "100%" },
-                src: e.isUrl ? l.value[b - 1].url : l.value[b - 1]
+                src: e.isUrl ? l.value[y - 1].url : l.value[y - 1]
               }, null, 8, Ps)
             ])),
             u("div", Ds, [
               u("a", {
                 class: "m-icon",
                 title: "preview",
-                onClick: (S) => C(b - 1, e.isUrl ? l.value[b - 1].url : l.value[b - 1])
+                onClick: (S) => C(y - 1, e.isUrl ? l.value[y - 1].url : l.value[y - 1])
               }, Us, 8, Hs),
               Z(u("a", {
                 class: "m-icon",
                 title: "delete",
-                onClick: J((S) => L(b - 1), ["prevent", "stop"])
+                onClick: J((S) => L(y - 1), ["prevent", "stop"])
               }, qs, 8, js), [
                 [te, !e.disabled]
               ])
@@ -4248,7 +4244,7 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Ls = { class: "abl-
       ]))), 128)),
       fe(Ft, {
         modelValue: c.value,
-        "onUpdate:modelValue": B[3] || (B[3] = (b) => c.value = b),
+        "onUpdate:modelValue": B[3] || (B[3] = (y) => c.value = y),
         title: "",
         zIndex: 4001
       }, {
@@ -4351,14 +4347,14 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), m = y(""), p = y(), v = y(null), g = y(""), h = y(), x = y(o.modelValue), $ = y(!1), k = P(() => {
+    }), m = b(""), p = b(), v = b(null), g = b(""), h = b(), x = b(o.modelValue), $ = b(!1), k = P(() => {
       var N;
       return { width: (((N = p.value) == null ? void 0 : N.getBoundingClientRect().width) || 0) + "px" };
     }), _ = Le({
       list: o == null ? void 0 : o.options
-    }), M = y(!1), C = y(
+    }), M = b(!1), C = b(
       o.search && g.value === "focus" && M.value
-    ), L = P(() => o.disabled), T = y(""), w = y([]), B = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], b = () => {
+    ), L = P(() => o.disabled), T = b(""), w = b([]), B = () => (l == null ? void 0 : l.default) && (l == null ? void 0 : l.default()) || [], y = () => {
       var O;
       try {
         l.default && (_.list = [], (O = l.default()) == null || O.map((N) => {
@@ -4381,7 +4377,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
     };
     ne(B, () => {
       me(() => {
-        b();
+        y();
       });
     }, {
       immediate: !0,
@@ -4539,7 +4535,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
                   "onUpdate:modelValue": N[1] || (N[1] = (q) => T.value = q),
                   onFocus: N[2] || (N[2] = (q) => z()),
                   onInput: S,
-                  placeholder: m.value
+                  placeholder: m.value || e.placeholder
                 }, null, 42, Qs)), [
                   [mt, T.value]
                 ]) : A("", !0),
@@ -4574,7 +4570,7 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       }, 16, ["showArrow", "shouldStopPropagation", "disabled", "zIndex", "popperClass"])
     ], 512));
   }
-}, zt = /* @__PURE__ */ G(oi, [["__scopeId", "data-v-5ee073a2"]]);
+}, zt = /* @__PURE__ */ G(oi, [["__scopeId", "data-v-51f4974c"]]);
 const si = {
   key: 0,
   class: "abl-header"
@@ -4622,7 +4618,7 @@ const si = {
     }
   },
   setup(e) {
-    const n = e, t = y(n.col), l = y(), a = y(), i = y(), o = y(), s = y([]), c = P(() => s.value.length);
+    const n = e, t = b(n.col), l = b(), a = b(), i = b(), o = b(), s = b([]), c = P(() => s.value.length);
     vt(() => {
       l.value && (n.bordered ? a.value = Array.from(l.value.children).filter((v) => v.className === "abl-desc-item-bordered") : a.value = Array.from(l.value.children).filter((v) => v.className === "abl-desc-item"));
     }, { flush: "post" }), ne(a, (v) => {
@@ -4789,7 +4785,7 @@ function xi(e, n) {
   return e > n && e > Rt ? "horizontal" : n > e && n > Rt ? "vertical" : "";
 }
 function $i() {
-  const e = y(0), n = y(0), t = y(0), l = y(0), a = y(0), i = y(0), o = y(0), s = y(0), c = y(""), f = () => c.value === "vertical", m = () => c.value === "horizontal", p = () => {
+  const e = b(0), n = b(0), t = b(0), l = b(0), a = b(0), i = b(0), o = b(0), s = b(0), c = b(""), f = () => c.value === "vertical", m = () => c.value === "horizontal", p = () => {
     a.value = 0, i.value = 0, o.value = 0, s.value = 0, c.value = "";
   };
   return {
@@ -4907,14 +4903,14 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
     "update:modelValue"
   ],
   setup(e, { emit: n }) {
-    const t = e, l = n, a = y(0);
+    const t = e, l = n, a = b(0);
     let i, o;
-    const s = y(), c = y(), f = $i();
-    y(), y(), y([]);
+    const s = b(), c = b(), f = $i();
+    b(), b(), b([]);
     const m = P(() => {
       const { marks: V, max: Y, min: W } = t;
       return Object.keys(V).map(parseFloat).sort((ce, ve) => ce - ve).filter((ce) => ce >= +W && ce <= +Y);
-    }), p = P(() => Number(t.max) - Number(t.min)), v = y([]), g = y(), h = P(() => {
+    }), p = P(() => Number(t.max) - Number(t.min)), v = b([]), g = b(), h = P(() => {
       const V = "abl-range";
       return {
         [V]: !0,
@@ -4932,7 +4928,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       background: t.inactiveColor
     })), k = P(() => ({
       borderColor: t.buttonColor
-    })), _ = y(!1), M = (V) => !!t.range && Array.isArray(V), C = () => {
+    })), _ = b(!1), M = (V) => !!t.range && Array.isArray(V), C = () => {
       const { modelValue: V, min: Y } = t;
       return M(V) ? `${(V[1] - V[0]) * 100 / p.value}%` : `${(V - Number(Y)) * 100 / p.value}%`;
     }, L = () => {
@@ -4969,7 +4965,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       return W && (ee = {
         top: `${(V - Number(Y)) / p.value * 100}%`
       }), ee;
-    }, b = (V) => {
+    }, y = (V) => {
       const { modelValue: Y, max: W, min: ee } = t;
       let de = Number(ee), ce = Number(W);
       if (t.range) {
@@ -5038,7 +5034,7 @@ const rl = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             Q(D(W) + " ", 1),
             u("span", {
               class: "abl-range-tick",
-              style: E(b(W))
+              style: E(y(W))
             }, null, 4)
           ], 6))), 128))
         ])) : A("", !0),
@@ -5180,7 +5176,7 @@ const Ei = { class: "abl-pagination-wrap" }, Mi = {
   },
   emits: ["change", "jump", "update:current"],
   setup(e, { emit: n }) {
-    const t = e, l = De(), a = y(t.current), i = y(!1), o = y(!1), s = P(() => Math.ceil(t.total / t.pageSize)), c = P(() => m(a.value).filter(
+    const t = e, l = De(), a = b(t.current), i = b(!1), o = b(!1), s = P(() => Math.ceil(t.total / t.pageSize)), c = P(() => m(a.value).filter(
       (h) => h !== 1 && h !== s.value
     )), f = n;
     ne(a, (h) => {
@@ -5430,7 +5426,7 @@ const rr = {
     }
   },
   setup(e) {
-    const n = e, t = y(!1), l = P(() => ({
+    const n = e, t = b(!1), l = P(() => ({
       color: n.fontColor
     })), a = P(() => {
       let i = "";
@@ -5515,12 +5511,12 @@ const vr = {
   },
   emits: ["change"],
   setup(e, { emit: n }) {
-    const t = typeof window < "u" && typeof document < "u", l = e, a = n, i = y(), o = y(), s = Le({
+    const t = typeof window < "u" && typeof document < "u", l = e, a = n, i = b(), o = b(), s = Le({
       fixed: !1,
       height: 0,
       width: 0,
       transform: 0
-    }), c = y(), f = y(null), m = P(() => l.position === "top" ? Number(l.offsetTop) : Number(l.offsetBottom)), p = P(() => s.fixed ? { height: `${s.height}px` } : {}), v = P(() => s.fixed ? {
+    }), c = b(), f = b(null), m = P(() => l.position === "top" ? Number(l.offsetTop) : Number(l.offsetBottom)), p = P(() => s.fixed ? { height: `${s.height}px` } : {}), v = P(() => s.fixed ? {
       [l.position]: `${m.value}px`,
       height: `${s.height}px`,
       width: `${s.width}px`,
@@ -5601,7 +5597,7 @@ const hr = { class: "abl-tree-select" }, gr = { class: "abl-tree-select-tab" },
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = n, l = e, a = y(l.modelValue || 0), i = (o) => {
+    const t = n, l = e, a = b(l.modelValue || 0), i = (o) => {
       a.value = o, t("update:modelValue", o + "");
     };
     return (o, s) => (r(), d("div", hr, [
@@ -5629,7 +5625,7 @@ const $r = {
     }
   },
   setup(e) {
-    const n = y(e.time / 1e3), t = y(null), l = y(performance.now()), a = (o) => {
+    const n = b(e.time / 1e3), t = b(null), l = b(performance.now()), a = (o) => {
       const s = o - l.value;
       if (s >= 1e3) {
         const c = Math.floor(s / 1e3);
@@ -5690,7 +5686,7 @@ const Er = {
     }
   },
   setup(e, { emit: n }) {
-    const t = y(e.modelValue), l = y(!1), a = y(!1);
+    const t = b(e.modelValue), l = b(!1), a = b(!1);
     t.value == e.min && (a.value = !0), t.value == e.max && (l.value = !0);
     const i = () => {
       e.disabled || (a.value = !1, t.value < e.max && (t.value++, n("update:modelValue", t.value), n("change", t.value)));