abl-ui 0.6.20 → 0.6.22

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as d, normalizeStyle as M, renderSlot as E, createElementVNode as u, normalizeClass as V, createTextVNode as ee, toDisplayString as U, createCommentVNode as I, createStaticVNode as Nt, computed as D, ref as _, onMounted as ge, nextTick as re, onUnmounted as Ze, Fragment as Y, renderList as ne, createVNode as fe, useSlots as ze, provide as $e, onBeforeUnmount as Oe, watch as Q, withDirectives as J, vShow as te, defineComponent as Tt, toRefs as He, inject as Le, reactive as Ie, unref as le, createBlock as oe, TransitionGroup as fn, withCtx as ie, resolveDynamicComponent as dt, pushScopeId as be, popScopeId as _e, createApp as pn, getCurrentInstance as Qe, onUpdated as ft, onBeforeMount as Ot, Teleport as et, Transition as ke, withModifiers as G, watchEffect as pt, mergeProps as xe, useAttrs as vn, createSlots as mn, vModelDynamic as hn, normalizeProps as wt, withKeys as Pt, vModelText as vt, toRaw as xt } from "vue";
+import { openBlock as r, createElementBlock as d, normalizeStyle as M, renderSlot as E, createElementVNode as u, normalizeClass as V, createTextVNode as ee, toDisplayString as j, createCommentVNode as I, createStaticVNode as Nt, computed as D, ref as _, onMounted as ge, nextTick as re, onUnmounted as Ze, Fragment as Y, renderList as ne, createVNode as fe, useSlots as ze, provide as $e, onBeforeUnmount as Oe, watch as Q, withDirectives as J, vShow as te, defineComponent as Tt, toRefs as He, inject as Le, reactive as Ie, unref as le, createBlock as oe, TransitionGroup as fn, withCtx as ie, resolveDynamicComponent as dt, pushScopeId as be, popScopeId as _e, createApp as pn, getCurrentInstance as Qe, onUpdated as ft, onBeforeMount as Ot, Teleport as et, Transition as ke, withModifiers as G, watchEffect as pt, mergeProps as xe, useAttrs as vn, createSlots as mn, vModelDynamic as hn, normalizeProps as wt, withKeys as Pt, vModelText as vt, toRaw as xt } from "vue";
 const ae = [];
 for (let e = 0; e < 256; ++e)
   ae.push((e + 256).toString(16).slice(1));
@@ -86,7 +86,7 @@ const K = (e, l) => {
         class: V(["u-description", { gray: e.image === "2" }])
       }, [
         E(l.$slots, "description", {}, () => [
-          ee(U(e.description), 1)
+          ee(j(e.description), 1)
         ], !0)
       ], 2)) : I("", !0)
     ]));
@@ -177,7 +177,7 @@ const Ln = { class: "abl-table" }, In = ["id"], An = { class: "gridtable" }, Rn
                     u("div", {
                       class: "cell",
                       style: M({ "text-align": v.align || "left" })
-                    }, U(v.title), 5)
+                    }, j(v.title), 5)
                   ], 2))), 128))
                 ])
               ])
@@ -209,7 +209,7 @@ const Ln = { class: "abl-table" }, In = ["id"], An = { class: "gridtable" }, Rn
                     u("div", {
                       class: "cell",
                       style: M({ "text-align": g.align || "left" })
-                    }, U(v[g.prop]), 5)
+                    }, j(v[g.prop]), 5)
                   ], 2))), 128))
                 ], 2))), 128))
               ])) : I("", !0)
@@ -364,7 +364,7 @@ const Fn = { class: "abl-tabs" }, Hn = ["id"], Wn = ["id"], Un = ["onClick"], jn
                 key: 0,
                 class: V(["tab-icon", y.icon])
               }, null, 2)) : I("", !0),
-              ee(U(y.title) + " ", 1),
+              ee(j(y.title) + " ", 1),
               y.afterIcon ? (r(), d("i", {
                 key: 1,
                 class: V(["iconfont-abl tab-icon-after", y.afterIcon])
@@ -513,7 +513,7 @@ const Jn = {
         class: V(["abl-radio-label", v.value])
       }, [
         E(p.$slots, "default", {}, () => [
-          ee(U(e.label), 1)
+          ee(j(e.label), 1)
         ])
       ], 2)
     ], 2));
@@ -704,8 +704,8 @@ const We = (e) => (be("data-v-eb26cd43"), e = e(), _e(), e), nl = ["onMouseenter
     function S(y) {
       const x = s.value.findIndex((H) => H.id === y), O = s.value.length - 1, F = s.value[O];
       F != null && F.top ? v.value = typeof F.top == "number" ? `${F.top}px` : F.top : v.value = typeof n.top == "number" ? `${n.top}px` : n.top, i.value[x] = !0, (F == null ? void 0 : F.duration) !== null ? (c.value = (F == null ? void 0 : F.duration) || n.duration, o.value[x] = st(() => {
-        var H, W;
-        i.value[x] = !1, (H = s.value[x]) != null && H.onClose && ((W = s.value[x]) == null || W.onClose()), f("close");
+        var H, U;
+        i.value[x] = !1, (H = s.value[x]) != null && H.onClose && ((U = s.value[x]) == null || U.onClose()), f("close");
       }, 0)) : c.value = null;
     }
     function k() {
@@ -782,7 +782,7 @@ const We = (e) => (be("data-v-eb26cd43"), e = e(), _e(), e), nl = ["onMouseenter
                 key: 0,
                 class: "icon-svg"
               })) : O.mode === "info" ? (r(), d("svg", ll, ol)) : O.mode === "success" ? (r(), d("svg", sl, rl)) : O.mode === "error" ? (r(), d("svg", cl, dl)) : O.mode === "warning" ? (r(), d("svg", fl, vl)) : O.mode === "loading" ? (r(), d("svg", ml, gl)) : I("", !0),
