abl-ui 0.1.22 → 0.1.23

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as u, createElementBlock as p, normalizeStyle as R, renderSlot as I, createElementVNode as c, normalizeClass as O, createTextVNode as j, toDisplayString as N, createCommentVNode as B, createStaticVNode as kt, Fragment as H, renderList as G, createVNode as Q, ref as $, reactive as le, provide as ke, defineComponent as Pe, toRefs as Be, computed as T, unref as Z, pushScopeId as re, popScopeId as ce, inject as Se, onBeforeUnmount as st, withDirectives as U, vShow as Y, onMounted as we, createBlock as te, Transition as oe, withCtx as K, render as Ze, watchEffect as Ae, Teleport as He, withModifiers as P, useSlots as St, mergeProps as ye, resolveDynamicComponent as Kt, useAttrs as Gt, getCurrentInstance as Yt, watch as me, normalizeProps as Xt, guardReactiveProps as Jt, resolveDirective as Zt, nextTick as ae, h as Qt, createSlots as en, vModelDynamic as tn, withKeys as nn, vModelText as on, toRaw as Ge, onUnmounted as sn } from "vue";
+import { openBlock as u, createElementBlock as p, normalizeStyle as V, renderSlot as I, createElementVNode as c, normalizeClass as O, createTextVNode as j, toDisplayString as N, createCommentVNode as B, createStaticVNode as kt, Fragment as H, renderList as G, createVNode as Q, ref as $, reactive as de, provide as ke, defineComponent as Pe, toRefs as Be, computed as T, unref as Z, pushScopeId as ie, popScopeId as re, inject as Se, onBeforeUnmount as st, withDirectives as U, vShow as Y, onMounted as we, createBlock as te, Transition as oe, withCtx as K, render as Ze, watchEffect as Ae, Teleport as He, withModifiers as P, useSlots as St, mergeProps as ye, resolveDynamicComponent as Kt, useAttrs as Gt, getCurrentInstance as Yt, watch as me, normalizeProps as Xt, guardReactiveProps as Jt, resolveDirective as Zt, nextTick as ae, h as Qt, createSlots as en, vModelDynamic as tn, withKeys as nn, vModelText as on, toRaw as Ge, onUnmounted as sn } from "vue";
 const q = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, s] of t)
