abl-ui 0.2.64 → 0.2.66

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as u, createElementBlock as p, normalizeStyle as O, renderSlot as R, createElementVNode as c, normalizeClass as B, createTextVNode as Y, toDisplayString as T, createCommentVNode as E, createStaticVNode as Vt, Fragment as j, renderList as ee, createVNode as oe, useSlots as Ye, ref as _, provide as Me, onMounted as xe, watch as fe, withDirectives as F, vShow as G, defineComponent as Ke, toRefs as De, computed as N, unref as ne, pushScopeId as pe, popScopeId as ve, inject as Pe, reactive as ke, createBlock as le, Transition as ce, withCtx as te, render as st, getCurrentInstance as an, onBeforeUnmount as ut, onUpdated as sn, Teleport as Ge, withModifiers as H, watchEffect as Je, resolveDynamicComponent as ln, mergeProps as Ee, useAttrs as rn, normalizeProps as cn, guardReactiveProps as dn, onUnmounted as Rt, resolveDirective as un, nextTick as me, h as fn, createSlots as hn, vModelDynamic as pn, withKeys as It, vModelText as Ot, toRaw as ot } from "vue";
+import { openBlock as u, createElementBlock as p, normalizeStyle as O, renderSlot as V, createElementVNode as c, normalizeClass as B, createTextVNode as Y, toDisplayString as T, createCommentVNode as E, createStaticVNode as Vt, Fragment as j, renderList as ee, createVNode as oe, useSlots as Ye, ref as _, provide as Me, onMounted as xe, watch as fe, withDirectives as F, vShow as K, defineComponent as Ke, toRefs as De, computed as N, unref as ne, pushScopeId as pe, popScopeId as ve, inject as Pe, reactive as ke, createBlock as le, Transition as ce, withCtx as te, render as st, getCurrentInstance as an, onBeforeUnmount as ut, onUpdated as sn, Teleport as Ge, withModifiers as H, watchEffect as Je, resolveDynamicComponent as ln, mergeProps as Ee, useAttrs as rn, normalizeProps as cn, guardReactiveProps as dn, onUnmounted as Rt, resolveDirective as un, nextTick as me, h as fn, createSlots as hn, vModelDynamic as pn, withKeys as It, vModelText as Ot, toRaw as ot } from "vue";
 const J = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, a] of t)
@@ -39,7 +39,7 @@ const J = (e, t) => {
         style: O(e.imageStyle),
         viewBox: "0 0 64 41",
         xmlns: "http://www.w3.org/2000/svg"
-      }, yn, 4)) : R(t.$slots, "default", { key: 2 }, () => [
+      }, yn, 4)) : V(t.$slots, "default", { key: 2 }, () => [
         c("img", {
           class: "abl-u-empty",
           src: e.image,
@@ -51,7 +51,7 @@ const J = (e, t) => {
         key: 3,
         class: B(["u-description", { gray: e.image === "2" }])
       }, [
-        R(t.$slots, "description", {}, () => [
+        V(t.$slots, "description", {}, () => [
           Y(T(e.description), 1)
         ], !0)
       ], 2)) : E("", !0)
@@ -222,7 +222,7 @@ const En = { class: "abl-tabs" }, Vn = {
             class: B([f.value ? "" : "left-disable", "iconfont-abl icon-abl-youjiantou1"]),
             onClick: w
           }, null, 2), [
-            [G, b.value]
+            [K, b.value]
           ]),
           c("header", Rn, [
             (u(!0), p(j, null, ee(i.value, ($) => (u(), p("div", {
@@ -249,7 +249,7 @@ const En = { class: "abl-tabs" }, Vn = {
             class: B([h.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou"]),
             onClick: m
           }, null, 2), [
-            [G, b.value]
+            [K, b.value]
           ])
         ]),
         c("main", {
@@ -257,7 +257,7 @@ const En = { class: "abl-tabs" }, Vn = {
           ref: l,
           class: "tab-content"
         }, [
-          R(k.$slots, "default", {}, void 0, !0)
+          V(k.$slots, "default", {}, void 0, !0)
         ], 512)
       ]);
     };
@@ -351,7 +351,7 @@ const Fn = {
       c("span", {
         class: B(["abl-radio-label", b.value])
       }, [
-        R(f.$slots, "default", {}, () => [
+        V(f.$slots, "default", {}, () => [
           Y(T(e.label), 1)
         ])
       ], 2)
@@ -389,7 +389,7 @@ const Fn = {
         changeEvent: a
       })
     ), (s, r) => (u(), p("div", qn, [
-      R(s.$slots, "default")
+      V(s.$slots, "default")
     ], 512));
   }
 }), Yn = ["data-title", "value", "icon"], Kn = {
@@ -419,9 +419,9 @@ const Fn = {
       value: e.value,
       icon: e.icon
     }, [
-      R(a.$slots, "default")
+      V(a.$slots, "default")
     ], 8, Yn)), [
-      [G, ne(n) === e.value]
+      [K, ne(n) === e.value]
     ]);
   }
 };