-              u("div", yl, U(O.content || y.content), 1),
+              u("div", yl, j(O.content || y.content), 1),
               O.closable ? (r(), d("span", {
                 key: 6,
                 class: "icon iconfont-abl close-icon",
@@ -955,7 +955,7 @@ const xl = (e) => (be("data-v-358a6cb8"), e = e(), _e(), e), $l = { class: "abl-
                   e.showHeader ? (r(), d("div", Sl, [
                     E(h.$slots, "header", {}, () => [
                       u("div", Cl, [
-                        u("span", Bl, U(e.title), 1)
+                        u("span", Bl, j(e.title), 1)
                       ]),
                       e.showClose ? (r(), d("div", {
                         key: 0,
@@ -1042,7 +1042,7 @@ const zl = {
     }, [
       e.loading ? (r(), d(Y, { key: 0 }, [
         e.loading ? (r(), d("i", zl)) : I("", !0),
-        u("span", null, U(e.loadingText), 1)
+        u("span", null, j(e.loadingText), 1)
       ], 64)) : (r(), d(Y, { key: 1 }, [
         e.iconPosition === "left" ? E(n.$slots, "icon", { key: 0 }, () => [
           e.icon ? (r(), d("i", {
@@ -1127,7 +1127,7 @@ const Tl = {
         class: V(["abl-checkbox-label", f.value])
       }, [
         E(p.$slots, "default", {}, () => [
-          ee(U(e.label), 1)
+          ee(j(e.label), 1)
         ], !0)
       ], 2)
     ], 2));
@@ -1277,7 +1277,7 @@ const Dl = { class: "abl-dialog__header" }, Fl = { class: "abl-dialog__title" },
             }, [
               E(h.$slots, "header", {}, () => [
                 u("header", Dl, [
-                  u("span", Fl, U(e.title), 1),
+                  u("span", Fl, j(e.title), 1),
                   e.showClose ? (r(), d("span", {
                     key: 0,
                     class: "icon iconfont-abl close-icon",
@@ -1571,12 +1571,12 @@ const Ql = (e) => ({
     }, h = ht(a), m = mt(h), w = await o.getDimensions(f), S = h === "y", k = S ? "top" : "left", $ = S ? "bottom" : "right", z = S ? "clientHeight" : "clientWidth", N = i.reference[m] + i.reference[h] - g[h] - i.floating[m], T = g[h] - i.reference[h], L = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let B = L ? L[z] : 0;
     (!B || !await (o.isElement == null ? void 0 : o.isElement(L))) && (B = s.floating[z] || i.floating[m]);
-    const C = N / 2 - T / 2, y = B / 2 - w[m] / 2 - 1, x = Ne(p[k], y), O = Ne(p[$], y), F = x, H = B - w[m] - O, W = B / 2 - w[m] / 2 + C, A = rt(F, W, H), q = !c.arrow && je(a) != null && W !== A && i.reference[m] / 2 - (W < F ? x : O) - w[m] / 2 < 0, Z = q ? W < F ? W - F : W - H : 0;
+    const C = N / 2 - T / 2, y = B / 2 - w[m] / 2 - 1, x = Ne(p[k], y), O = Ne(p[$], y), F = x, H = B - w[m] - O, U = B / 2 - w[m] / 2 + C, A = rt(F, U, H), q = !c.arrow && je(a) != null && U !== A && i.reference[m] / 2 - (U < F ? x : O) - w[m] / 2 < 0, Z = q ? U < F ? U - F : U - H : 0;
     return {
       [h]: g[h] + Z,
       data: {
         [h]: A,
-        centerOffset: W - A - Z,
+        centerOffset: U - A - Z,
         ...q && {
           alignmentOffset: Z
         }
@@ -1632,23 +1632,23 @@ const Ql = (e) => ({
               placement: H
             }
           };
-        let W = (x = C.filter((A) => A.overflows[0] <= 0).sort((A, q) => A.overflows[1] - q.overflows[1])[0]) == null ? void 0 : x.placement;
-        if (!W)
+        let U = (x = C.filter((A) => A.overflows[0] <= 0).sort((A, q) => A.overflows[1] - q.overflows[1])[0]) == null ? void 0 : x.placement;
+        if (!U)
           switch (h) {
             case "bestFit": {
               var O;
               const A = (O = C.map((q) => [q.placement, q.overflows.filter((Z) => Z > 0).reduce((Z, se) => Z + se, 0)]).sort((q, Z) => q[1] - Z[1])[0]) == null ? void 0 : O[0];
-              A && (W = A);
+              A && (U = A);
               break;
             }
             case "initialPlacement":
-              W = s;
+              U = s;
               break;
           }
-        if (a !== W)
+        if (a !== U)
           return {
             reset: {
-              placement: W
+              placement: U
             }
           };
       }
@@ -2285,7 +2285,7 @@ const Sa = ["data-side"], tn = {
     };
     ge(() => {
       t.value = !0, L(), pt(() => {
-        W();
+        U();
       });
     }), Q(() => v.value, (A) => {
       A && z(v.value);
@@ -2323,7 +2323,7 @@ const Sa = ["data-side"], tn = {
           console.error("Error updating position:", A);
         }
     };
-    async function W() {
+    async function U() {
       if (!(!$.value || !p.value))
         try {
           await re(), S = wa($.value, p.value, H);
@@ -2356,7 +2356,7 @@ const Sa = ["data-side"], tn = {
           }, ["stop"]))
         }, [
           E(A.$slots, "content", {}, () => [
-            ee(U(e.content), 1)
+            ee(j(e.content), 1)
           ]),
           e.showArrow ? (r(), d("span", {
             key: 0,
@@ -2512,7 +2512,7 @@ const Sa = ["data-side"], tn = {
             key: 0,
             innerHTML: e.content
           }, null, 8, Ca)) : (r(), d(Y, { key: 1 }, [
-            ee(U(e.content), 1)
+            ee(j(e.content), 1)
           ], 64))
         ])
       ]),
@@ -2785,7 +2785,7 @@ const Fa = { class: "abl-collapse__title" }, Ha = { key: 0 }, Wa = { class: "ico
       }, [
         u("div", Fa, [
           E(m.$slots, "title", {}, () => [
-            ee(U(e.title), 1)
+            ee(j(e.title), 1)
           ], !0)
         ]),
         e.showArrow ? (r(), d("div", {
@@ -2793,7 +2793,7 @@ const Fa = { class: "abl-collapse__title" }, Ha = { key: 0 }, Wa = { class: "ico
           class: V([{ "abl-collapse-item__arrow-close": !f.value, "abl-collapse-item__arrow-active": f.value, "abl-collapse-item__arrow-ani": e.animation, "abl-collapse-item__arrow-plus": c.value }, "abl-collapse-item__arrow"])
         }, [
           c.value === "plus" ? (r(), d("div", Ha, [
-            u("span", Wa, U(f.value ? "" : ""), 1)
+            u("span", Wa, j(f.value ? "" : ""), 1)
           ])) : (r(), d("div", {
             key: 1,
             class: "abl-collapse-item__arrow-inner",
@@ -2879,7 +2879,7 @@ const qa = { class: "abl-progress-text" }, Ya = {
         default: ie(() => [
           u("span", qa, [
             E(i.$slots, "format", { percent: e.percent }, () => [
-              ee(U(a.value), 1)
+              ee(j(a.value), 1)
             ], !0)
           ])
         ]),
@@ -2931,22 +2931,22 @@ const Ka = (e) => (be("data-v-c42571fb"), e = e(), _e(), e), Ga = { class: "abl-
     return (l, t) => (r(), d("div", Ga, [
       l.$slots.title || e.title ? (r(), d("div", Ja, [
         E(l.$slots, "title", {}, () => [
-          ee(U(e.title), 1)
+          ee(j(e.title), 1)
         ], !0),
         l.$slots.label || e.label ? (r(), d("div", Za, [
           E(l.$slots, "label", {}, () => [
-            ee(U(e.label), 1)
+            ee(j(e.label), 1)
           ], !0)
         ])) : I("", !0)
       ])) : I("", !0),
       l.$slots.value || e.value ? (r(), d("div", Qa, [
         E(l.$slots, "value", {}, () => [
-          ee(U(e.value), 1)
+          ee(j(e.value), 1)
         ], !0)
       ])) : I("", !0),
       l.$slots.extra || e.extra ? (r(), d("div", eo, [
         E(l.$slots, "extra", {}, () => [
-          ee(U(e.extra), 1)
+          ee(j(e.extra), 1)
         ], !0)
       ])) : I("", !0),
       e.isLink ? (r(), d("div", to, [
@@ -3082,7 +3082,7 @@ const ao = /* @__PURE__ */ u("div", {
       deep: !0,
       immediate: !0
     });
-    const k = (H, W) => {
+    const k = (H, U) => {
       let A, q;
       try {
         A = H.toString().split(".")[1].length;
@@ -3090,12 +3090,12 @@ const ao = /* @__PURE__ */ u("div", {
         A = 0;
       }
       try {
-        q = W.toString().split(".")[1].length;
+        q = U.toString().split(".")[1].length;
       } catch {
         q = 0;
       }
       const Z = Math.max(A, q), se = Math.pow(10, Z);
-      return H = Math.round(H * se), W = Math.round(W * se), (H + W) / se;
+      return H = Math.round(H * se), U = Math.round(U * se), (H + U) / se;
     }, $ = (H) => {
       i.value[H] = !0;
     }, z = (H) => {
@@ -3115,23 +3115,23 @@ const ao = /* @__PURE__ */ u("div", {
     }, x = (H) => {
       if (!n.drag)
         return;
-      const W = H.target, { top: A, left: q, right: Z, bottom: se } = W.getBoundingClientRect(), ve = document.documentElement.clientWidth, j = document.documentElement.clientHeight;
+      const U = H.target, { top: A, left: q, right: Z, bottom: se } = U.getBoundingClientRect(), ve = document.documentElement.clientWidth, W = document.documentElement.clientHeight;
       c.value = H.clientX, f.value = H.clientY;
       const b = v.value, R = p.value;
       document.onmousemove = (P) => {
         v.value = b + P.clientX - c.value, p.value = R + P.clientY - f.value;
       }, document.onmouseup = (P) => {
-        v.value > b + ve - Z && (v.value = b + ve - Z), v.value < b - q && (v.value = b - q), p.value > R + j - se && (p.value = R + j - se), p.value < R - A && (p.value = R - A), document.onmousemove = null;
+        v.value > b + ve - Z && (v.value = b + ve - Z), v.value < b - q && (v.value = b - q), p.value > R + W - se && (p.value = R + W - se), p.value < R - A && (p.value = R - A), document.onmousemove = null;
       };
     }, O = (H) => {
       if (!n.drag)
         return;
-      const W = H.deltaY * n.zoomRate * 0.1;
-      s.value === n.minScale && W > 0 || s.value === n.maxScale && W < 0 || (s.value - W < n.minScale ? s.value = n.minScale : s.value - W > n.maxScale ? s.value = n.maxScale : s.value = k(s.value, -W));
+      const U = H.deltaY * n.zoomRate * 0.1;
+      s.value === n.minScale && U > 0 || s.value === n.maxScale && U < 0 || (s.value - U < n.minScale ? s.value = n.minScale : s.value - U > n.maxScale ? s.value = n.maxScale : s.value = k(s.value, -U));
     }, F = () => {
       S(), h("update:modelValue", !1);
     };
-    return (H, W) => (r(), oe(et, { to: "body" }, [
+    return (H, U) => (r(), oe(et, { to: "body" }, [
       fe(ke, { name: "mask" }, {
         default: ie(() => [
           ao
@@ -3145,7 +3145,7 @@ const ao = /* @__PURE__ */ u("div", {
         default: ie(() => [
           u("div", {
             class: "abl-image-preview-wrap",
-            onWheel: W[4] || (W[4] = G((A) => O(A), ["prevent"]))
+            onWheel: U[4] || (U[4] = G((A) => O(A), ["prevent"]))
           }, [
             u("div", oo, [
               u("div", {
@@ -3166,8 +3166,8 @@ const ao = /* @__PURE__ */ u("div", {
                       class: "abl-image-preview__img",
                       style: M(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${g.value}deg);`),
                       onLoad: (Z) => $(q),
-                      onMousedown: W[0] || (W[0] = G((Z) => x(Z), ["prevent"])),
-                      onClick: W[1] || (W[1] = G(() => {
+                      onMousedown: U[0] || (U[0] = G((Z) => x(Z), ["prevent"])),
+                      onClick: U[1] || (U[1] = G(() => {
                       }, ["stop"]))
                     }, null, 44, so)) : (r(), d("video", {
                       key: 1,
@@ -3196,14 +3196,14 @@ const ao = /* @__PURE__ */ u("div", {
                     title: "",
                     style: M(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${g.value}deg);`),
                     onLoad: (Z) => $(q),
-                    onMousedown: W[2] || (W[2] = G((Z) => x(Z), ["prevent"])),
-                    onClick: W[3] || (W[3] = G(() => {
+                    onMousedown: U[2] || (U[2] = G((Z) => x(Z), ["prevent"])),
+                    onClick: U[3] || (U[3] = G(() => {
                     }, ["stop"])),
                     loading: "lazy"
                   }, null, 44, ro)),
                   E(H.$slots, "default"),
                   e.showProgress ? (r(), d("div", co, [
-                    u("div", uo, U(`${o.value + 1}/${a.value}`), 1)
+                    u("div", uo, j(`${o.value + 1}/${a.value}`), 1)
                   ])) : I("", !0)
                 ])), [
                   [te, o.value === q]
@@ -3635,7 +3635,7 @@ const Ho = (e) => (be("data-v-b0efe321"), e = e(), _e(), e), Wo = ["onClick"], U
               color: C.disabled ? "#c0c4cc" : y === p.value ? e.activeColor : e.inactiveColor,
               fontSize: h(e.titleSize)
             })
-          }, U(C.title), 5),
+          }, j(C.title), 5),
           u("div", {
             class: V(["abl-dropdown-menu__item__arrow", {
               "abl-dropdown-menu__item__arrow--rotate": y === p.value
@@ -3879,7 +3879,7 @@ const us = {
       class: V(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": $.$slots.addonBefore || e.addonBefore || $.$slots.addonAfter || e.addonAfter }])
     }, [
       E($.$slots, "addonBefore", {}, () => [
-        e.addonBefore ? (r(), d("span", us, U(e.addonBefore), 1)) : I("", !0)
+        e.addonBefore ? (r(), d("span", us, j(e.addonBefore), 1)) : I("", !0)
       ], !0),
       u("div", {
         class: V(["abl-input__wrapper", { "is-focus": o.value }]),
@@ -3937,7 +3937,7 @@ const us = {
         ])) : I("", !0)
       ], 34),
       E($.$slots, "addonAfter", {}, () => [
-        e.addonAfter ? (r(), d("span", ms, U(e.addonAfter), 1)) : I("", !0)
+        e.addonAfter ? (r(), d("span", ms, j(e.addonAfter), 1)) : I("", !0)
       ], !0)
     ], 2));
   }
@@ -3997,7 +3997,7 @@ const at = (e) => (be("data-v-d27e2131"), e = e(), _e(), e), ys = { class: "abl-
           e.logo ? (r(), d("div", bs, [
             u("img", { src: e.logo }, null, 8, _s)
           ])) : e.indicator === "dot" ? (r(), d("div", ws, Cs)) : I("", !0),
-          J(u("p", { class: "abl-tip" }, U(e.tip), 513), [
+          J(u("p", { class: "abl-tip" }, j(e.tip), 513), [
             [te, e.tip]
           ])
         ])
@@ -4206,7 +4206,7 @@ const _t = (e) => (be("data-v-915b5556"), e = e(), _e(), e), Vs = { class: "abl-
               Rs,
               e.tip ? (r(), d("p", zs, [
                 E(B.$slots, "default", {}, () => [
-                  ee(U(e.tip), 1)
+                  ee(j(e.tip), 1)
                 ], !0)
               ])) : I("", !0)
             ])
@@ -4383,10 +4383,10 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
       list: o == null ? void 0 : o.options
     }), N = _(!1), T = _(
       o.search && h.value === "focus" && N.value
-    ), L = D(() => o.disabled), B = _(""), C = _([]), y = () => (n == null ? void 0 : n.default) && (n == null ? void 0 : n.default()) || [], x = (j, b) => o.isToLowerCase && j.toLowerCase() == b.toLowerCase() || j == b, O = () => {
-      var j;
+    ), L = D(() => o.disabled), B = _(""), C = _([]), y = () => (n == null ? void 0 : n.default) && (n == null ? void 0 : n.default()) || [], x = (W, b) => o.isToLowerCase && W.toLowerCase() == b.toLowerCase() || W == b, O = () => {
+      var W;
       try {
-        n.default && (z.list = [], (j = n.default()) == null || j.map((b) => {
+        n.default && (z.list = [], (W = n.default()) == null || W.map((b) => {
           var R;
           b.props ? (z.list.push({
             ...b.props
@@ -4413,17 +4413,17 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
       // 如果需要，可以设置为立即执行
       deep: !0
     });
-    const F = (j) => {
+    const F = (W) => {
       if (!T.value)
         B.value = "";
       else {
         const b = s.filter((R) => {
-          let P = j.target.value.toLowerCase();
+          let P = W.target.value.toLowerCase();
           return R.name.toLowerCase().includes(P);
         });
         z.list = b;
       }
-    }, H = (j) => {
+    }, H = (W) => {
       o.disabled || (N.value = !0, h.value === "focus" ? h.value = "blur" : h.value = "focus", setTimeout(() => {
         const b = document.querySelector("#abl-select"), R = b.querySelector(".abl-options-item-active");
         if (!R)
@@ -4431,22 +4431,22 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
         const P = b.getBoundingClientRect(), X = R.getBoundingClientRect();
         X.top >= P.top && X.bottom <= P.bottom || (b.scrollTop = R.offsetTop - b.offsetHeight / 2);
       }, 100));
-    }, W = (j, b) => {
+    }, U = (W, b) => {
       var P;
       if (o.disabled)
         return;
-      if (j.name == v.value) {
+      if (W.name == v.value) {
         m.value.close();
         return;
       }
       N.value = !1, b.stopPropagation(), (P = g.value) == null || P.blur();
       let R = null;
-      h.value = "blur", C.value[0] && C.value[0].value === j.value ? C.value.shift() : C.value[0] = j, R = j.value, c("update:modelValue", R), c("change", R, j, xt(C.value)), m.value.close();
+      h.value = "blur", C.value[0] && C.value[0].value === W.value ? C.value.shift() : C.value[0] = W, R = W.value, c("update:modelValue", R), c("change", R, W, xt(C.value)), m.value.close();
     };
-    $e("handleSlotClick", W);
+    $e("handleSlotClick", U);
     const A = () => {
-      var j;
-      (j = g.value) == null || j.focus(), !T.value && h.value === "focus" && C.value.length > 0 && (C.value.pop(), c("change", xt(C.value)));
+      var W;
+      (W = g.value) == null || W.focus(), !T.value && h.value === "focus" && C.value.length > 0 && (C.value.pop(), c("change", xt(C.value)));
     }, q = () => {
       S.value = !1, h.value = "blur", B.value = "", setTimeout(() => {
         m.value.close();
@@ -4458,46 +4458,46 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
     };
     Q(
       N,
-      (j) => {
-        T.value = o.search && h.value === "focus" && j;
+      (W) => {
+        T.value = o.search && h.value === "focus" && W;
       },
       { immediate: !0, deep: !0 }
     ), Q(
       () => C.value,
-      (j) => {
-        j.length == 0 ? v.value = "" : v.value = j.map((b) => b == null ? void 0 : b.name).join(",");
+      (W) => {
+        W.length == 0 ? v.value = "" : v.value = W.map((b) => b == null ? void 0 : b.name).join(",");
       },
       { immediate: !0, deep: !0 }
     ), Q(() => o == null ? void 0 : o.options, () => {
-      var j;
+      var W;
       o == null || o.options.map((b) => {
         b.name = b[o.parames.name], b.value = b[o.parames.value];
       }), s = o == null ? void 0 : o.options, o == null || o.options.map((b) => {
         b.value == o.modelValue && (b.selected = !0);
-      }), z.list = o == null ? void 0 : o.options, C.value = [], C.value = (j = o == null ? void 0 : o.options) == null ? void 0 : j.filter((b) => b.selected === !0);
+      }), z.list = o == null ? void 0 : o.options, C.value = [], C.value = (W = o == null ? void 0 : o.options) == null ? void 0 : W.filter((b) => b.selected === !0);
     }, { immediate: !0, deep: !0 });
-    const ve = async (j) => {
+    const ve = async (W) => {
       var b;
       $.value && $.value.width && ($.value.width = ((b = p.value) == null ? void 0 : b.getBoundingClientRect().width) + "px");
     };
     return ge(async () => {
-      Q(h, (j) => {
+      Q(h, (W) => {
         var b, R;
-        j === "focus" ? (b = g.value) == null || b.focus() : (R = g.value) == null || R.blur(), T.value = o.search && j === "focus" && N;
-      }), document.body.addEventListener("click", () => {
-        h.value = "blur";
+        W === "focus" ? (b = g.value) == null || b.focus() : (R = g.value) == null || R.blur(), T.value = o.search && W === "focus" && N;
+      }), document.body.addEventListener("click", (W) => {
+        p.value && !p.value.contains(W.target) && (h.value = "blur");
       }), await re(), k = window == null ? void 0 : window.matchMedia("(orientation: landscape)"), k.addEventListener("change", ve);
     }), Oe(() => {
       k && k.removeEventListener("change", ve);
     }), Q(() => o.modelValue, async () => {
-      w.value = o.modelValue, w.value == "" && (v.value = "", C.value.splice(0, 1)), z.list.map((j) => {
-        x(j.value, o.modelValue) && (C.value.splice(0, C.value.length), C.value.push({
-          ...j
+      w.value = o.modelValue, w.value == "" && (v.value = "", C.value.splice(0, 1)), z.list.map((W) => {
+        x(W.value, o.modelValue) && (C.value.splice(0, C.value.length), C.value.push({
+          ...W
         }));
       });
     }, {
       immediate: !0
-    }), (j, b) => (r(), d("div", {
+    }), (W, b) => (r(), d("div", {
       ref_key: "selectRef",
       ref: p
     }, [
@@ -4522,9 +4522,9 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
             z.list.length > 0 ? (r(!0), d(Y, { key: 0 }, ne(z.list, (R, P) => (r(), d("div", {
               class: V(["abl-select-options-item", C.value.some((X) => X.value === R.value) ? "abl-options-item-active" : ""]),
               key: R.name + R.value,
-              onMousedown: (X) => W(R, X)
+              onMousedown: (X) => U(R, X)
             }, [
-              i.value ? E(j.$slots, "abloption", wt(xe({ key: 0 }, R)), void 0, !0) : (r(), d(Y, { key: 1 }, [
+              i.value ? E(W.$slots, "abloption", wt(xe({ key: 0 }, R)), void 0, !0) : (r(), d(Y, { key: 1 }, [
                 R.iconColor ? (r(), d("div", {
                   key: 0,
                   class: "abl-options-item-icon",
@@ -4533,11 +4533,12 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
                 R.img ? (r(), d("img", {
                   key: 1,
                   class: "abl-select-options-item-img",
-                  src: R.img
-                }, null, 8, ti)) : I("", !0),
+                  src: R.img,
+                  style: M(R.imgStyle)
+                }, null, 12, ti)) : I("", !0),
                 u("span", {
                   class: V(R.img ? "haveImg" : "")
-                }, U(R.name), 3)
+                }, j(R.name), 3)
               ], 64))
             ], 42, ei))), 128)) : (r(), d("div", ni, " No data "))
           ], 6)
@@ -4557,7 +4558,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
               }, [
                 J(u("div", Ks, [
                   u("span", null, [
-                    a.value ? E(j.$slots, "ablname", wt(xe({ key: 0 }, { name: v.value })), void 0, !0) : (r(), d("span", Gs, U(v.value), 1))
+                    a.value ? E(W.$slots, "ablname", wt(xe({ key: 0 }, { name: v.value })), void 0, !0) : (r(), d("span", Gs, j(v.value), 1))
                   ])
                 ], 512), [
                   [te, C.value.length && !T.value]
@@ -4580,7 +4581,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
                   key: 1,
                   class: "abl-select-placeholder",
                   style: M({ "line-height": e.height })
-                }, U(e.placeholder), 5)), [
+                }, j(e.placeholder), 5)), [
                   [te, !C.value.length]
                 ])
               ], 4),
@@ -4607,7 +4608,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ks = { class: "abl-select-ha
       }, 16, ["showArrow", "shouldStopPropagation", "disabled", "zIndex", "popperClass", "isFixed"])
     ], 512));
   }
-}, zt = /* @__PURE__ */ K(li, [["__scopeId", "data-v-016c6f6c"]]);
+}, zt = /* @__PURE__ */ K(li, [["__scopeId", "data-v-7e65ea1d"]]);
 const ai = {
   key: 0,
   class: "abl-header"
@@ -4713,12 +4714,12 @@ const ai = {
       e.title || g.$slots.title ? (r(), d("div", ai, [
         u("div", oi, [
           E(g.$slots, "title", {}, () => [
-            ee(U(e.title), 1)
+            ee(j(e.title), 1)
           ], !0)
         ]),
         u("div", si, [
           E(g.$slots, "extra", {}, () => [
-            ee(U(e.extra), 1)
+            ee(j(e.extra), 1)
           ], !0)
         ])
       ])) : I("", !0),
@@ -4793,7 +4794,7 @@ const fi = ["data-span", "data-label-style", "data-content-style"], pi = { class
       }, [
         u("span", pi, [
           E(l.$slots, "label", {}, () => [
-            ee(U(e.label), 1)
+            ee(j(e.label), 1)
           ], !0)
         ]),
         u("span", vi, [
@@ -4808,7 +4809,7 @@ const fi = ["data-span", "data-label-style", "data-content-style"], pi = { class
       }, [
         u("th", hi, [
           E(l.$slots, "label", {}, () => [
-            ee(U(e.label), 1)
+            ee(j(e.label), 1)
           ], !0)
         ]),
         u("td", gi, [
@@ -5017,7 +5018,7 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
       return b = Math.max(+R, Math.min(b, +P)), Math.round(b / +X) * +X;
     }, O = (b, R) => JSON.stringify(b) === JSON.stringify(R), F = (b) => b[0] > b[1] ? b.slice(0).reverse() : b, H = (b, R) => {
       z(b) ? b = F(b).map(x) : b = x(b), O(b, t.modelValue) || n("update:modelValue", b), R && !O(b, i) && n("change", b);
-    }, W = (b) => {
+    }, U = (b) => {
       if (t.disabled || c.value === "draging")
         return;
       $.value = !0;
@@ -5050,17 +5051,17 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
       }));
     }, ve = (b, R) => {
       t.disabled || (q(b), window.addEventListener("mousemove", Z), window.addEventListener("touchmove", Z), window.addEventListener("mouseup", se), window.addEventListener("touchend", se));
-    }, j = (b) => Array.isArray(t.modelValue) && typeof b == "number" ? t.modelValue[b] : Number(t.modelValue);
+    }, W = (b) => Array.isArray(t.modelValue) && typeof b == "number" ? t.modelValue[b] : Number(t.modelValue);
     return (b, R) => (r(), d("div", {
       class: V(w.value)
     }, [
-      e.hiddenRange ? I("", !0) : (r(), d("div", $i, U(+e.min), 1)),
+      e.hiddenRange ? I("", !0) : (r(), d("div", $i, j(+e.min), 1)),
       u("div", {
         ref_key: "root",
         ref: s,
         style: M(S.value),
         class: V(m.value),
-        onClick: G(W, ["stop"])
+        onClick: G(U, ["stop"])
       }, [
         v.value.length > 0 ? (r(), d("div", ki, [
           (r(!0), d(Y, null, ne(v.value, (P) => (r(), d("span", {
@@ -5068,7 +5069,7 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
             class: V(B(P)),
             style: M(C(P))
           }, [
-            ee(U(P) + " ", 1),
+            ee(j(P) + " ", 1),
             u("span", {
               class: "abl-range-tick",
               style: M(y(P))
@@ -5085,7 +5086,7 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
             class: V({ "abl-range-button-wrapper-left": P == 0, "abl-range-button-wrapper-right": P == 1 }),
             tabindex: e.disabled ? -1 : 0,
             "aria-valuemin": +e.min,
-            "aria-valuenow": j(P),
+            "aria-valuenow": W(P),
             "aria-valuemax": +e.max,
             "aria-orientation": "horizontal",
             ref_for: !0,
@@ -5108,7 +5109,7 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
                 key: 0,
                 class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === P && $.value }]])
               }, [
-                ee(U(j(P)) + " ", 1),
+                ee(j(W(P)) + " ", 1),
                 Ci
               ], 2)) : I("", !0)
             ], 4))
@@ -5118,7 +5119,7 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
             class: "abl-range-button-wrapper",
             tabindex: e.disabled ? -1 : 0,
             "aria-valuemin": +e.min,
-            "aria-valuenow": j(),
+            "aria-valuenow": W(),
             "aria-valuemax": +e.max,
             ref_key: "buttonRef",
             ref: h,
@@ -5139,14 +5140,14 @@ const un = (e) => (be("data-v-f4c52821"), e = e(), _e(), e), $i = {
                 key: 0,
                 class: V(["abl-handle-tooltip", [{ "display-tooltip": $.value }]])
               }, [
-                ee(U(j()) + " ", 1),
+                ee(j(W()) + " ", 1),
                 Vi
               ], 2)) : I("", !0)
             ], 4))
           ], 40, Bi))
         ], 4)
       ], 6),
-      e.hiddenRange ? I("", !0) : (r(), d("div", Li, U(+e.max), 1))
+      e.hiddenRange ? I("", !0) : (r(), d("div", Li, j(+e.max), 1))
     ], 2));
   }
 }, Ai = /* @__PURE__ */ K(Ii, [["__scopeId", "data-v-f4c52821"]]);
@@ -5250,7 +5251,7 @@ const Ri = { class: "abl-pagination-wrap" }, zi = {
       class: V([`abl-pagination ${e.placement}`, { hidden: e.hideOnSinglePage && e.total <= e.pageSize, "no-border": !e.border }])
     }, [
       u("div", Ri, [
-        e.showTotal ? (r(), d("span", zi, "total " + U(e.total) + " items", 1)) : I("", !0),
+        e.showTotal ? (r(), d("span", zi, "total " + j(e.total) + " items", 1)) : I("", !0),
         u("div", {
           class: V(["abl-pagination-item", { disabled: a.value === 1 }]),
           onClick: w[0] || (w[0] = (S) => !le(n).itemRender && h(a.value - 1))
@@ -5289,7 +5290,7 @@ const Ri = { class: "abl-pagination-wrap" }, zi = {
             page: S,
             type: "page"
           }, () => [
-            ee(U(S), 1)
+            ee(j(S), 1)
           ])
         ], 10, Oi))), 128)),
         J(u("div", {
@@ -5307,7 +5308,7 @@ const Ri = { class: "abl-pagination-wrap" }, zi = {
             page: s.value,
             type: "page"
           }, () => [
-            ee(U(s.value), 1)
+            ee(j(s.value), 1)
           ])
         ], 2), [
           [te, s.value !== 1]
@@ -5382,7 +5383,7 @@ const Ui = { class: "abl-search" }, ji = { class: "abl-search__wrapper" }, qi =
       u("div", {
         class: "van-search__action",
         onClick: s
-      }, U(n.actionText), 1)
+      }, j(n.actionText), 1)
     ]));
   }
 }), Xi = /* @__PURE__ */ K(Yi, [["__scopeId", "data-v-f7e42fab"]]);
@@ -5442,7 +5443,7 @@ const Zi = { class: "abl-breadcrumb__item" }, Qi = {
         ], 2),
         (o = le(l)) != null && o.separatorIcon ? (r(), d("i", Qi, [
           (r(), oe(dt(le(l).separatorIcon)))
-        ])) : (r(), d("span", er, U(le(l).separator), 1))
+        ])) : (r(), d("span", er, j(le(l).separator), 1))
       ]);
     };
   }
@@ -5651,7 +5652,7 @@ const vr = { class: "abl-tree-select" }, mr = { class: "abl-tree-select-tab" },
           class: V(["abl-tree-select__nav-item", f == a.value ? "active" : ""]),
           onClick: (v) => i(f)
         }, [
-          ee(U(c.text) + " ", 1),
+          ee(j(c.text) + " ", 1),
           c.dot ? (r(), d("div", gr)) : I("", !0)
         ], 10, hr))), 256))
       ]),
@@ -5701,13 +5702,13 @@ const wr = {
 }, Sr = { class: "abl-count-down-item hours" }, Cr = /* @__PURE__ */ dn(() => /* @__PURE__ */ u("span", { class: "abl-count-down-m" }, ":", -1)), Br = { class: "abl-count-down-item minutes" }, Vr = /* @__PURE__ */ dn(() => /* @__PURE__ */ u("span", { class: "abl-count-down-m" }, ":", -1)), Lr = { class: "abl-count-down-item seconds" };
 function Ir(e, l, t, n, a, i) {
   return r(), d("div", xr, [
-    n.remainingTime.days !== "00" ? (r(), d("span", $r, U(n.remainingTime.days), 1)) : I("", !0),
+    n.remainingTime.days !== "00" ? (r(), d("span", $r, j(n.remainingTime.days), 1)) : I("", !0),
     n.remainingTime.days !== "00" ? (r(), d("span", kr, ":")) : I("", !0),
-    u("span", Sr, U(n.remainingTime.hours), 1),
+    u("span", Sr, j(n.remainingTime.hours), 1),
     Cr,
-    u("span", Br, U(n.remainingTime.minutes), 1),
+    u("span", Br, j(n.remainingTime.minutes), 1),
     Vr,
-    u("span", Lr, U(n.remainingTime.seconds), 1)
+    u("span", Lr, j(n.remainingTime.seconds), 1)
   ]);
 }
 const Ar = /* @__PURE__ */ K(wr, [["render", Ir], ["__scopeId", "data-v-d05ba93e"]]);