@@ -30,20 +30,20 @@ const q = (e, t) => {
       e.image === "1" ? (u(), p("svg", {
         key: 0,
         class: "abl-u-empty-1",
-        style: R(e.imageStyle),
+        style: V(e.imageStyle),
         viewBox: "0 0 184 152",
         xmlns: "http://www.w3.org/2000/svg"
       }, rn, 4)) : e.image === "2" ? (u(), p("svg", {
         key: 1,
         class: "abl-u-empty-2",
-        style: R(e.imageStyle),
+        style: V(e.imageStyle),
         viewBox: "0 0 64 41",
         xmlns: "http://www.w3.org/2000/svg"
       }, dn, 4)) : I(t.$slots, "default", { key: 2 }, () => [
         c("img", {
           class: "abl-u-empty",
           src: e.image,
-          style: R(e.imageStyle),
+          style: V(e.imageStyle),
           alt: "image"
         }, null, 12, un)
       ], !0),
@@ -96,7 +96,7 @@ const pn = { class: "abl-table" }, hn = { class: "gridtable" }, vn = { class: "t
               c("tr", null, [
                 (u(!0), p(H, null, G(n.columns, (i, r) => (u(), p("th", {
                   key: r,
-                  style: R({ "text-align": i.align || "left" }),
+                  style: V({ "text-align": i.align || "left" }),
                   class: O(i.fixed == "left" ? "table-fixed-column--left" : i.fixed == "right" ? "table-fixed-column--right" : "")
                 }, [
                   c("div", mn, N(i.title), 1)
@@ -106,7 +106,7 @@ const pn = { class: "abl-table" }, hn = { class: "gridtable" }, vn = { class: "t
             n.data.length > 0 ? (u(), p("tbody", gn, [
               (u(!0), p(H, null, G(n.data, (i, r) => (u(), p("tr", { key: r }, [
                 (u(!0), p(H, null, G(e.columns, (l, d) => (u(), p("td", {
-                  style: R({ "text-align": l.align || "left", width: l.width || "auto" }),
+                  style: V({ "text-align": l.align || "left", width: l.width || "auto" }),
                   key: d,
                   class: O(l.fixed == "left" ? "table-fixed-column--left" : l.fixed == "right" ? "table-fixed-column--right" : "")
                 }, [
@@ -143,7 +143,7 @@ const $n = { class: "abl-tabs" }, kn = { class: "tabs-header" }, Sn = ["onClick"
   },
   emits: ["tabClick"],
   setup(e, { emit: t }) {
-    const n = t, o = e, s = $([]), a = $(), i = $(o.modelValue), d = le({
+    const n = t, o = e, s = $([]), a = $(), i = $(o.modelValue), d = de({
       addItem: (f) => {
         s.value.push(f);
       },
@@ -177,7 +177,7 @@ const $n = { class: "abl-tabs" }, kn = { class: "tabs-header" }, Sn = ["onClick"
       ], 512)
     ]));
   }
-}, ft = /* @__PURE__ */ q(Cn, [["__scopeId", "data-v-31deb26c"]]), Ln = (e) => (re("data-v-9ebed9dd"), e = e(), ce(), e), An = /* @__PURE__ */ Ln(() => /* @__PURE__ */ c("span", { class: "abl-switch__core" }, null, -1)), En = [
+}, ft = /* @__PURE__ */ q(Cn, [["__scopeId", "data-v-31deb26c"]]), Ln = (e) => (ie("data-v-9ebed9dd"), e = e(), re(), e), An = /* @__PURE__ */ Ln(() => /* @__PURE__ */ c("span", { class: "abl-switch__core" }, null, -1)), En = [
   An
 ], In = {
   name: "AblSwitch"
@@ -217,7 +217,7 @@ const $n = { class: "abl-tabs" }, kn = { class: "tabs-header" }, Sn = ["onClick"
     return (d, v) => (u(), p("div", {
       class: O(["abl-switch", l.value]),
       onClick: s,
-      style: R({ background: Z(a) ? e.activeColor : e.inactiveColor })
+      style: V({ background: Z(a) ? e.activeColor : e.inactiveColor })
     }, En, 6));
   }
 });
@@ -299,7 +299,7 @@ const On = {
     };
     return ke(
       "radioGroupKey",
-      le({
+      de({
         ...Be(n),
         changeEvent: s
       })
@@ -409,7 +409,7 @@ const Pn = { class: "message-text" }, Hn = {
         n.value ? (u(), p("div", {
           key: 0,
           class: "abl-message",
-          style: R(s[t.type])
+          style: V(s[t.type])
         }, [
           c("div", Pn, [
             c("i", {
@@ -514,7 +514,7 @@ const jn = { class: "abl-drawer-content" }, qn = { class: "abl-drawer-wrapper-bo
     return (d, v) => (u(), te(He, { to: "body" }, [
       c("div", {
         class: O(["abl-drawer", e.customClass, `abl-drawer-${s.direction}`]),
-        style: R(`z-index: ${s.zIndex}`)
+        style: V(`z-index: ${s.zIndex}`)
       }, [
         Q(oe, { name: "fade-popup" }, {
           default: K(() => [
@@ -522,7 +522,7 @@ const jn = { class: "abl-drawer-content" }, qn = { class: "abl-drawer-wrapper-bo
               key: 0,
               class: "abl-drawer-mask",
               onClick: r,
-              style: R(`z-index: ${s.zIndex + 1}`)
+              style: V(`z-index: ${s.zIndex + 1}`)
             }, null, 4)) : B("", !0)
           ]),
           _: 1
@@ -532,7 +532,7 @@ const jn = { class: "abl-drawer-content" }, qn = { class: "abl-drawer-wrapper-bo
             e.modelValue ? (u(), p("div", {
               key: 0,
               class: "abl-drawer-content-wrapper",
-              style: R(a.value)
+              style: V(a.value)
             }, [
               c("div", jn, [
                 c("div", qn, [
@@ -554,7 +554,7 @@ const jn = { class: "abl-drawer-content" }, qn = { class: "abl-drawer-wrapper-bo
                   d.$slots.footer ? (u(), p("div", {
                     key: 1,
                     class: "abl-drawer-footer",
-                    style: R(e.footerStyle)
+                    style: V(e.footerStyle)
                   }, [
                     I(d.$slots, "footer", {}, void 0, !0)
                   ], 4)) : B("", !0)
@@ -729,7 +729,7 @@ const to = {
     };
     return ke(
       "checkboxGroupKey",
-      le({
+      de({
         ...Be(n),
         changeEvent: s
       })
@@ -802,7 +802,7 @@ const to = {
               class: O(["abl-dialog", e.customClass, r.value]),
               onClick: d[0] || (d[0] = P(() => {
               }, ["stop"])),
-              style: R({ width: e.width }),
+              style: V({ width: e.width }),
               onTouchmove: d[1] || (d[1] = P(() => {
               }, ["prevent"]))
             }, [
@@ -1103,7 +1103,7 @@ const ko = (e) => ({
     }, m = it(s), g = lt(m), w = await i.getDimensions(d), k = m === "y", x = k ? "top" : "left", b = k ? "bottom" : "right", A = k ? "clientHeight" : "clientWidth", C = a.reference[g] + a.reference[m] - h[m] - a.floating[g], _ = h[m] - a.reference[m], y = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
     let S = y ? y[A] : 0;
     (!S || !await (i.isElement == null ? void 0 : i.isElement(y))) && (S = r.floating[A] || a.floating[g]);
-    const V = C / 2 - _ / 2, F = S / 2 - w[g] / 2 - 1, E = Ce(f[x], F), z = Ce(f[b], F), L = E, M = S - w[g] - z, D = S / 2 - w[g] / 2 + V, W = Qe(L, D, M), X = !l.arrow && Re(s) != null && D !== W && a.reference[g] / 2 - (D < L ? E : z) - w[g] / 2 < 0, J = X ? D < L ? D - L : D - M : 0;
+    const R = C / 2 - _ / 2, F = S / 2 - w[g] / 2 - 1, E = Ce(f[x], F), z = Ce(f[b], F), L = E, M = S - w[g] - z, D = S / 2 - w[g] / 2 + R, W = Qe(L, D, M), X = !l.arrow && Re(s) != null && D !== W && a.reference[g] / 2 - (D < L ? E : z) - w[g] / 2 < 0, J = X ? D < L ? D - L : D - M : 0;
     return {
       [m]: h[m] + J,
       data: {
@@ -1143,12 +1143,12 @@ const ko = (e) => ({
       const x = be(s), b = be(r) === r, A = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), C = h || (b || !w ? [Me(r)] : bo(r));
       !h && g !== "none" && C.push(...wo(r, w, g, A));
       const _ = [r, ...C], y = await Et(t, k), S = [];
-      let V = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      let R = ((o = a.flip) == null ? void 0 : o.overflows) || [];
       if (v && S.push(y[x]), f) {
         const L = yo(s, i, A);
         S.push(y[L[0]], y[L[1]]);
       }
-      if (V = [...V, {
+      if (R = [...R, {
         placement: s,
         overflows: S
       }], !S.every((L) => L <= 0)) {
@@ -1158,18 +1158,18 @@ const ko = (e) => ({
           return {
             data: {
               index: L,
-              overflows: V
+              overflows: R
             },
             reset: {
               placement: M
             }
           };
-        let D = (E = V.filter((W) => W.overflows[0] <= 0).sort((W, X) => W.overflows[1] - X.overflows[1])[0]) == null ? void 0 : E.placement;
+        let D = (E = R.filter((W) => W.overflows[0] <= 0).sort((W, X) => W.overflows[1] - X.overflows[1])[0]) == null ? void 0 : E.placement;
         if (!D)
           switch (m) {
             case "bestFit": {
               var z;
-              const W = (z = V.map((X) => [X.placement, X.overflows.filter((J) => J > 0).reduce((J, he) => J + he, 0)]).sort((X, J) => X[1] - J[1])[0]) == null ? void 0 : z[0];
+              const W = (z = R.map((X) => [X.placement, X.overflows.filter((J) => J > 0).reduce((J, he) => J + he, 0)]).sort((X, J) => X[1] - J[1])[0]) == null ? void 0 : z[0];
               W && (D = W);
               break;
             }
@@ -1298,14 +1298,14 @@ function ee(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function de(e) {
+function ce(e) {
   var t;
   return (t = (It(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function It(e) {
   return e instanceof Node || e instanceof ee(e).Node;
 }
-function ie(e) {
+function le(e) {
   return e instanceof Element || e instanceof ee(e).Element;
 }
 function se(e) {
@@ -1349,7 +1349,7 @@ function ne(e) {
   return ee(e).getComputedStyle(e);
 }
 function je(e) {
-  return ie(e) ? {
+  return le(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -1365,7 +1365,7 @@ function Le(e) {
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     vt(e) && e.host || // Fallback.
-    de(e)
+    ce(e)
   );
   return vt(t) ? t.host : t;
 }
@@ -1390,7 +1390,7 @@ function Bt(e) {
   };
 }
 function dt(e) {
-  return ie(e) ? e : e.contextElement;
+  return le(e) ? e : e.contextElement;
 }
 function $e(e) {
   const t = dt(e);
@@ -1422,11 +1422,11 @@ function _e(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const s = e.getBoundingClientRect(), a = dt(e);
   let i = ue(1);
-  t && (o ? ie(o) && (i = $e(o)) : i = $e(e));
+  t && (o ? le(o) && (i = $e(o)) : i = $e(e));
   const r = Bo(a, n, o) ? Ot(a) : ue(0);
   let l = (s.left + r.x) / i.x, d = (s.top + r.y) / i.y, v = s.width / i.x, f = s.height / i.y;
   if (a) {
-    const h = ee(a), m = o && ie(o) ? ee(o) : o;
+    const h = ee(a), m = o && le(o) ? ee(o) : o;
     let g = h, w = g.frameElement;
     for (; w && o && m !== g; ) {
       const k = $e(w), x = w.getBoundingClientRect(), b = ne(w), A = x.left + (w.clientLeft + parseFloat(b.paddingLeft)) * k.x, C = x.top + (w.clientTop + parseFloat(b.paddingTop)) * k.y;
@@ -1457,7 +1457,7 @@ function Ro(e) {
     offsetParent: o,
     strategy: s
   } = e;
-  const a = s === "fixed", i = de(o), r = t ? Rt(t.floating) : !1;
+  const a = s === "fixed", i = ce(o), r = t ? Rt(t.floating) : !1;
   if (o === i || r && a)
     return n;
   let l = {
@@ -1480,10 +1480,10 @@ function Vo(e) {
   return Array.from(e.getClientRects());
 }
 function Vt(e) {
-  return _e(de(e)).left + je(e).scrollLeft;
+  return _e(ce(e)).left + je(e).scrollLeft;
 }
 function To(e) {
-  const t = de(e), n = je(e), o = e.ownerDocument.body, s = ge(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), a = ge(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = ce(e), n = je(e), o = e.ownerDocument.body, s = ge(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), a = ge(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let i = -n.scrollLeft + Vt(e);
   const r = -n.scrollTop;
   return ne(o).direction === "rtl" && (i += ge(t.clientWidth, o.clientWidth) - s), {
@@ -1494,7 +1494,7 @@ function To(e) {
   };
 }
 function No(e, t) {
-  const n = ee(e), o = de(e), s = n.visualViewport;
+  const n = ee(e), o = ce(e), s = n.visualViewport;
   let a = o.clientWidth, i = o.clientHeight, r = 0, l = 0;
   if (s) {
     a = s.width, i = s.height;
@@ -1522,8 +1522,8 @@ function mt(e, t, n) {
   if (t === "viewport")
     o = No(e, n);
   else if (t === "document")
-    o = To(de(e));
-  else if (ie(t))
+    o = To(ce(e));
+  else if (le(t))
     o = Mo(t, n);
   else {
     const s = Ot(e);
@@ -1537,16 +1537,16 @@ function mt(e, t, n) {
 }
 function Tt(e, t) {
   const n = Le(e);
-  return n === t || !ie(n) || We(n) ? !1 : ne(n).position === "fixed" || Tt(n, t);
+  return n === t || !le(n) || We(n) ? !1 : ne(n).position === "fixed" || Tt(n, t);
 }
 function Do(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = ze(e, [], !1).filter((r) => ie(r) && fe(r) !== "body"), s = null;
+  let o = ze(e, [], !1).filter((r) => le(r) && fe(r) !== "body"), s = null;
   const a = ne(e).position === "fixed";
   let i = a ? Le(e) : e;
-  for (; ie(i) && !We(i); ) {
+  for (; le(i) && !We(i); ) {
     const r = ne(i), l = rt(i);
     !l && r.position === "fixed" && (s = null), (a ? !l && !s : !l && r.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || Ve(i) && !l && Tt(e, i)) ? o = o.filter((v) => v !== i) : s = r, i = Le(i);
   }
@@ -1581,7 +1581,7 @@ function Ho(e) {
   };
 }
 function Fo(e, t, n) {
-  const o = se(t), s = de(t), a = n === "fixed", i = _e(e, !0, a, t);
+  const o = se(t), s = ce(t), a = n === "fixed", i = _e(e, !0, a, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1629,19 +1629,19 @@ function jo(e) {
 }
 const qo = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ro,
-  getDocumentElement: de,
+  getDocumentElement: ce,
   getClippingRect: Po,
   getOffsetParent: Nt,
   getElementRects: Wo,
   getClientRects: Vo,
   getDimensions: Ho,
   getScale: $e,
-  isElement: ie,
+  isElement: le,
   isRTL: jo
 };
 function Uo(e, t) {
   let n = null, o;
-  const s = de(e);
+  const s = ce(e);
   function a() {
     var r;
     clearTimeout(o), (r = n) == null || r.disconnect(), n = null;
@@ -1897,7 +1897,7 @@ const es = ["data-side"], Mt = /* @__PURE__ */ Pe({
               ref_key: "contentRef",
               ref: k,
               class: O(["abl-popper", `is-${e.effect}`, e.popperClass]),
-              style: R(A.value),
+              style: V(A.value),
               "data-side": b.value,
               onMousedown: y[0] || (y[0] = P(() => {
               }, ["stop"]))
@@ -1910,7 +1910,7 @@ const es = ["data-side"], Mt = /* @__PURE__ */ Pe({
                 ref_key: "arrowRef",
                 ref: s,
                 class: "abl-popper__arrow",
-                style: R(C.value)
+                style: V(C.value)
               }, null, 4)) : B("", !0)
             ], 46, es)) : B("", !0)
           ]),
@@ -2059,7 +2059,7 @@ const ts = ["innerHTML"], Dt = /* @__PURE__ */ Pe({
     }, 16, ["nowrap"]));
   }
 });
-const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], os = ["onClick", "onMouseenter"], ss = /* @__PURE__ */ qe(() => /* @__PURE__ */ c("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z" }, null, -1)), as = [
+const qe = (e) => (ie("data-v-bc247383"), e = e(), re(), e), ns = ["onClick"], os = ["onClick", "onMouseenter"], ss = /* @__PURE__ */ qe(() => /* @__PURE__ */ c("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z" }, null, -1)), as = [
   ss
 ], ls = /* @__PURE__ */ qe(() => /* @__PURE__ */ c("path", { d: "M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" }, null, -1)), is = [
   ls
@@ -2131,12 +2131,12 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
     };
     return (h, m) => (u(), p("div", {
       class: O(["abl-rate", { disabled: e.readonly }]),
-      style: R(`--color: ${e.color};`),
+      style: V(`--color: ${e.color};`),
       onMouseleave: v
     }, [
       (u(!0), p(H, null, G(e.count, (g) => (u(), p("div", {
         class: O(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && o.value >= g - 0.5 && o.value < g, "abl-rate-star-full": o.value >= g, "temp-gray": !e.allowHalf && s.value === g }]),
-        style: R(`margin-right: ${g !== e.count ? e.gap : 0}px;`),
+        style: V(`margin-right: ${g !== e.count ? e.gap : 0}px;`),
         onClick: (w) => e.allowHalf ? f(w) : i(g),
         key: g
       }, [
@@ -2150,7 +2150,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
           e.character === "star-filled" ? (u(), p("svg", {
             key: 0,
             class: "action-star",
-            style: R(`width: ${e.size}px;`),
+            style: V(`width: ${e.size}px;`),
             focusable: "false",
             "data-icon": "star",
             "aria-hidden": "true",
@@ -2158,7 +2158,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
           }, as, 4)) : e.character === "star-outlined" ? (u(), p("svg", {
             key: 1,
             class: "action-star",
-            style: R(`width: ${e.size}px;`),
+            style: V(`width: ${e.size}px;`),
             focusable: "false",
             "data-icon": "star",
             "aria-hidden": "true",
@@ -2166,7 +2166,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
           }, is, 4)) : (u(), p("span", {
             key: 2,
             class: "action-star",
-            style: R(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
+            style: V(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
             I(h.$slots, "character", {}, () => [
               j(N(e.character), 1)
@@ -2182,7 +2182,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
           e.character === "star-filled" ? (u(), p("svg", {
             key: 0,
             class: "action-star",
-            style: R(`width: ${e.size}px;`),
+            style: V(`width: ${e.size}px;`),
             focusable: "false",
             "data-icon": "star",
             "aria-hidden": "true",
@@ -2190,7 +2190,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
           }, ds, 4)) : e.character === "star-outlined" ? (u(), p("svg", {
             key: 1,
             class: "action-star",
-            style: R(`width: ${e.size}px;`),
+            style: V(`width: ${e.size}px;`),
             focusable: "false",
             "data-icon": "star",
             "aria-hidden": "true",
@@ -2198,7 +2198,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
           }, fs, 4)) : (u(), p("span", {
             key: 2,
             class: "action-star",
-            style: R(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
+            style: V(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
             I(h.$slots, "character", {}, () => [
               j(N(e.character), 1)
@@ -2223,7 +2223,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
     };
     return ke(
       "CollapseKey",
-      le({
+      de({
         ...Be(n),
         changeEvent: s
       })
@@ -2232,7 +2232,7 @@ const qe = (e) => (re("data-v-bc247383"), e = e(), ce(), e), ns = ["onClick"], o
     ]));
   }
 };
-const gs = (e) => (re("data-v-0789818d"), e = e(), ce(), e), ys = { class: "abl-title" }, bs = {
+const gs = (e) => (ie("data-v-0789818d"), e = e(), re(), e), ys = { class: "abl-title" }, bs = {
   key: 0,
   focusable: "false",
   class: "abl-arrow",
@@ -2365,16 +2365,16 @@ const Ss = { class: "abl-progress-text" }, Cs = {
     const t = e, n = T(() => typeof t.width == "number" ? t.width + "px" : t.width), o = T(() => typeof t.strokeColor == "string" ? t.strokeColor : `linear-gradient(to ${t.strokeColor.direction || "right"}, ${t.strokeColor["0%"] || t.strokeColor.from}, ${t.strokeColor["100%"] || t.strokeColor.to})`), s = T(() => t.format(`${t.percent > 100 ? 100 : t.percent}`));
     return (a, i) => (u(), p("div", {
       class: "abl-progress-line",
-      style: R(`width: ${n.value}; 
+      style: V(`width: ${n.value}; 
     height: ${e.strokeWidth < 24 ? 24 : e.strokeWidth}px;`)
     }, [
       c("div", {
         class: "abl-progress-inner",
-        style: R(`border-radius: ${e.borderRadius}`)
+        style: V(`border-radius: ${e.borderRadius}`)
       }, [
         c("div", {
           class: O(["abl-progress-bg", e.indeterminate && "abl-progress-bg-animate"]),
-          style: R(`background: ${o.value}; 
+          style: V(`background: ${o.value}; 
         width: ${e.percent >= 100 ? 100 : e.percent}%; height: ${e.strokeWidth}px;border-radius: ${e.borderRadius}`)
         }, null, 6)
       ], 4),
@@ -2394,7 +2394,7 @@ const Ss = { class: "abl-progress-text" }, Cs = {
     ], 4));
   }
 }, Ls = /* @__PURE__ */ q(Cs, [["__scopeId", "data-v-4aef1725"]]);
-const As = (e) => (re("data-v-c42571fb"), e = e(), ce(), e), Es = { class: "abl-cell" }, Is = {
+const As = (e) => (ie("data-v-c42571fb"), e = e(), re(), e), Es = { class: "abl-cell" }, Is = {
   key: 0,
   class: "abl-cell__title"
 }, zs = {
@@ -2625,7 +2625,7 @@ const Ns = /* @__PURE__ */ c("div", {
       }, document.onmouseup = (Ke) => {
         v.value > he + X - D && (v.value = he + X - D), v.value < he - M && (v.value = he - M), f.value > Ee + J - W && (f.value = Ee + J - W), f.value < Ee - L && (f.value = Ee - L), document.onmousemove = null;
       };
-    }, V = (E) => {
+    }, R = (E) => {
       const z = E.deltaY * o.zoomRate * 0.1;
       r.value === o.minScale && z > 0 || r.value === o.maxScale && z < 0 || (r.value - z < o.minScale ? r.value = o.minScale : r.value - z > o.maxScale ? r.value = o.maxScale : r.value = g(r.value, -z));
     }, F = () => {
@@ -2647,12 +2647,12 @@ const Ns = /* @__PURE__ */ c("div", {
         default: K(() => [
           c("div", {
             class: "abl-image-preview-wrap",
-            onWheel: z[2] || (z[2] = P((L) => V(L), ["prevent"]))
+            onWheel: z[2] || (z[2] = P((L) => R(L), ["prevent"]))
           }, [
             c("div", Ms, [
               c("div", {
                 class: "abl-image-preview",
-                style: R(`transform: translate3d(${v.value}px, ${f.value}px, 0px);`)
+                style: V(`transform: translate3d(${v.value}px, ${f.value}px, 0px);`)
               }, [
                 (u(!0), p(H, null, G(e.previewSrcList, (L, M) => U((u(), p("div", {
                   key: M,
@@ -2661,7 +2661,7 @@ const Ns = /* @__PURE__ */ c("div", {
                   c("img", {
                     src: L,
                     class: "abl-image-preview__img",
-                    style: R(`transform: scale3d(${r.value}, ${r.value}, 1) rotate(${h.value}deg);`),
+                    style: V(`transform: scale3d(${r.value}, ${r.value}, 1) rotate(${h.value}deg);`),
                     onLoad: (D) => w(M),
                     onMousedown: z[0] || (z[0] = P((D) => S(D), ["prevent"])),
                     onClick: z[1] || (z[1] = P(() => {
@@ -2793,7 +2793,7 @@ const la = { class: "abl-image-wrap" }, ia = ["src"], Ft = {
       return u(), p("div", la, [
         c("div", {
           class: "abl-image",
-          style: R(`width: ${e.width}`),
+          style: V(`width: ${e.width}`),
           onClick: r
         }, [
           n.lazy ? U((u(), p("img", ye({
@@ -3631,7 +3631,7 @@ const qt = {
     const t = e;
     return (n, o) => (u(), p("div", {
       class: O(["abl-skeleton-avatar", `abl-skeleton-avatar--${t.shape}`]),
-      style: R(`width: ${t.width}`)
+      style: V(`width: ${t.width}`)
     }, null, 6));
   }
 };
@@ -3647,7 +3647,7 @@ const ot = {
     const t = e;
     return (n, o) => (u(), p("div", {
       class: O(["abl-skeleton-paragraph"]),
-      style: R(`width: ${t.width}`)
+      style: V(`width: ${t.width}`)
     }, null, 4));
   }
 };
@@ -3733,7 +3733,7 @@ const Ia = /* @__PURE__ */ c("svg", {
     const t = e;
     return (n, o) => (u(), p("div", {
       class: O(["abl-skeleton-image", `abl-skeleton-image--${t.shape}`]),
-      style: R(`width: ${t.width}`)
+      style: V(`width: ${t.width}`)
     }, za, 6));
   }
 }, Oa = (e) => {
@@ -3747,7 +3747,7 @@ const Ia = /* @__PURE__ */ c("svg", {
     document.removeEventListener("click", n);
   }), t;
 };
-const Ra = (e) => (re("data-v-c782d8ae"), e = e(), ce(), e), Va = ["onClick"], Ta = {
+const Ra = (e) => (ie("data-v-23d304c9"), e = e(), re(), e), Va = ["onClick"], Ta = {
   focusable: "false",
   "data-icon": "caret-up",
   width: "1em",
@@ -3812,10 +3812,10 @@ const Ra = (e) => (re("data-v-c782d8ae"), e = e(), ce(), e), Va = ["onClick"], T
     const n = t, o = St(), s = typeof window < "u" && typeof document < "u", a = e, i = $([]);
     i.value = (_ = o.default()) == null ? void 0 : _.map(({ props: y }) => {
       if (y) {
-        const { title: S, disabled: V } = y;
+        const { title: S, disabled: R } = y;
         return {
           title: S,
-          disabled: V
+          disabled: R
         };
       }
     });
@@ -3841,22 +3841,22 @@ const Ra = (e) => (re("data-v-c782d8ae"), e = e(), ce(), e), Va = ["onClick"], T
         h.value = !0, w(S);
       }
     }, w = async (y) => {
-      v.value <= 0 && await x(), d.value = !0, f.value = y, Array.from(l.value.children).map((S, V) => {
-        V === y ? l.value.children[V].style.display = "block" : l.value.children[V].style.display = "none";
+      v.value <= 0 && await x(), d.value = !0, f.value = y, Array.from(l.value.children).map((S, R) => {
+        R === y ? l.value.children[R].style.display = "block" : l.value.children[R].style.display = "none";
       }), n("open", f.value);
     }, k = () => {
       d.value = !1, f.value = 99999, setTimeout(() => {
         h.value = !1;
       }, 300);
     }, x = () => {
-      var V;
+      var R;
       if (!s)
         return;
-      const { top: y, bottom: S } = (V = r == null ? void 0 : r.value) == null ? void 0 : V.getBoundingClientRect();
+      const { top: y, bottom: S } = (R = r == null ? void 0 : r.value) == null ? void 0 : R.getBoundingClientRect();
       S > 0 && (v.value = S - 1);
     }, b = () => {
       a.closeOnClickMask && k();
-    }, A = le({
+    }, A = de({
       ...Be(a),
       onClose: k,
       current: f
@@ -3870,39 +3870,40 @@ const Ra = (e) => (re("data-v-c782d8ae"), e = e(), ce(), e), Va = ["onClick"], T
       ref_key: "root",
       ref: C
     }, [
-      i.value.length > 0 ? (u(), p("div", {
-        key: 0,
+      c("div", {
         class: "abl-dropdown-menu",
-        style: R({
+        style: V({
           height: m(e.height)
         }),
         ref_key: "dropdownMenuRef",
         ref: r
       }, [
-        (u(!0), p(H, null, G(i.value, (V, F) => (u(), p("div", {
+        (u(!0), p(H, null, G(i.value, (R, F) => (u(), p("div", {
           class: "abl-dropdown-menu__item",
           key: F,
-          onClick: P((E) => g(V, F), ["stop"])
+          onClick: P((E) => g(R, F), ["stop"])
         }, [
-          c("span", {
-            class: "abl-dropdown-menu__item__title",
-            style: R({
-              color: V.disabled ? "#c0c4cc" : F === f.value ? e.activeColor : e.inactiveColor,
-              fontSize: m(e.titleSize)
-            })
-          }, N(V.title), 5),
-          c("div", {
-            class: O(["abl-dropdown-menu__item__arrow", {
-              "abl-dropdown-menu__item__arrow--rotate": F === f.value
-            }])
-          }, [
-            (u(), p("svg", Ta, Ma))
-          ], 2)
+          R ? (u(), p(H, { key: 0 }, [
+            c("span", {
+              class: "abl-dropdown-menu__item__title",
+              style: V({
+                color: R.disabled ? "#c0c4cc" : F === f.value ? e.activeColor : e.inactiveColor,
+                fontSize: m(e.titleSize)
+              })
+            }, N(R.title), 5),
+            c("div", {
+              class: O(["abl-dropdown-menu__item__arrow", {
+                "abl-dropdown-menu__item__arrow--rotate": F === f.value
+              }])
+            }, [
+              (u(), p("svg", Ta, Ma))
+            ], 2)
+          ], 64)) : B("", !0)
         ], 8, Va))), 128))
-      ], 4)) : B("", !0),
+      ], 4),
       U(c("div", {
         class: "abl-dropdown-item__content--wrapper",
-        style: R([
+        style: V([
           {
             top: m(v.value)
             // transition: `opacity ${duration / 1000}s linear`,
@@ -3941,8 +3942,8 @@ const Ra = (e) => (re("data-v-c782d8ae"), e = e(), ce(), e), Va = ["onClick"], T
       ])
     ], 512));
   }
-}, Fa = /* @__PURE__ */ q(Ha, [["__scopeId", "data-v-c782d8ae"]]);
-const Wa = (e) => (re("data-v-065d5532"), e = e(), ce(), e), ja = ["active"], qa = { class: "abl-dropdown-item__options" }, Ua = {
+}, Fa = /* @__PURE__ */ q(Ha, [["__scopeId", "data-v-23d304c9"]]);
+const Wa = (e) => (ie("data-v-046e593c"), e = e(), re(), e), ja = ["active"], qa = { class: "abl-dropdown-item__options" }, Ua = {
   class: "icon",
   style: { width: "1em", height: "1em", "vertical-align": "middle", fill: "currentColor", overflow: "hidden" },
   viewBox: "0 0 1024 1024",
@@ -3990,12 +3991,7 @@ const Wa = (e) => (re("data-v-065d5532"), e = e(), ce(), e), ja = ["active"], qa
   setup(e, { emit: t }) {
     const n = Se(Ya), o = $(!1);
     n != null && n.activeColor || $("#2979ff"), n != null && n.inactiveColor || $("#606266");
-    const s = e, a = t;
-    le({
-      title: s.title,
-      disabled: s.disabled
-    });
-    const i = (r) => {
+    const s = e, a = t, i = (r) => {
       n == null || n.onClose(), a("update:modelValue", r), a("change", r);
     };
     return (r, l) => (u(), p("div", {
@@ -4025,7 +4021,7 @@ const Wa = (e) => (re("data-v-065d5532"), e = e(), ce(), e), ja = ["active"], qa
       ], !0)
     ], 40, ja));
   }
-}, Ja = /* @__PURE__ */ q(Xa, [["__scopeId", "data-v-065d5532"]]);
+}, Ja = /* @__PURE__ */ q(Xa, [["__scopeId", "data-v-046e593c"]]);
 const Za = {}, Qa = { class: "abl-action-bar" };
 function el(e, t) {
   return u(), p("div", Qa, [
@@ -4179,7 +4175,7 @@ const nl = {
     ], 2));
   }
 }), il = /* @__PURE__ */ q(ll, [["__scopeId", "data-v-e74e17d2"]]);
-const Ue = (e) => (re("data-v-bf3795be"), e = e(), ce(), e), rl = { class: "abl-spin" }, cl = { class: "abl-spin-box" }, dl = {
+const Ue = (e) => (ie("data-v-bf3795be"), e = e(), re(), e), rl = { class: "abl-spin" }, cl = { class: "abl-spin-box" }, dl = {
   key: 0,
   class: "abl-spin-logo"
 }, ul = ["src"], fl = {
@@ -4221,7 +4217,7 @@ const Ue = (e) => (re("data-v-bf3795be"), e = e(), ce(), e), rl = { class: "abl-
   setup(e) {
     return (t, n) => (u(), p("div", {
       class: O(`abl-spin-wrap ${e.size}`),
-      style: R(`--color: ${e.color};`)
+      style: V(`--color: ${e.color};`)
     }, [
       U(c("div", rl, [
         c("div", cl, [
@@ -4243,7 +4239,7 @@ const Ue = (e) => (re("data-v-bf3795be"), e = e(), ce(), e), rl = { class: "abl-
     ], 6));
   }
 }, Ut = /* @__PURE__ */ q(yl, [["__scopeId", "data-v-bf3795be"]]);
-const ut = (e) => (re("data-v-f9427f11"), e = e(), ce(), e), bl = { class: "abl-upload-list" }, _l = { class: "abl-upload" }, wl = ["onDrop", "onClick"], xl = ["accept", "multiple", "onChange"], $l = /* @__PURE__ */ ut(() => /* @__PURE__ */ c("span", { class: "abl-icon" }, "+", -1)), kl = { class: "abl-tip" }, Sl = { class: "abl-file-uploading" }, Cl = {
+const ut = (e) => (ie("data-v-f9427f11"), e = e(), re(), e), bl = { class: "abl-upload-list" }, _l = { class: "abl-upload" }, wl = ["onDrop", "onClick"], xl = ["accept", "multiple", "onChange"], $l = /* @__PURE__ */ ut(() => /* @__PURE__ */ c("span", { class: "abl-icon" }, "+", -1)), kl = { class: "abl-tip" }, Sl = { class: "abl-file-uploading" }, Cl = {
   key: 0,
   class: "abl-file-preview"
 }, Ll = { class: "abl-file-mask" }, Al = ["onClick"], El = /* @__PURE__ */ ut(() => /* @__PURE__ */ c("svg", {
@@ -4329,8 +4325,8 @@ const ut = (e) => (re("data-v-f9427f11"), e = e(), ce(), e), bl = { class: "abl-
       var S;
       const y = (S = C.dataTransfer) == null ? void 0 : S.files;
       if (y != null && y.length) {
-        const V = y.length;
-        for (let F = 0; F < V && _ + F <= n.maxCount; F++)
+        const R = y.length;
+        for (let F = 0; F < R && _ + F <= n.maxCount; F++)
           g(y[F], _ + F);
         i.value[_].value = "";
       }
@@ -4340,8 +4336,8 @@ const ut = (e) => (re("data-v-f9427f11"), e = e(), ce(), e), bl = { class: "abl-
       const y = C.target.files;
       if (y != null && y.length) {
         const S = y.length;
-        for (let V = 0; V < S && _ + V < n.maxCount; V++)
-          g(y[V], _ + V);
+        for (let R = 0; R < S && _ + R < n.maxCount; R++)
+          g(y[R], _ + R);
         i.value[_].value = "";
       }
     }, m = t, g = function(C, _) {
@@ -4359,10 +4355,10 @@ const ut = (e) => (re("data-v-f9427f11"), e = e(), ce(), e), bl = { class: "abl-
       }, y.onprogress = function(S) {
         S.loaded === S.total && (a.value[_] = !1);
       }, y.onload = function(S) {
-        var V;
+        var R;
         o.value.push({
           name: C.name,
-          url: (V = S.target) == null ? void 0 : V.result
+          url: (R = S.target) == null ? void 0 : R.result
         }), m("update:fileList", o.value), m("change", o.value);
       }, y.onloadend = function(S) {
         console.log("读取结束 onloadend:", S);
@@ -4468,7 +4464,7 @@ const ut = (e) => (re("data-v-f9427f11"), e = e(), ce(), e), bl = { class: "abl-
     ]));
   }
 }, Vl = /* @__PURE__ */ q(Rl, [["__scopeId", "data-v-f9427f11"]]);
-const Tl = (e) => (re("data-v-0824ca71"), e = e(), ce(), e), Nl = { class: "abl-select-warpper-content" }, Ml = { class: "abl-select-input" }, Dl = { class: "abl-select-has-content" }, Pl = {
+const Tl = (e) => (ie("data-v-0824ca71"), e = e(), re(), e), Nl = { class: "abl-select-warpper-content" }, Ml = { class: "abl-select-input" }, Dl = { class: "abl-select-has-content" }, Pl = {
   key: 0,
   class: "abl-select-tag-warpper"
 }, Hl = ["onClick"], Fl = { key: 1 }, Wl = /* @__PURE__ */ Tl(() => /* @__PURE__ */ c("span", { class: "abl-select-icon" }, [
@@ -4519,7 +4515,7 @@ const Tl = (e) => (re("data-v-0824ca71"), e = e(), ce(), e), Nl = { class: "abl-
   emits: ["update:modelValue", "changeSelect"],
   setup(e, { emit: t }) {
     var F;
-    const n = e, o = t, s = le({
+    const n = e, o = t, s = de({
       effect: "light",
       pure: !0,
       trigger: "click",
@@ -4527,11 +4523,11 @@ const Tl = (e) => (re("data-v-0824ca71"), e = e(), ce(), e), Nl = { class: "abl-
     }), a = $(""), i = $(), r = $(null), l = $(""), d = $(), v = T(() => {
       var z;
       return { width: (((z = i.value) == null ? void 0 : z.getBoundingClientRect().width) - 20 || 0) + "px" };
-    }), f = $({}), h = le({
+    }), f = $({}), h = de({
       list: n == null ? void 0 : n.options
     }), m = $(!1), g = $(
       n.search && l.value === "focus" && m.value
-    ), w = $(n.disabled), k = $(n.mode === "tag"), x = $(""), b = le(
+    ), w = $(n.disabled), k = $(n.mode === "tag"), x = $(""), b = de(
       (F = n == null ? void 0 : n.options) == null ? void 0 : F.filter((E) => E.selected === !0)
     ), A = (E) => {
       if (!g.value)
@@ -4574,7 +4570,7 @@ const Tl = (e) => (re("data-v-0824ca71"), e = e(), ce(), e), Nl = { class: "abl-
       (L = r.value) == null || L.focus();
       const z = b.findIndex((M) => M.value === E.value);
       b.splice(z, 1), o("changeSelect", Ge(b));
-    }, V = () => {
+    }, R = () => {
       l.value = "blur";
     };
     return me(
@@ -4607,7 +4603,7 @@ const Tl = (e) => (re("data-v-0824ca71"), e = e(), ce(), e), Nl = { class: "abl-
         content: K(() => [
           c("div", {
             class: "abl-select-options-warpper",
-            style: R(v.value)
+            style: V(v.value)
           }, [
             h.list.length > 0 ? (u(!0), p(H, { key: 0 }, G(h.list, (L) => (u(), p("div", {
               class: O(["abl-select-options-item", b.some((M) => M.value === L.value) ? "abl-options-item-active" : ""]),
@@ -4642,7 +4638,7 @@ const Tl = (e) => (re("data-v-0824ca71"), e = e(), ce(), e), Nl = { class: "abl-
                   [Y, b.length && !g.value]
                 ]),
                 U(c("input", {
-                  onBlur: z[0] || (z[0] = (L) => V()),
+                  onBlur: z[0] || (z[0] = (L) => R()),
                   type: "text",
                   class: O(["abl-select-input-focus", g.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",