@@ -653,7 +653,7 @@ const eo = (e) => (pe("data-v-b15fc34f"), e = e(), ve(), e), to = { class: "abl-
                   c("div", to, [
                     c("div", no, [
                       e.showHeader ? (u(), p("div", oo, [
-                        R(h.$slots, "header", {}, () => [
+                        V(h.$slots, "header", {}, () => [
                           c("div", ao, [
                             c("span", so, T(e.title), 1)
                           ]),
@@ -665,14 +665,14 @@ const eo = (e) => (pe("data-v-b15fc34f"), e = e(), ve(), e), to = { class: "abl-
                         ], !0)
                       ])) : E("", !0),
                       c("div", ro, [
-                        R(h.$slots, "default", {}, void 0, !0)
+                        V(h.$slots, "default", {}, void 0, !0)
                       ]),
                       h.$slots.footer ? (u(), p("div", {
                         key: 1,
                         class: "abl-drawer-footer",
                         style: O(e.footerStyle)
                       }, [
-                        R(h.$slots, "footer", {}, void 0, !0)
+                        V(h.$slots, "footer", {}, void 0, !0)
                       ], 4)) : E("", !0)
                     ])
                   ])
@@ -746,16 +746,16 @@ const fo = {
         e.loading ? (u(), p("i", fo)) : E("", !0),
         c("span", null, T(e.loadingText), 1)
       ], 64)) : (u(), p(j, { key: 1 }, [
-        e.iconPosition === "left" ? R(o.$slots, "icon", { key: 0 }, () => [
+        e.iconPosition === "left" ? V(o.$slots, "icon", { key: 0 }, () => [
           e.icon ? (u(), p("i", {
             key: 0,
             class: B(["iconfont-abl slot-icon-left", e.icon])
           }, null, 2)) : E("", !0)
         ]) : E("", !0),
         c("span", ho, [
-          R(o.$slots, "default")
+          V(o.$slots, "default")
         ]),
-        e.iconPosition === "right" ? R(o.$slots, "icon", { key: 1 }, () => [
+        e.iconPosition === "right" ? V(o.$slots, "icon", { key: 1 }, () => [
           e.icon ? (u(), p("i", {
             key: 0,
             class: B(["iconfont-abl slot-icon-right", e.icon])
@@ -824,7 +824,7 @@ const mo = {
       c("span", {
         class: B(["abl-checkbox-label", d.value])
       }, [
-        R(f.$slots, "default", {}, () => [
+        V(f.$slots, "default", {}, () => [
           Y(T(e.label), 1)
         ], !0)
       ], 2)
@@ -855,7 +855,7 @@ const mo = {
         changeEvent: a
       })
     ), (s, r) => (u(), p("label", wo, [
-      R(s.$slots, "default")
+      V(s.$slots, "default")
     ]));
   }
 }), ko = { class: "abl-dialog__header" }, So = { class: "abl-dialog__title" }, Co = { class: "abl-dialog__body" }, Lo = {
@@ -929,7 +929,7 @@ const mo = {
               onTouchmove: d[1] || (d[1] = H(() => {
               }, ["prevent"]))
             }, [
-              R(l.$slots, "header", {}, () => [
+              V(l.$slots, "header", {}, () => [
                 c("header", ko, [
                   c("span", So, T(e.title), 1),
                   e.showClose ? (u(), p("i", {
@@ -940,10 +940,10 @@ const mo = {
                 ])
               ]),
               c("div", Co, [
-                R(l.$slots, "default")
+                V(l.$slots, "default")
               ]),
               l.$slots.footer ? (u(), p("div", Lo, [
-                R(l.$slots, "footer")
+                V(l.$slots, "footer")
               ])) : E("", !0)
             ], 38)
           ], 2)) : E("", !0)
@@ -1226,7 +1226,7 @@ const Mo = (e) => ({
     }, g = pt(a), m = ht(g), w = await r.getDimensions(d), x = g === "y", v = x ? "top" : "left", k = x ? "bottom" : "right", A = x ? "clientHeight" : "clientWidth", C = s.reference[m] + s.reference[g] - h[g] - s.floating[m], $ = h[g] - s.reference[g], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d));
     let L = y ? y[A] : 0;
     (!L || !await (r.isElement == null ? void 0 : r.isElement(y))) && (L = i.floating[A] || s.floating[m]);
-    const M = C / 2 - $ / 2, q = L / 2 - w[m] / 2 - 1, z = Ve(f[v], q), V = Ve(f[k], q), I = z, W = L - w[m] - V, U = L / 2 - w[m] / 2 + M, X = lt(I, U, W), Z = !l.arrow && We(a) != null && U !== X && s.reference[m] / 2 - (U < I ? z : V) - w[m] / 2 < 0, Q = Z ? U < I ? U - I : U - W : 0;
+    const M = C / 2 - $ / 2, q = L / 2 - w[m] / 2 - 1, z = Ve(f[v], q), R = Ve(f[k], q), I = z, W = L - w[m] - R, U = L / 2 - w[m] / 2 + M, X = lt(I, U, W), Z = !l.arrow && We(a) != null && U !== X && s.reference[m] / 2 - (U < I ? z : R) - w[m] / 2 < 0, Q = Z ? U < I ? U - I : U - W : 0;
     return {
       [g]: h[g] + Q,
       data: {
@@ -1291,8 +1291,8 @@ const Mo = (e) => ({
         if (!U)
           switch (g) {
             case "bestFit": {
-              var V;
-              const X = (V = M.map((Z) => [Z.placement, Z.overflows.filter((Q) => Q > 0).reduce((Q, ie) => Q + ie, 0)]).sort((Z, Q) => Z[1] - Q[1])[0]) == null ? void 0 : V[0];
+              var R;
+              const X = (R = M.map((Z) => [Z.placement, Z.overflows.filter((Q) => Q > 0).reduce((Q, ie) => Q + ie, 0)]).sort((Z, Q) => Z[1] - Q[1])[0]) == null ? void 0 : R[0];
               X && (U = X);
               break;
             }
@@ -1940,6 +1940,10 @@ const ha = ["data-side"], Yt = {
     hover: {
       type: Boolean,
       default: !1
+    },
+    isSelect: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e, { expose: t }) {
@@ -1996,13 +2000,13 @@ const ha = ["data-side"], Yt = {
               key: 0,
               ref_key: "contentRef",
               ref: v,
-              class: B(["abl-popper", `is-${e.effect}`, e.popperClass]),
+              class: B(["abl-popper", `is-${e.effect}`, e.popperClass, { "isSelect-popper": n.isSelect }]),
               style: O(C.value),
               "data-side": A.value,
               onMousedown: L[0] || (L[0] = H(() => {
               }, ["stop"]))
             }, [
-              R(y.$slots, "content", {}, () => [
+              V(y.$slots, "content", {}, () => [
                 Y(T(e.content), 1)
               ]),
               e.showArrow ? (u(), p("span", {
@@ -2039,6 +2043,9 @@ const ha = ["data-side"], Yt = {
     transitionName: {
       type: String,
       default: "abl-popper-fade"
+    },
+    isSelect: {
+      type: Boolean
     }
   },
   setup(e, { expose: t }) {
@@ -2132,9 +2139,9 @@ const ha = ["data-side"], Yt = {
     }), (g, m) => (u(), le(Yt, Ee({
       ref_key: "popperRef",
       ref: i
-    }, d.value), {
+    }, d.value, { isSelect: e.isSelect }), {
       content: te(() => [
-        R(g.$slots, "content", {}, () => [
+        V(g.$slots, "content", {}, () => [
           e.rawContent ? (u(), p("span", {
             key: 0,
             innerHTML: e.content
@@ -2144,10 +2151,10 @@ const ha = ["data-side"], Yt = {
         ])
       ]),
       default: te(() => [
-        R(g.$slots, "default")
+        V(g.$slots, "default")
       ]),
       _: 3
-    }, 16));
+    }, 16, ["isSelect"]));
   }
 });
 const tt = (e) => (pe("data-v-bc247383"), e = e(), ve(), e), va = ["onClick"], ma = ["onClick", "onMouseenter"], ga = /* @__PURE__ */ tt(() => /* @__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)), ba = [
@@ -2259,7 +2266,7 @@ const tt = (e) => (pe("data-v-bc247383"), e = e(), ve(), e), va = ["onClick"], m
             class: "action-star",
             style: O(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            R(h.$slots, "character", {}, () => [
+            V(h.$slots, "character", {}, () => [
               Y(T(e.character), 1)
             ], !0)
           ], 4))
@@ -2291,7 +2298,7 @@ const tt = (e) => (pe("data-v-bc247383"), e = e(), ve(), e), va = ["onClick"], m
             class: "action-star",
             style: O(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            R(h.$slots, "character", {}, () => [
+            V(h.$slots, "character", {}, () => [
               Y(T(e.character), 1)
             ], !0)
           ], 4))
@@ -2319,7 +2326,7 @@ const tt = (e) => (pe("data-v-bc247383"), e = e(), ve(), e), va = ["onClick"], m
         changeEvent: a
       })
     ), (s, r) => (u(), p("div", Aa, [
-      R(s.$slots, "default")
+      V(s.$slots, "default")
     ]));
   }
 };
@@ -2393,7 +2400,7 @@ const za = (e) => (pe("data-v-0789818d"), e = e(), ve(), e), Ea = { class: "abl-
         onClick: H(s, ["stop"])
       }, [
         c("div", Ea, [
-          R(l.$slots, "title", {}, () => [
+          V(l.$slots, "title", {}, () => [
             Y(T(e.title), 1)
           ], !0)
         ]),
@@ -2406,9 +2413,9 @@ const za = (e) => (pe("data-v-0789818d"), e = e(), ve(), e), Ea = { class: "abl-
             ref: n,
             class: "abl-collapse-content"
           }, [
-            R(l.$slots, "default", {}, void 0, !0)
+            V(l.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [G, r.value]
+            [K, r.value]
           ])
         ]),
         _: 3
@@ -2474,7 +2481,7 @@ const Na = { class: "abl-progress-text" }, Ma = {
       }, {
         default: te(() => [
           c("span", Na, [
-            R(s.$slots, "format", { percent: e.percent }, () => [
+            V(s.$slots, "format", { percent: e.percent }, () => [
               Y(T(a.value), 1)
             ], !0)
           ])
@@ -2526,27 +2533,27 @@ const Pa = (e) => (pe("data-v-c42571fb"), e = e(), ve(), e), Ha = { class: "abl-
   setup(e) {
     return (t, n) => (u(), p("div", Ha, [
       t.$slots.title || e.title ? (u(), p("div", Wa, [
-        R(t.$slots, "title", {}, () => [
+        V(t.$slots, "title", {}, () => [
           Y(T(e.title), 1)
         ], !0),
         t.$slots.label || e.label ? (u(), p("div", Fa, [
-          R(t.$slots, "label", {}, () => [
+          V(t.$slots, "label", {}, () => [
             Y(T(e.label), 1)
           ], !0)
         ])) : E("", !0)
       ])) : E("", !0),
       t.$slots.value || e.value ? (u(), p("div", ja, [
-        R(t.$slots, "value", {}, () => [
+        V(t.$slots, "value", {}, () => [
           Y(T(e.value), 1)
         ], !0)
       ])) : E("", !0),
       t.$slots.extra || e.extra ? (u(), p("div", qa, [
-        R(t.$slots, "extra", {}, () => [
+        V(t.$slots, "extra", {}, () => [
           Y(T(e.extra), 1)
         ], !0)
       ])) : E("", !0),
       e.isLink ? (u(), p("div", Ua, [
-        R(t.$slots, "arrow", {}, () => [
+        V(t.$slots, "arrow", {}, () => [
           Xa
         ], !0)
       ])) : E("", !0)
@@ -2675,7 +2682,7 @@ const Ka = /* @__PURE__ */ c("div", {
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const n = typeof window < "u" && typeof document < "u", o = e, a = N(() => o.previewSrcList.length), s = _(Array(a.value).fill(!1)), r = _(o.initialIndex), i = _(1), l = _(0), d = _(0), b = _(0), f = _(0), h = _(0), g = t, m = (z, V) => {
+    const n = typeof window < "u" && typeof document < "u", o = e, a = N(() => o.previewSrcList.length), s = _(Array(a.value).fill(!1)), r = _(o.initialIndex), i = _(1), l = _(0), d = _(0), b = _(0), f = _(0), h = _(0), g = t, m = (z, R) => {
       let I, W;
       try {
         I = z.toString().split(".")[1].length;
@@ -2683,12 +2690,12 @@ const Ka = /* @__PURE__ */ c("div", {
         I = 0;
       }
       try {
-        W = V.toString().split(".")[1].length;
+        W = R.toString().split(".")[1].length;
       } catch {
         W = 0;
       }
       const U = Math.max(I, W), X = Math.pow(10, U);
-      return z = Math.round(z * X), V = Math.round(V * X), (z + V) / X;
+      return z = Math.round(z * X), R = Math.round(R * X), (z + R) / X;
     }, w = (z) => {
       s.value[z] = !0;
     }, x = (z) => {
@@ -2707,7 +2714,7 @@ const Ka = /* @__PURE__ */ c("div", {
       h.value = 0, i.value = 1, b.value = 0, f.value = 0;
     }, L = (z) => {
       console.log("e====", z);
-      const V = z.target, { top: I, left: W, right: U, bottom: X } = V.getBoundingClientRect(), Z = document.documentElement.clientWidth, Q = document.documentElement.clientHeight;
+      const R = z.target, { top: I, left: W, right: U, bottom: X } = R.getBoundingClientRect(), Z = document.documentElement.clientWidth, Q = document.documentElement.clientHeight;
       l.value = z.clientX, d.value = z.clientY;
       const ie = b.value, S = f.value;
       document.onmousemove = (P) => {
@@ -2716,8 +2723,8 @@ const Ka = /* @__PURE__ */ c("div", {
         b.value > ie + Z - U && (b.value = ie + Z - U), b.value < ie - W && (b.value = ie - W), f.value > S + Q - X && (f.value = S + Q - X), f.value < S - I && (f.value = S - I), document.onmousemove = null;
       };
     }, M = (z) => {
-      const V = z.deltaY * o.zoomRate * 0.1;
-      i.value === o.minScale && V > 0 || i.value === o.maxScale && V < 0 || (i.value - V < o.minScale ? i.value = o.minScale : i.value - V > o.maxScale ? i.value = o.maxScale : i.value = m(i.value, -V));
+      const R = z.deltaY * o.zoomRate * 0.1;
+      i.value === o.minScale && R > 0 || i.value === o.maxScale && R < 0 || (i.value - R < o.minScale ? i.value = o.minScale : i.value - R > o.maxScale ? i.value = o.maxScale : i.value = m(i.value, -R));
     }, q = () => {
       g("close");
     };
@@ -2725,7 +2732,7 @@ const Ka = /* @__PURE__ */ c("div", {
       n && (o.modelValue ? (document.body.style.overflow = "hidden", document.body.style.touchAction = "none") : (document.body.style.overflow = "", document.body.style.touchAction = ""));
     }), Rt(() => {
       document.body.style.overflow = "", document.body.style.touchAction = "";
-    }), (z, V) => o.modelValue ? (u(), le(Ge, {
+    }), (z, R) => o.modelValue ? (u(), le(Ge, {
       key: 0,
       to: "body"
     }, [
@@ -2742,7 +2749,7 @@ const Ka = /* @__PURE__ */ c("div", {
         default: te(() => [
           c("div", {
             class: "abl-image-preview-wrap",
-            onWheel: V[2] || (V[2] = H((I) => M(I), ["prevent"]))
+            onWheel: R[2] || (R[2] = H((I) => M(I), ["prevent"]))
           }, [
             c("div", Ga, [
               c("div", {
@@ -2758,16 +2765,16 @@ const Ka = /* @__PURE__ */ c("div", {
                     class: "abl-image-preview__img",
                     style: O(`transform: scale3d(${i.value}, ${i.value}, 1) rotate(${h.value}deg);`),
                     onLoad: (U) => w(W),
-                    onMousedown: V[0] || (V[0] = H((U) => L(U), ["prevent"])),
-                    onClick: V[1] || (V[1] = H(() => {
+                    onMousedown: R[0] || (R[0] = H((U) => L(U), ["prevent"])),
+                    onClick: R[1] || (R[1] = H(() => {
                     }, ["stop"]))
                   }, null, 44, Ja),
-                  R(z.$slots, "default"),
+                  V(z.$slots, "default"),
                   e.showProgress ? (u(), p("div", Za, [
                     c("div", Qa, T(`${r.value + 1}/${a.value}`), 1)
                   ])) : E("", !0)
                 ])), [
-                  [G, r.value === W]
+                  [K, r.value === W]
                 ])), 128))
               ], 4),
               a.value > 1 ? (u(), p(j, { key: 0 }, [
@@ -3783,7 +3790,7 @@ const Ns = {
       return u(), p("div", {
         class: B(["abl-skeleton", e.animate && "abl-skeleton-animate"])
       }, [
-        a.$slots.template ? R(a.$slots, "template", { key: 0 }, void 0, !0) : (u(), p(j, { key: 1 }, [
+        a.$slots.template ? V(a.$slots, "template", { key: 0 }, void 0, !0) : (u(), p(j, { key: 1 }, [
           t.avatar ? (u(), p("div", Ns, [
             oe(tn)
           ])) : E("", !0),
@@ -4009,7 +4016,7 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
         oe(ce, { name: "fade-mask" }, {
           default: te(() => [
             F(c("div", Js, null, 512), [
-              [G, d.value]
+              [K, d.value]
             ])
           ]),
           _: 1
@@ -4023,15 +4030,15 @@ const Us = (e) => (pe("data-v-b0efe321"), e = e(), ve(), e), Xs = ["onClick"], Y
               ref_key: "childrenRef",
               ref: l
             }, [
-              R(y.$slots, "default", {}, void 0, !0)
+              V(y.$slots, "default", {}, void 0, !0)
             ], 544), [
-              [G, d.value]
+              [K, d.value]
             ])
           ]),
           _: 3
         })
       ], 36), [
-        [G, h.value]
+        [K, h.value]
       ])
     ], 512));
   }
@@ -4095,7 +4102,7 @@ const tl = (e) => (pe("data-v-046e593c"), e = e(), ve(), e), nl = ["active"], ol
       }, ["stop"])),
       active: o.value
     }, [
-      R(i.$slots, "default", {}, () => [
+      V(i.$slots, "default", {}, () => [
         c("div", ol, [
           (u(!0), p(j, null, ee(e.options, (d, b) => (u(), le(Gt, {
             title: d.text,
@@ -4118,7 +4125,7 @@ const tl = (e) => (pe("data-v-046e593c"), e = e(), ve(), e), nl = ["active"], ol
 const dl = {}, ul = { class: "abl-action-bar" };
 function fl(e, t) {
   return u(), p("div", ul, [
-    R(e.$slots, "default", {}, void 0, !0)
+    V(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const hl = /* @__PURE__ */ J(dl, [["render", fl], ["__scopeId", "data-v-7ea9a854"]]);
@@ -4231,7 +4238,7 @@ const pl = {
         onMouseleave: x
       }, [
         v.$slots.prefix || e.prefixIcon ? (u(), p("span", vl, [
-          R(v.$slots, "prefix", {}, void 0, !0),
+          V(v.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (u(), p("i", {
             key: 0,
             class: B(["iconfont-abl", e.suffixIcon])
@@ -4269,11 +4276,11 @@ const pl = {
             class: "iconfont-abl icon-abl-close",
             onClick: H(g, ["stop"])
           }, null, 512), [
-            [G, d.value]
+            [K, d.value]
           ])
         ])) : E("", !0),
         v.$slots.suffix || e.suffixIcon ? (u(), p("span", bl, [
-          R(v.$slots, "suffix", {}, void 0, !0),
+          V(v.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (u(), p("i", {
             key: 0,
             class: B(["iconfont-abl", e.suffixIcon])
@@ -4284,7 +4291,7 @@ const pl = {
     ], 2));
   }
 }), wl = /* @__PURE__ */ J(_l, [["__scopeId", "data-v-0f12a2b5"]]);
-const nt = (e) => (pe("data-v-0aa14a26"), e = e(), ve(), e), xl = { class: "abl-spin-box" }, $l = {
+const nt = (e) => (pe("data-v-1a0f5179"), e = e(), ve(), e), xl = { class: "abl-spin-box" }, $l = {
   key: 0,
   class: "abl-spin-logo"
 }, kl = ["src"], Sl = {
@@ -4340,20 +4347,28 @@ const nt = (e) => (pe("data-v-0aa14a26"), e = e(), ve(), e), xl = { class: "abl-
             c("img", { src: e.logo }, null, 8, kl)
           ])) : e.indicator === "dot" ? (u(), p("div", Sl, zl)) : E("", !0),
           F(c("p", { class: "abl-tip" }, T(e.tip), 513), [
-            [G, e.tip]
+            [K, e.tip]
           ])
         ])
       ], 2), [
-        [G, e.spinning]
+        [K, e.spinning]
       ]),
-      c("div", {
+      e.fixed ? F((u(), p("div", {
+        key: 0,
         class: B(["abl-spin-content", { "abl-spin-mask": e.spinning }, { "fixed-spin-mask": e.fixed }])
       }, [
-        R(t.$slots, "default", {}, void 0, !0)
-      ], 2)
+        V(t.$slots, "default", {}, void 0, !0)
+      ], 2)), [
+        [K, e.spinning]
+      ]) : (u(), p("div", {
+        key: 1,
+        class: B(["abl-spin-content", { "abl-spin-mask": e.spinning }])
+      }, [
+        V(t.$slots, "default", {}, void 0, !0)
+      ], 2))
     ], 6));
   }
-}, nn = /* @__PURE__ */ J(El, [["__scopeId", "data-v-0aa14a26"]]);
+}, nn = /* @__PURE__ */ J(El, [["__scopeId", "data-v-1a0f5179"]]);
 const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Vl = { class: "abl-upload-list" }, Rl = { class: "abl-upload" }, Il = ["onDrop", "onClick"], Ol = ["accept", "multiple", "onChange"], Tl = /* @__PURE__ */ bt(() => /* @__PURE__ */ c("span", { class: "abl-icon" }, "+", -1)), Nl = { class: "abl-tip" }, Ml = { class: "abl-file-uploading" }, Dl = {
   key: 0,
   class: "abl-file-preview"
@@ -4529,13 +4544,13 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Vl = { class: "abl-
             c("div", null, [
               Tl,
               c("p", Nl, [
-                R(C.$slots, "default", {}, () => [
+                V(C.$slots, "default", {}, () => [
                   Y(T(e.tip), 1)
                 ], !0)
               ])
             ])
           ], 42, Il), [
-            [G, !s.value[y - 1] && !o.value[y - 1]]
+            [K, !s.value[y - 1] && !o.value[y - 1]]
           ]),
           F(c("div", Ml, [
             oe(nn, {
@@ -4545,7 +4560,7 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Vl = { class: "abl-
               size: "small"
             }, null, 8, ["tip"])
           ], 512), [
-            [G, s.value[y - 1]]
+            [K, s.value[y - 1]]
           ]),
           o.value[y - 1] ? (u(), p("div", Dl, [
             d(o.value[y - 1].url) ? (u(), le(Zt, {
@@ -4570,7 +4585,7 @@ const bt = (e) => (pe("data-v-12e7e74b"), e = e(), ve(), e), Vl = { class: "abl-
                 title: "delete",
                 onClick: H((L) => k(y - 1), ["prevent", "stop"])
               }, Ul, 8, jl), [
-                [G, !e.disabled]
+                [K, !e.disabled]
               ])
             ])
           ])) : E("", !0)
@@ -4637,8 +4652,8 @@ const Kl = { class: "abl-select-warpper-content" }, Gl = { class: "abl-select-in
     n.type == "single" ? n == null || n.options.map((z) => {
       z.value == n.modelValue && (z.selected = !0);
     }) : n == null || n.options.map((z) => {
-      n.modelValue.map((V) => {
-        z.value == V && (z.selected = !0);
+      n.modelValue.map((R) => {
+        z.value == R && (z.selected = !0);
       });
     });
     const o = t, a = ke({
@@ -4647,8 +4662,8 @@ const Kl = { class: "abl-select-warpper-content" }, Gl = { class: "abl-select-in
       trigger: "click",
       transitionName: "abl-select-menu"
     }), s = _(""), r = _(), i = _(null), l = _(""), d = _(), b = N(() => {
-      var V;
-      return { width: (((V = r.value) == null ? void 0 : V.getBoundingClientRect().width) - 20 || 0) + "px" };
+      var R;
+      return { width: (((R = r.value) == null ? void 0 : R.getBoundingClientRect().width) || 0) + "px" };
     }), f = ke({
       list: n == null ? void 0 : n.options
     }), h = _(!1), g = _(
@@ -4659,16 +4674,16 @@ const Kl = { class: "abl-select-warpper-content" }, Gl = { class: "abl-select-in
       if (!g.value)
         x.value = "";
       else {
-        const V = n.options.filter((I) => I.name.includes(z.target.value));
-        f.list = V;
+        const R = n.options.filter((I) => I.name.includes(z.target.value));
+        f.list = R;
       }
     }, A = (z) => {
       n.disabled || (h.value = !0, z.stopPropagation(), l.value === "focus" ? l.value = "blur" : l.value = "focus");
-    }, C = (z, V) => {
+    }, C = (z, R) => {
       var W;
       if (n.disabled)
         return;
-      h.value = !1, V.stopPropagation(), (W = i.value) == null || W.focus();
+      h.value = !1, R.stopPropagation(), (W = i.value) == null || W.blur();
       let I = null;
       if (n.type === "single")
         l.value = "blur", v[0] && v[0].value === z.value ? v.shift() : v[0] = z, I = z.value;
@@ -4686,8 +4701,8 @@ const Kl = { class: "abl-select-warpper-content" }, Gl = { class: "abl-select-in
     }, y = (z) => {
       var I;
       (I = i.value) == null || I.focus();
-      const V = v.findIndex((W) => W.value === z.value);
-      v.splice(V, 1), o("changeSelect", ot(v));
+      const R = v.findIndex((W) => W.value === z.value);
+      v.splice(R, 1), o("changeSelect", ot(v));
     }, L = () => {
       l.value = "blur";
     }, M = () => {
@@ -4702,24 +4717,27 @@ const Kl = { class: "abl-select-warpper-content" }, Gl = { class: "abl-select-in
     ), fe(
       v,
       (z) => {
-        s.value = z.map((V) => V == null ? void 0 : V.name).join(",");
+        s.value = z.map((R) => R == null ? void 0 : R.name).join(",");
       },
       { immediate: !0, deep: !0 }
     ), xe(() => {
       fe(l, (z) => {
-        var V, I;
-        z === "focus" ? (V = i.value) == null || V.focus() : (I = i.value) == null || I.blur(), g.value = n.search && z === "focus" && h;
+        var R, I;
+        z === "focus" ? (R = i.value) == null || R.focus() : (I = i.value) == null || I.blur(), g.value = n.search && z === "focus" && h;
       }), document.body.addEventListener("click", () => {
         l.value = "blur";
       });
-    }), (z, V) => (u(), p("div", {
+    }), (z, R) => (u(), p("div", {
       ref_key: "selectRef",
       ref: r
     }, [
       oe(Kt, Ee({
         ref_key: "tooltip",
         ref: d
-      }, a, { disabled: e.disabled }), {
+      }, a, {
+        disabled: e.disabled,
+        isSelect: ""
+      }), {
         content: te(() => [
           c("div", {
             class: "abl-select-options-warpper",
@@ -4755,30 +4773,30 @@ const Kl = { class: "abl-select-warpper-content" }, Gl = { class: "abl-select-in
                     ]))), 128))
                   ])) : (u(), p("span", ei, T(s.value), 1))
                 ], 512), [
-                  [G, v.length && !g.value]
+                  [K, v.length && !g.value]
                 ]),
                 F(c("input", {
-                  onBlur: V[0] || (V[0] = (I) => L()),
+                  onBlur: R[0] || (R[0] = (I) => L()),
                   type: "text",
                   class: B(["abl-select-input-focus", g.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: i,
-                  "onUpdate:modelValue": V[1] || (V[1] = (I) => x.value = I),
+                  "onUpdate:modelValue": R[1] || (R[1] = (I) => x.value = I),
                   onInput: k,
                   placeholder: "请输入筛选条件"
                 }, null, 34), [
                   [Ot, x.value]
                 ]),
                 F(c("span", { class: "abl-select-placeholder" }, T(e.placeholder), 513), [
-                  [G, !v.length]
+                  [K, !v.length]
                 ])
               ]),
               c("span", ti, [
                 F(c("i", ni, null, 512), [
-                  [G, l.value != "focus"]
+                  [K, l.value != "focus"]
                 ]),
                 F(c("i", oi, null, 512), [
-                  [G, l.value === "focus"]
+                  [K, l.value === "focus"]
                 ]),
                 n.clearable ? (u(), p("i", {
                   key: 0,
@@ -4793,7 +4811,7 @@ const Kl = { class: "abl-select-warpper-content" }, Gl = { class: "abl-select-in
       }, 16, ["disabled"])
     ], 512));
   }
-}, ii = /* @__PURE__ */ J(li, [["__scopeId", "data-v-abf24507"]]);
+}, ii = /* @__PURE__ */ J(li, [["__scopeId", "data-v-17ed81f7"]]);
 const ri = { class: "abl-header" }, ci = { class: "abl-title" }, di = { class: "abl-extra" }, ui = { key: 0 }, fi = ["colspan"], hi = { key: 1 }, pi = {
   __name: "index",
   props: {
@@ -4895,12 +4913,12 @@ const ri = { class: "abl-header" }, ci = { class: "abl-title" }, di = { class: "
     }, [
       c("div", ri, [
         c("div", ci, [
-          R(h.$slots, "title", {}, () => [
+          V(h.$slots, "title", {}, () => [
             Y(T(e.title), 1)
           ], !0)
         ]),
         c("div", di, [
-          R(h.$slots, "extra", {}, () => [
+          V(h.$slots, "extra", {}, () => [
             Y(T(e.extra), 1)
           ], !0)
         ])
@@ -4909,9 +4927,9 @@ const ri = { class: "abl-header" }, ci = { class: "abl-title" }, di = { class: "
         ref_key: "view",
         ref: o
       }, [
-        R(h.$slots, "default", {}, void 0, !0)
+        V(h.$slots, "default", {}, void 0, !0)
       ], 512), [
-        [G, !1]
+        [K, !1]
       ]),
       c("div", {
         class: B(["abl-desc-view", { "abl-bordered": e.bordered }])
@@ -4975,12 +4993,12 @@ const mi = ["data-span", "data-label-style", "data-content-style"], gi = { class
         "data-content-style": JSON.stringify(e.contentStyle)
       }, [
         c("span", gi, [
-          R(t.$slots, "label", {}, () => [
+          V(t.$slots, "label", {}, () => [
             Y(T(e.label), 1)
           ], !0)
         ]),
         c("span", bi, [
-          R(t.$slots, "default", {}, void 0, !0)
+          V(t.$slots, "default", {}, void 0, !0)
         ])
       ], 8, mi),
       c("div", {
@@ -4990,12 +5008,12 @@ const mi = ["data-span", "data-label-style", "data-content-style"], gi = { class
         "data-content-style": JSON.stringify(e.contentStyle)
       }, [
         c("th", _i, [
-          R(t.$slots, "label", {}, () => [
+          V(t.$slots, "label", {}, () => [
             Y(T(e.label), 1)
           ], !0)
         ]),
         c("td", wi, [
-          R(t.$slots, "default", {}, void 0, !0)
+          V(t.$slots, "default", {}, void 0, !0)
         ])
       ], 8, yi)
     ], 64));
@@ -5165,8 +5183,8 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
       background: n.activeColor,
       transition: l.value ? "none" : void 0
     }), $ = (S) => {
-      const P = "abl-range-mark", { modelValue: D, max: K, min: re } = n;
-      let ae = Number(re), ue = Number(K);
+      const P = "abl-range-mark", { modelValue: D, max: G, min: re } = n;
+      let ae = Number(re), ue = Number(G);
       if (n.range) {
         const [Ae, Oe] = D;
         ae = Ae, ue = Oe;
@@ -5179,15 +5197,15 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
       };
     }, y = (S) => {
       const { min: P, vertical: D } = n;
-      let K = {
+      let G = {
         left: `${(S - Number(P)) / f.value * 100}%`
       };
-      return D && (K = {
+      return D && (G = {
         top: `${(S - Number(P)) / f.value * 100}%`
-      }), K;
+      }), G;
     }, L = (S) => {
-      const { modelValue: P, max: D, min: K } = n;
-      let re = Number(K), ae = Number(D);
+      const { modelValue: P, max: D, min: G } = n;
+      let re = Number(G), ae = Number(D);
       if (n.range) {
         const [Ae, Oe] = P;
         re = Ae, ae = Oe;
@@ -5196,23 +5214,23 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
         background: S <= ae && S >= re ? n.activeColor : n.inactiveColor
       };
     }, M = (S) => {
-      const { min: P, max: D, step: K } = n;
-      return S = Math.max(+P, Math.min(S, +D)), Math.round(S / +K) * +K;
-    }, q = (S, P) => JSON.stringify(S) === JSON.stringify(P), z = (S) => S[0] > S[1] ? S.slice(0).reverse() : S, V = (S, P) => {
+      const { min: P, max: D, step: G } = n;
+      return S = Math.max(+P, Math.min(S, +D)), Math.round(S / +G) * +G;
+    }, q = (S, P) => JSON.stringify(S) === JSON.stringify(P), z = (S) => S[0] > S[1] ? S.slice(0).reverse() : S, R = (S, P) => {
       v(S) ? S = z(S).map(M) : S = M(S), q(S, n.modelValue) || o("update:modelValue", S), P && !q(S, s) && o("change", S);
     }, I = (S) => {
       if (n.disabled || l.value === "draging")
         return;
       x.value = !0;
-      const { min: P, modelValue: D } = n, K = Et(i);
-      let re = S.clientX - K.left, ae = K.width;
-      n.vertical && (re = S.clientY - K.top, ae = K.height);
+      const { min: P, modelValue: D } = n, G = Et(i);
+      let re = S.clientX - G.left, ae = G.width;
+      n.vertical && (re = S.clientY - G.top, ae = G.height);
       const ue = Number(P) + re / ae * f.value;
       if (v(D)) {
         const [Ie, Ae] = D, Oe = (Ie + Ae) / 2;
-        ue <= Oe ? (a.value = 0, V([ue, Ae], !0)) : (a.value = 1, V([Ie, ue], !0));
+        ue <= Oe ? (a.value = 0, R([ue, Ae], !0)) : (a.value = 1, R([Ie, ue], !0));
       } else
-        V(ue, !0);
+        R(ue, !0);
       setTimeout(() => {
         document.addEventListener("mousedown", W, { once: !0 });
       });
@@ -5225,10 +5243,10 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
         return;
       l.value === "start" && o("dragStart"), d.move(S), l.value = "draging", S.type.startsWith("touch") && (x.value = !0);
       const P = Et(i);
-      let D = d.deltaX.value, K = P.width, re = D / K * f.value;
-      n.vertical && (D = d.deltaY.value, K = P.height, re = D / K * f.value), v(s) ? r[a.value] = s[a.value] + re : r = s + re, V(r);
+      let D = d.deltaX.value, G = P.width, re = D / G * f.value;
+      n.vertical && (D = d.deltaY.value, G = P.height, re = D / G * f.value), v(s) ? r[a.value] = s[a.value] + re : r = s + re, R(r);
     }, Z = (S) => {
-      n.disabled || l.value === "draging" && (V(r, !0), o("dragEnd"), window.removeEventListener("mousemove", X), window.removeEventListener("touchmove", X), window.removeEventListener("mouseup", Z), window.removeEventListener("touchend", Z), window.removeEventListener("contextmenu", Z), S.type.startsWith("touch") && (x.value = !1), setTimeout(() => {
+      n.disabled || l.value === "draging" && (R(r, !0), o("dragEnd"), window.removeEventListener("mousemove", X), window.removeEventListener("touchmove", X), window.removeEventListener("mouseup", Z), window.removeEventListener("touchend", Z), window.removeEventListener("contextmenu", Z), S.type.startsWith("touch") && (x.value = !1), setTimeout(() => {
         l.value = "";
       }));
     }, Q = (S) => {
@@ -5271,14 +5289,14 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
             "aria-valuenow": ie(D),
             "aria-valuemax": +e.max,
             "aria-orientation": "horizontal",
-            onTouchstart: (K) => {
-              typeof D == "number" && (a.value = D), Q(K);
+            onTouchstart: (G) => {
+              typeof D == "number" && (a.value = D), Q(G);
             },
-            onMousedown: (K) => {
-              typeof D == "number" && (a.value = D), Q(K);
+            onMousedown: (G) => {
+              typeof D == "number" && (a.value = D), Q(G);
             }
           }, [
-            S.$slots.button ? R(S.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
+            S.$slots.button ? V(S.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
               key: 1,
               class: "abl-range-button",
               style: O(w.value)
@@ -5306,7 +5324,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
               Q(D);
             })
           }, [
-            S.$slots.button ? R(S.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
+            S.$slots.button ? V(S.$slots, "button", { key: 0 }, void 0, !0) : (u(), p("div", {
               key: 1,
               class: "abl-range-button",
               style: O(w.value)
@@ -5443,7 +5461,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
           class: B(["abl-pagination-item", { disabled: a.value === 1 }]),
           onClick: w[0] || (w[0] = (x) => !ne(o).itemRender && g(a.value - 1))
         }, [
-          R(m.$slots, "itemRender", {
+          V(m.$slots, "itemRender", {
             page: a.value === 1 ? 1 : a.value - 1,
             type: "prev"
           }, () => [
@@ -5454,7 +5472,7 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
           class: B(["abl-pagination-item", { active: a.value === 1 }]),
           onClick: w[1] || (w[1] = (x) => !ne(o).itemRender && g(1))
         }, [
-          R(m.$slots, "itemRender", {
+          V(m.$slots, "itemRender", {
             page: 1,
             type: "page"
           }, () => [
@@ -5466,14 +5484,14 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
           ref: "forward",
           onClick: f
         }, Hi, 512), [
-          [G, s.value && l.value[0] - 1 > 1]
+          [K, s.value && l.value[0] - 1 > 1]
         ]),
         (u(!0), p(j, null, ee(l.value, (x, v) => (u(), p("li", {
           class: B(["abl-pagination-item", { active: a.value === x }]),
           key: v,
           onClick: (k) => !ne(o).itemRender && g(x)
         }, [
-          R(m.$slots, "itemRender", {
+          V(m.$slots, "itemRender", {
             page: x,
             type: "page"
           }, () => [
@@ -5485,26 +5503,26 @@ const on = (e) => (pe("data-v-349f6091"), e = e(), ve(), e), Li = {
           ref: "backward",
           onClick: h
         }, ji, 512), [
-          [G, r.value && l.value[l.value.length - 1] + 1 < i.value]
+          [K, r.value && l.value[l.value.length - 1] + 1 < i.value]
         ]),
         F(c("li", {
           class: B(["abl-pagination-item", { active: a.value === i.value }]),
           onClick: w[2] || (w[2] = (x) => !ne(o).itemRender && g(i.value))
         }, [
-          R(m.$slots, "itemRender", {
+          V(m.$slots, "itemRender", {
             page: i.value,
             type: "page"
           }, () => [
             c("a", null, T(i.value), 1)
           ])
         ], 2), [
-          [G, i.value !== 1]
+          [K, i.value !== 1]
         ]),
         c("li", {
           class: B(["abl-pagination-item", { disabled: a.value === i.value }]),
           onClick: w[3] || (w[3] = (x) => !ne(o).itemRender && g(a.value + 1))
         }, [
-          R(m.$slots, "itemRender", {
+          V(m.$slots, "itemRender", {
             page: i.value === a.value ? a.value : a.value + 1,
             type: "next"
           }, () => [
@@ -5564,7 +5582,7 @@ const Xi = { class: "abl-search" }, Yi = { class: "abl-search__wrapper" }, Ki =
           class: "iconfont-abl icon-abl-untitled96",
           onClick: H(s, ["stop"])
         }, null, 512), [
-          [G, a.value]
+          [K, a.value]
         ])
       ]),
       c("div", {
@@ -5619,7 +5637,6 @@ const Xi = { class: "abl-search" }, Yi = { class: "abl-search__wrapper" }, Ki =
 }, or = { install: Qi };
 export {
   nr as Lazyload,
-  Kt as Tooltip,
   hl as ablActionBar,
   vo as ablButton,
   Gt as ablCell,
@@ -5656,6 +5673,7 @@ export {
   Wn as ablSwitch,
   zn as ablTable,
   Tn as ablTabs,
+  Kt as ablTooltip,
   Yl as ablUpload,
   or as default
 };