abl-ui 0.3.64 → 0.3.66

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as u, normalizeStyle as z, renderSlot as I, createElementVNode as c, normalizeClass as L, createTextVNode as Y, toDisplayString as D, createCommentVNode as A, createStaticVNode as Ct, Fragment as H, renderList as ae, createVNode as ce, useSlots as Ee, ref as k, provide as he, onMounted as ye, watch as re, withDirectives as X, vShow as Q, defineComponent as St, toRefs as Te, computed as E, inject as ke, reactive as Ie, unref as ee, createBlock as se, Transition as fe, withCtx as oe, render as et, getCurrentInstance as nt, onBeforeUnmount as Ue, onUpdated as ot, onBeforeMount as Vt, Teleport as Xe, pushScopeId as _e, popScopeId as we, withModifiers as U, watchEffect as Ye, resolveDynamicComponent as Bt, mergeProps as Ce, useAttrs as Zt, nextTick as xe, onUnmounted as Lt, resolveDirective as Qt, createSlots as el, vModelDynamic as tl, normalizeProps as pt, guardReactiveProps as ll, withKeys as At, vModelText as It, toRaw as vt } from "vue";
+import { openBlock as r, createElementBlock as u, normalizeStyle as z, renderSlot as A, createElementVNode as c, normalizeClass as L, createTextVNode as Y, toDisplayString as D, createCommentVNode as I, createStaticVNode as Ct, Fragment as H, renderList as ae, createVNode as ce, useSlots as Ee, ref as k, provide as he, onMounted as ye, watch as re, withDirectives as X, vShow as Q, defineComponent as St, toRefs as Te, computed as E, inject as ke, reactive as Ie, unref as ee, createBlock as se, Transition as fe, withCtx as oe, render as et, getCurrentInstance as nt, onBeforeUnmount as Ue, onUpdated as ot, onBeforeMount as Vt, Teleport as Xe, pushScopeId as _e, popScopeId as we, withModifiers as U, watchEffect as Ye, resolveDynamicComponent as Bt, mergeProps as Ce, useAttrs as Zt, nextTick as xe, onUnmounted as Lt, resolveDirective as Qt, createSlots as el, vModelDynamic as tl, normalizeProps as pt, guardReactiveProps as ll, withKeys as At, vModelText as It, toRaw as vt } from "vue";
 const G = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of l)
@@ -39,7 +39,7 @@ const G = (e, l) => {
         style: z(e.imageStyle),
         viewBox: "0 0 64 41",
         xmlns: "http://www.w3.org/2000/svg"
-      }, il, 4)) : I(l.$slots, "default", { key: 2 }, () => [
+      }, il, 4)) : A(l.$slots, "default", { key: 2 }, () => [
         c("img", {
           class: "abl-u-empty",
           src: e.image,
@@ -51,10 +51,10 @@ const G = (e, l) => {
         key: 3,
         class: L(["u-description", { gray: e.image === "2" }])
       }, [
-        I(l.$slots, "description", {}, () => [
+        A(l.$slots, "description", {}, () => [
           Y(D(e.description), 1)
         ], !0)
-      ], 2)) : A("", !0)
+      ], 2)) : I("", !0)
     ]));
   }
 }, zt = /* @__PURE__ */ G(rl, [["__scopeId", "data-v-14294d9e"]]);
@@ -124,7 +124,7 @@ const ul = { class: "abl-table" }, dl = { class: "gridtable" }, fl = { class: "t
                   }, D(i[f.prop]), 5)
                 ], 2))), 128))
               ]))), 128))
-            ])) : A("", !0)
+            ])) : I("", !0)
           ]),
           t.data.length == 0 ? (r(), u("div", {
             key: 0,
@@ -139,7 +139,7 @@ const ul = { class: "abl-table" }, dl = { class: "gridtable" }, fl = { class: "t
                 })
               ])
             ])
-          ], 8, vl)) : A("", !0)
+          ], 8, vl)) : I("", !0)
         ], 34)
       ])
     ]));
@@ -259,12 +259,12 @@ const yl = { class: "abl-tabs" }, _l = {
               S.icon ? (r(), u("i", {
                 key: 0,
                 class: L(["iconfont-abl tab-icon", S.icon])
-              }, null, 2)) : A("", !0),
+              }, null, 2)) : I("", !0),
               Y(D(S.title) + " ", 1),
               S.afterIcon ? (r(), u("i", {
                 key: 1,
                 class: L(["iconfont-abl tab-icon-after", S.afterIcon])
-              }, null, 2)) : A("", !0)
+              }, null, 2)) : I("", !0)
             ], 10, xl))), 128))
           ]),
           (V = o.value) != null && V.width ? (r(), u("div", {
@@ -281,8 +281,8 @@ const yl = { class: "abl-tabs" }, _l = {
                 class: "iconfont-abl icon-abl-top",
                 style: z({ color: n.color })
               }, null, 4)
-            ])) : A("", !0)
-          ], 4)) : A("", !0),
+            ])) : I("", !0)
+          ], 4)) : I("", !0),
           X(c("i", {
             class: L([p.value ? "" : "right-disable", "iconfont-abl icon-abl-youjiantou"]),
             onClick: m
@@ -295,7 +295,7 @@ const yl = { class: "abl-tabs" }, _l = {
           ref: d,
           class: "tab-content"
         }, [
-          I(w.$slots, "default", {}, void 0, !0)
+          A(w.$slots, "default", {}, void 0, !0)
         ], 512)
       ]);
     };
@@ -404,7 +404,7 @@ const Ll = {
       c("span", {
         class: L(["abl-radio-label", g.value])
       }, [
-        I(v.$slots, "default", {}, () => [
+        A(v.$slots, "default", {}, () => [
           Y(D(e.label), 1)
         ])
       ], 2)
@@ -442,7 +442,7 @@ const Ll = {
         changeEvent: n
       })
     ), (o, s) => (r(), u("div", Il, [
-      I(o.$slots, "default")
+      A(o.$slots, "default")
     ], 512));
   }
 }), Nl = ["data-title", "value", "icon"], Ol = {
@@ -472,7 +472,7 @@ const Ll = {
       value: e.value,
       icon: e.icon
     }, [
-      I(n.$slots, "default")
+      A(n.$slots, "default")
     ], 8, Nl)), [
       [Q, ee(t) === e.value]
     ]);
@@ -558,8 +558,8 @@ const Ml = { class: "message-text" }, El = {
               class: "iconfont-abl icon-abl-close",
               onClick: a
             })
-          ])) : A("", !0)
-        ], 4)) : A("", !0)
+          ])) : I("", !0)
+        ], 4)) : I("", !0)
       ]),
       _: 1
     }));
@@ -684,7 +684,7 @@ const Pl = (e) => (_e("data-v-6c927dff"), e = e(), we(), e), Fl = { class: "abl-
             class: "abl-drawer-mask",
             onClick: g,
             style: z(`z-index: ${o.zIndex}`)
-          }, null, 4)) : A("", !0)
+          }, null, 4)) : I("", !0)
         ]),
         _: 1
       }),
@@ -705,7 +705,7 @@ const Pl = (e) => (_e("data-v-6c927dff"), e = e(), we(), e), Fl = { class: "abl-
               c("div", Fl, [
                 c("div", jl, [
                   e.showHeader ? (r(), u("div", Hl, [
-                    I(p.$slots, "header", {}, () => [
+                    A(p.$slots, "header", {}, () => [
                       c("div", Wl, [
                         c("span", ql, D(e.title), 1)
                       ]),
@@ -715,21 +715,21 @@ const Pl = (e) => (_e("data-v-6c927dff"), e = e(), we(), e), Fl = { class: "abl-
                         type: "button"
                       }, Xl)
                     ], !0)
-                  ])) : A("", !0),
+                  ])) : I("", !0),
                   c("div", Yl, [
-                    I(p.$slots, "default", {}, void 0, !0)
+                    A(p.$slots, "default", {}, void 0, !0)
                   ]),
                   p.$slots.footer ? (r(), u("div", {
                     key: 1,
                     class: "abl-drawer-footer",
                     style: z(e.footerStyle)
                   }, [
-                    I(p.$slots, "footer", {}, void 0, !0)
-                  ], 4)) : A("", !0)
+                    A(p.$slots, "footer", {}, void 0, !0)
+                  ], 4)) : I("", !0)
                 ])
               ])
             ], 4)
-          ], 6)) : A("", !0)
+          ], 6)) : I("", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -792,24 +792,24 @@ const Jl = {
       class: L(["abl-button", t.value])
     }, [
       e.loading ? (r(), u(H, { key: 0 }, [
-        e.loading ? (r(), u("i", Jl)) : A("", !0),
+        e.loading ? (r(), u("i", Jl)) : I("", !0),
         c("span", null, D(e.loadingText), 1)
       ], 64)) : (r(), u(H, { key: 1 }, [
-        e.iconPosition === "left" ? I(a.$slots, "icon", { key: 0 }, () => [
+        e.iconPosition === "left" ? A(a.$slots, "icon", { key: 0 }, () => [
           e.icon ? (r(), u("i", {
             key: 0,
             class: L(["iconfont-abl slot-icon-left", e.icon])
-          }, null, 2)) : A("", !0)
-        ]) : A("", !0),
+          }, null, 2)) : I("", !0)
+        ]) : I("", !0),
         c("span", Zl, [
-          I(a.$slots, "default")
+          A(a.$slots, "default")
         ]),
-        e.iconPosition === "right" ? I(a.$slots, "icon", { key: 1 }, () => [
+        e.iconPosition === "right" ? A(a.$slots, "icon", { key: 1 }, () => [
           e.icon ? (r(), u("i", {
             key: 0,
             class: L(["iconfont-abl slot-icon-right", e.icon])
-          }, null, 2)) : A("", !0)
-        ]) : A("", !0)
+          }, null, 2)) : I("", !0)
+        ]) : I("", !0)
       ], 64))
     ], 2));
   }
@@ -873,7 +873,7 @@ const ta = {
       c("span", {
         class: L(["abl-checkbox-label", f.value])
       }, [
-        I(v.$slots, "default", {}, () => [
+        A(v.$slots, "default", {}, () => [
           Y(D(e.label), 1)
         ], !0)
       ], 2)
@@ -904,7 +904,7 @@ const ta = {
         changeEvent: n
       })
     ), (o, s) => (r(), u("label", sa, [
-      I(o.$slots, "default")
+      A(o.$slots, "default")
     ]));
   }
 });
@@ -1000,24 +1000,24 @@ const ra = { class: "abl-dialog__header" }, ua = { class: "abl-dialog__title" },
               onTouchmove: p[1] || (p[1] = U(() => {
               }, ["prevent"]))
             }, [
-              I(v.$slots, "header", {}, () => [
+              A(v.$slots, "header", {}, () => [
                 c("header", ra, [
                   c("span", ua, D(e.title), 1),
                   e.showClose ? (r(), u("i", {
                     key: 0,
                     class: "iconfont-abl icon-abl-close close-icon",
                     onClick: d
-                  })) : A("", !0)
+                  })) : I("", !0)
                 ])
               ]),
               c("div", da, [
-                I(v.$slots, "default")
+                A(v.$slots, "default")
               ]),
               v.$slots.footer ? (r(), u("div", fa, [
-                I(v.$slots, "footer")
-              ])) : A("", !0)
+                A(v.$slots, "footer")
+              ])) : I("", !0)
             ], 38)
-          ], 6)) : A("", !0)
+          ], 6)) : I("", !0)
         ]),
         _: 3
       })
@@ -2082,7 +2082,7 @@ const Za = ["data-side"], Wt = {
               onMousedown: $[0] || ($[0] = U(() => {
               }, ["stop"]))
             }, [
-              I(b.$slots, "content", {}, () => [
+              A(b.$slots, "content", {}, () => [
                 Y(D(e.content), 1)
               ]),
               e.showArrow ? (r(), u("span", {
@@ -2091,8 +2091,8 @@ const Za = ["data-side"], Wt = {
                 ref: a,
                 class: "abl-popper__arrow",
                 style: z(S.value)
-              }, null, 4)) : A("", !0)
-            ], 46, Za)) : A("", !0)
+              }, null, 4)) : I("", !0)
+            ], 46, Za)) : I("", !0)
           ]),
           _: 3
         }, 8, ["name"])
@@ -2226,7 +2226,7 @@ const Za = ["data-side"], Wt = {
       popperClass: e.popperClass
     }), {
       content: oe(() => [
-        I(h.$slots, "content", {}, () => [
+        A(h.$slots, "content", {}, () => [
           e.rawContent ? (r(), u("span", {
             key: 0,
             innerHTML: e.content
@@ -2236,7 +2236,7 @@ const Za = ["data-side"], Wt = {
         ])
       ]),
       default: oe(() => [
-        I(h.$slots, "default")
+        A(h.$slots, "default")
       ]),
       _: 3
     }, 16, ["isSelect", "zIndex", "popperClass"]));
@@ -2351,11 +2351,11 @@ const Ze = (e) => (_e("data-v-bc247383"), e = e(), we(), e), en = ["onClick"], t
             class: "action-star",
             style: z(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            I(p.$slots, "character", {}, () => [
+            A(p.$slots, "character", {}, () => [
               Y(D(e.character), 1)
             ], !0)
           ], 4))
-        ], 42, tn)) : A("", !0),
+        ], 42, tn)) : I("", !0),
         c("div", {
           class: L(["abl-rate-star-second", { "temp-gray-second": n.value === m }]),
           onClick: U((C) => s(m), ["stop"]),
@@ -2383,7 +2383,7 @@ const Ze = (e) => (_e("data-v-bc247383"), e = e(), we(), e), en = ["onClick"], t
             class: "action-star",
             style: z(`font-size: ${0.66 * e.size}px; height: ${e.size}px;`)
           }, [
-            I(p.$slots, "character", {}, () => [
+            A(p.$slots, "character", {}, () => [
               Y(D(e.character), 1)
             ], !0)
           ], 4))
@@ -2427,7 +2427,7 @@ const vn = {
       class: "abl-collapse__wrap",
       style: z({ background: e.background })
     }, [
-      I(i.$slots, "default", {}, void 0, !0)
+      A(i.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }, mn = /* @__PURE__ */ G(vn, [["__scopeId", "data-v-5c200068"]]);
@@ -2504,7 +2504,7 @@ const hn = { class: "abl-collapse__title" }, gn = { key: 0 }, bn = { class: "ico
         style: z({ background: e.background })
       }, [
         c("div", hn, [
-          I(x.$slots, "title", {}, () => [
+          A(x.$slots, "title", {}, () => [
             Y(D(e.title), 1)
           ], !0)
         ]),
@@ -2519,7 +2519,7 @@ const hn = { class: "abl-collapse__title" }, gn = { key: 0 }, bn = { class: "ico
             class: "abl-collapse-item__arrow-inner",
             style: z({ borderColor: e.arrowColor })
           }, null, 4))
-        ], 2)) : A("", !0)
+        ], 2)) : I("", !0)
       ], 6),
       c("div", {
         class: L(["abl-collapse-item__content-wrap", { "abl-collapse-item-__content-ani": e.animation }]),
@@ -2530,7 +2530,7 @@ const hn = { class: "abl-collapse__title" }, gn = { key: 0 }, bn = { class: "ico
           ref: a,
           class: L(["abl-collapse-item__content", { "abl-collapse-item__content-open": i.value || !ee(t) && p.value }])
         }, [
-          I(x.$slots, "default", {}, void 0, !0)
+          A(x.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 6)
     ], 2));
@@ -2598,13 +2598,13 @@ const wn = { class: "abl-progress-text" }, xn = {
       }, {
         default: oe(() => [
           c("span", wn, [
-            I(o.$slots, "format", { percent: e.percent }, () => [
+            A(o.$slots, "format", { percent: e.percent }, () => [
               Y(D(n.value), 1)
             ], !0)
           ])
         ]),
         _: 3
-      })) : A("", !0)
+      })) : I("", !0)
     ], 4));
   }
 }, $n = /* @__PURE__ */ G(xn, [["__scopeId", "data-v-8cc56c4e"]]);
@@ -2650,30 +2650,30 @@ const kn = (e) => (_e("data-v-c42571fb"), e = e(), we(), e), Cn = { class: "abl-
   setup(e) {
     return (l, t) => (r(), u("div", Cn, [
       l.$slots.title || e.title ? (r(), u("div", Sn, [
-        I(l.$slots, "title", {}, () => [
+        A(l.$slots, "title", {}, () => [
           Y(D(e.title), 1)
         ], !0),
         l.$slots.label || e.label ? (r(), u("div", Vn, [
-          I(l.$slots, "label", {}, () => [
+          A(l.$slots, "label", {}, () => [
             Y(D(e.label), 1)
           ], !0)
-        ])) : A("", !0)
-      ])) : A("", !0),
+        ])) : I("", !0)
+      ])) : I("", !0),
       l.$slots.value || e.value ? (r(), u("div", Bn, [
-        I(l.$slots, "value", {}, () => [
+        A(l.$slots, "value", {}, () => [
           Y(D(e.value), 1)
         ], !0)
-      ])) : A("", !0),
+      ])) : I("", !0),
       l.$slots.extra || e.extra ? (r(), u("div", Ln, [
-        I(l.$slots, "extra", {}, () => [
+        A(l.$slots, "extra", {}, () => [
           Y(D(e.extra), 1)
         ], !0)
-      ])) : A("", !0),
+      ])) : I("", !0),
       e.isLink ? (r(), u("div", An, [
-        I(l.$slots, "arrow", {}, () => [
+        A(l.$slots, "arrow", {}, () => [
           In
         ], !0)
-      ])) : A("", !0)
+      ])) : I("", !0)
     ]));
   }
 }, Ut = /* @__PURE__ */ G(zn, [["__scopeId", "data-v-c42571fb"]]);
@@ -2886,10 +2886,10 @@ const Rn = /* @__PURE__ */ c("div", {
                     onClick: P[1] || (P[1] = U(() => {
                     }, ["stop"]))
                   }, null, 44, On),
-                  I(q.$slots, "default"),
+                  A(q.$slots, "default"),
                   e.showProgress ? (r(), u("div", Mn, [
                     c("div", En, D(`${s.value + 1}/${n.value}`), 1)
-                  ])) : A("", !0)
+                  ])) : I("", !0)
                 ])), [
                   [Q, s.value === te]
                 ])), 128))
@@ -2903,7 +2903,7 @@ const Rn = /* @__PURE__ */ c("div", {
                   class: "abl-image-preview__btn abl-image-preview__next",
                   onClick: U(x, ["stop"])
                 }, Fn)
-              ], 64)) : A("", !0),
+              ], 64)) : I("", !0),
               c("div", {
                 class: "abl-image-preview__btn abl-image-preview__close",
                 onClick: W
@@ -2937,7 +2937,7 @@ const Rn = /* @__PURE__ */ c("div", {
         ]),
         _: 3
       })
-    ])) : A("", !0);
+    ])) : I("", !0);
   }
 };
 const lo = { class: "abl-image-wrap" }, ao = ["src"], Yt = {
@@ -3040,8 +3040,8 @@ const lo = { class: "abl-image-wrap" }, ao = ["src"], Yt = {
             "preview-src-list": e.previewSrcList,
             "show-progress": e.showProgress,
             onClose: f
-          }, null, 8, ["initial-index", "zoom-rate", "min-scale", "max-scale", "preview-src-list", "show-progress"])) : A("", !0)
-        ], 64)) : A("", !0)
+          }, null, 8, ["initial-index", "zoom-rate", "min-scale", "max-scale", "preview-src-list", "show-progress"])) : I("", !0)
+        ], 64)) : I("", !0)
       ]);
     };
   }
@@ -3119,18 +3119,18 @@ const no = {
       return r(), u("div", {
         class: L(["abl-skeleton", e.animate && "abl-skeleton-animate"])
       }, [
-        n.$slots.template ? I(n.$slots, "template", { key: 0 }, void 0, !0) : (r(), u(H, { key: 1 }, [
+        n.$slots.template ? A(n.$slots, "template", { key: 0 }, void 0, !0) : (r(), u(H, { key: 1 }, [
           l.avatar ? (r(), u("div", no, [
             ce(Kt)
-          ])) : A("", !0),
+          ])) : I("", !0),
           c("div", oo, [
             l.title ? (r(), se(at, {
               key: 0,
               width: "40%"
-            })) : A("", !0),
+            })) : I("", !0),
             ((s = a.value) == null ? void 0 : s.length) > 0 ? (r(!0), u(H, { key: 1 }, ae(a.value, (i, d) => (r(), se(at, {
               width: t(d)
-            }, null, 8, ["width"]))), 256)) : A("", !0)
+            }, null, 8, ["width"]))), 256)) : I("", !0)
           ])
         ], 64))
       ], 2);
@@ -3359,7 +3359,7 @@ const vo = (e) => (_e("data-v-b0efe321"), e = e(), we(), e), mo = ["onClick"], h
               ref_key: "childrenRef",
               ref: d
             }, [
-              I(b.$slots, "default", {}, void 0, !0)
+              A(b.$slots, "default", {}, void 0, !0)
             ], 544), [
               [Q, f.value]
             ])
@@ -3431,7 +3431,7 @@ const $o = (e) => (_e("data-v-046e593c"), e = e(), we(), e), ko = ["active"], Co
       }, ["stop"])),
       active: a.value
     }, [
-      I(i.$slots, "default", {}, () => [
+      A(i.$slots, "default", {}, () => [
         c("div", Co, [
           (r(!0), u(H, null, ae(e.options, (f, g) => (r(), se(Ut, {
             title: f.text,
@@ -3454,7 +3454,7 @@ const $o = (e) => (_e("data-v-046e593c"), e = e(), we(), e), ko = ["active"], Co
 const zo = {}, Ro = { class: "abl-action-bar" };
 function No(e, l) {
   return r(), u("div", Ro, [
-    I(e.$slots, "default", {}, void 0, !0)
+    A(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const Oo = /* @__PURE__ */ G(zo, [["render", No], ["__scopeId", "data-v-7ea9a854"]]);
@@ -3471,7 +3471,7 @@ const Mo = {
   key: 2,
   class: "abl-input__suffix"
 }, Fo = {
-  key: 1,
+  key: 0,
   class: "abl-input-group__addon abl-input-group__addon__after"
 }, jo = /* @__PURE__ */ Object.assign({
   name: "AblInput"
@@ -3560,19 +3560,21 @@ const Mo = {
     }), (y, w) => (r(), u("div", {
       class: L(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": y.$slots.addonBefore || e.addonBefore || y.$slots.addonAfter || e.addonAfter }])
     }, [
-      y.$slots.addonBefore || e.addonBefore ? (r(), u("span", Mo, D(e.addonBefore), 1)) : A("", !0),
+      A(y.$slots, "addonBefore", {}, () => [
+        e.addonBefore ? (r(), u("span", Mo, D(e.addonBefore), 1)) : I("", !0)
+      ], !0),
       c("div", {
         class: L(["abl-input__wrapper", { "is-focus": s.value }]),
         onMouseenter: C,
         onMouseleave: x
       }, [
         y.$slots.prefix || e.prefixIcon ? (r(), u("span", Eo, [
-          I(y.$slots, "prefix", {}, void 0, !0),
+          A(y.$slots, "prefix", {}, void 0, !0),
           e.prefixIcon ? (r(), u("i", {
             key: 0,
             class: L(["iconfont-abl", e.suffixIcon])
-          }, null, 2)) : A("", !0)
-        ])) : A("", !0),
+          }, null, 2)) : I("", !0)
+        ])) : I("", !0),
         X(c("input", Ce({
           ref_key: "inputRef",
           ref: o,
@@ -3594,32 +3596,34 @@ const Mo = {
               key: 0,
               class: "iconfont-abl icon-abl-tubiao",
               onClick: m
-            })) : A("", !0),
-            i.value ? A("", !0) : (r(), u("i", {
+            })) : I("", !0),
+            i.value ? I("", !0) : (r(), u("i", {
               key: 1,
               class: "iconfont-abl icon-abl-mimayanjing",
               onClick: m
             }))
-          ], 64)) : A("", !0),
+          ], 64)) : I("", !0),
           X(c("i", {
             class: "iconfont-abl icon-abl-close",
             onClick: U(h, ["stop"])
           }, null, 512), [
             [Q, f.value]
           ])
-        ])) : A("", !0),
+        ])) : I("", !0),
         y.$slots.suffix || e.suffixIcon ? (r(), u("span", Po, [
-          I(y.$slots, "suffix", {}, void 0, !0),
+          A(y.$slots, "suffix", {}, void 0, !0),
           e.suffixIcon ? (r(), u("i", {
             key: 0,
             class: L(["iconfont-abl", e.suffixIcon])
-          }, null, 2)) : A("", !0)
-        ])) : A("", !0)
+          }, null, 2)) : I("", !0)
+        ])) : I("", !0)
       ], 34),
-      y.$slots.addonAfter || e.addonAfter ? (r(), u("span", Fo, D(e.addonAfter), 1)) : A("", !0)
+      A(y.$slots, "addonAfter", {}, () => [
+        e.addonAfter ? (r(), u("span", Fo, D(e.addonAfter), 1)) : I("", !0)
+      ], !0)
     ], 2));
   }
-}), Ho = /* @__PURE__ */ G(jo, [["__scopeId", "data-v-0f12a2b5"]]);
+}), Ho = /* @__PURE__ */ G(jo, [["__scopeId", "data-v-5c3dcab7"]]);
 const Qe = (e) => (_e("data-v-1a0f5179"), e = e(), we(), e), Wo = { class: "abl-spin-box" }, qo = {
   key: 0,
   class: "abl-spin-logo"
@@ -3674,7 +3678,7 @@ const Qe = (e) => (_e("data-v-1a0f5179"), e = e(), we(), e), Wo = { class: "abl-
         c("div", Wo, [
           e.logo ? (r(), u("div", qo, [
             c("img", { src: e.logo }, null, 8, Uo)
-          ])) : e.indicator === "dot" ? (r(), u("div", Xo, Zo)) : A("", !0),
+          ])) : e.indicator === "dot" ? (r(), u("div", Xo, Zo)) : I("", !0),
           X(c("p", { class: "abl-tip" }, D(e.tip), 513), [
             [Q, e.tip]
           ])
@@ -3686,14 +3690,14 @@ const Qe = (e) => (_e("data-v-1a0f5179"), e = e(), we(), e), Wo = { class: "abl-
         key: 0,
         class: L(["abl-spin-content", { "abl-spin-mask": e.spinning }, { "fixed-spin-mask": e.fixed }])
       }, [
-        I(l.$slots, "default", {}, void 0, !0)
+        A(l.$slots, "default", {}, void 0, !0)
       ], 2)), [
         [Q, e.spinning]
       ]) : (r(), u("div", {
         key: 1,
         class: L(["abl-spin-content", { "abl-spin-mask": e.spinning }])
       }, [
-        I(l.$slots, "default", {}, void 0, !0)
+        A(l.$slots, "default", {}, void 0, !0)
       ], 2))
     ], 6));
   }
@@ -3873,7 +3877,7 @@ const ft = (e) => (_e("data-v-12e7e74b"), e = e(), we(), e), es = { class: "abl-
             c("div", null, [
               ns,
               c("p", os, [
-                I(V.$slots, "default", {}, () => [
+                A(V.$slots, "default", {}, () => [
                   Y(D(e.tip), 1)
                 ], !0)
               ])
@@ -3902,7 +3906,7 @@ const ft = (e) => (_e("data-v-12e7e74b"), e = e(), we(), e), es = { class: "abl-
               src: a.value[b - 1].url,
               previewSrcList: [a.value[b - 1].url],
               name: a.value[b - 1].name
-            }, null, 8, ["src", "previewSrcList", "name"])) : A("", !0),
+            }, null, 8, ["src", "previewSrcList", "name"])) : I("", !0),
             c("div", cs, [
               c("a", {
                 class: "m-icon",
@@ -3917,7 +3921,7 @@ const ft = (e) => (_e("data-v-12e7e74b"), e = e(), we(), e), es = { class: "abl-
                 [Q, !e.disabled]
               ])
             ])
-          ])) : A("", !0)
+          ])) : I("", !0)
         ])
       ]))), 128))
     ]));
@@ -4153,7 +4157,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
                 key: _.name + _.value + "slot",
                 onClick: (N) => F(_, N)
               }, [
-                I(R.$slots, "option", pt(ll(_)), void 0, !0)
+                A(R.$slots, "option", pt(ll(_)), void 0, !0)
               ], 10, Ss))), 128)) : (r(), u("div", Vs, " No data "))
             ], 64)) : (r(), u(H, { key: 0 }, [
               w.list.length > 0 ? (r(!0), u(H, { key: 0 }, ae(w.list, (_, M) => (r(), u("div", {
@@ -4169,7 +4173,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
                   key: 1,
                   class: "abl-options-item-icon",
                   style: z({ "background-color": _.iconColor })
-                }, null, 4)) : A("", !0),
+                }, null, 4)) : I("", !0),
                 c("span", {
                   class: L(_.img ? "haveImg" : "")
                 }, D(_.name), 3)
@@ -4192,7 +4196,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
               }, [
                 X(c("div", bs, [
                   c("span", null, [
-                    n.value ? I(R.$slots, "name", pt(Ce({ key: 0 }, { name: g.value })), void 0, !0) : (r(), u("span", ys, D(g.value), 1))
+                    n.value ? A(R.$slots, "name", pt(Ce({ key: 0 }, { name: g.value })), void 0, !0) : (r(), u("span", ys, D(g.value), 1))
                   ])
                 ], 512), [
                   [Q, $.value.length && !V.value]
@@ -4210,7 +4214,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
                 }, null, 42, _s), [
                   [It, b.value]
                 ]),
-                x.value ? A("", !0) : X((r(), u("span", {
+                x.value ? I("", !0) : X((r(), u("span", {
                   key: 0,
                   class: "abl-select-placeholder",
                   style: z({ "line-height": e.height })
@@ -4232,7 +4236,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
                   key: 0,
                   class: "iconfont-abl icon-abl-close",
                   onClick: U(Z, ["stop"])
-                })) : A("", !0)
+                })) : I("", !0)
               ], 4)
             ])
           ], 38)
@@ -4343,12 +4347,12 @@ const Ls = { class: "abl-header" }, As = { class: "abl-title" }, Is = { class: "
     }, [
       c("div", Ls, [
         c("div", As, [
-          I(p.$slots, "title", {}, () => [
+          A(p.$slots, "title", {}, () => [
             Y(D(e.title), 1)
           ], !0)
         ]),
         c("div", Is, [
-          I(p.$slots, "extra", {}, () => [
+          A(p.$slots, "extra", {}, () => [
             Y(D(e.extra), 1)
           ], !0)
         ])
@@ -4357,7 +4361,7 @@ const Ls = { class: "abl-header" }, As = { class: "abl-title" }, Is = { class: "
         ref_key: "view",
         ref: a
       }, [
-        I(p.$slots, "default", {}, void 0, !0)
+        A(p.$slots, "default", {}, void 0, !0)
       ], 512), [
         [Q, !1]
       ]),
@@ -4372,7 +4376,7 @@ const Ls = { class: "abl-header" }, As = { class: "abl-title" }, Is = { class: "
               ref: s,
               class: "tr-bordered",
               key: m
-            }))), 128)) : A("", !0)
+            }))), 128)) : I("", !0)
           ])) : (r(), u("tbody", zs, [
             (r(!0), u(H, null, ae(i.value, (m, C) => (r(), u("tr", { key: C }, [
               (r(!0), u(H, null, ae(m, (x, y) => (r(), u("td", {
@@ -4423,12 +4427,12 @@ const Es = ["data-span", "data-label-style", "data-content-style"], Ts = { class
         "data-content-style": JSON.stringify(e.contentStyle)
       }, [
         c("span", Ts, [
-          I(l.$slots, "label", {}, () => [
+          A(l.$slots, "label", {}, () => [
             Y(D(e.label), 1)
           ], !0)
         ]),
         c("span", Ds, [
-          I(l.$slots, "default", {}, void 0, !0)
+          A(l.$slots, "default", {}, void 0, !0)
         ])
       ], 8, Es),
       c("div", {
@@ -4438,12 +4442,12 @@ const Es = ["data-span", "data-label-style", "data-content-style"], Ts = { class
         "data-content-style": JSON.stringify(e.contentStyle)
       }, [
         c("th", Fs, [
-          I(l.$slots, "label", {}, () => [
+          A(l.$slots, "label", {}, () => [
             Y(D(e.label), 1)
           ], !0)
         ]),
         c("td", js, [
-          I(l.$slots, "default", {}, void 0, !0)
+          A(l.$slots, "default", {}, void 0, !0)
         ])
       ], 8, Ps)
     ], 64));
@@ -4685,7 +4689,7 @@ const Jt = (e) => (_e("data-v-349f6091"), e = e(), we(), e), Ys = {
     return (_, M) => (r(), u("div", {
       class: L(h.value)
     }, [
-      e.hiddenRange ? A("", !0) : (r(), u("div", Ys, D(+e.min), 1)),
+      e.hiddenRange ? I("", !0) : (r(), u("div", Ys, D(+e.min), 1)),
       c("div", {
         ref_key: "root",
         ref: i,
@@ -4705,7 +4709,7 @@ const Jt = (e) => (_e("data-v-349f6091"), e = e(), we(), e), Ys = {
               style: z($(N))
             }, null, 4)
           ], 6))), 128))
-        ])) : A("", !0),
+        ])) : I("", !0),
         c("div", {
           class: "abl-range-bar",
           style: z(V.value)
@@ -4726,7 +4730,7 @@ const Jt = (e) => (_e("data-v-349f6091"), e = e(), we(), e), Ys = {
               typeof N == "number" && (n.value = N), R(j);
             }
           }, [
-            _.$slots.button ? I(_.$slots, "button", { key: 0 }, void 0, !0) : (r(), u("div", {
+            _.$slots.button ? A(_.$slots, "button", { key: 0 }, void 0, !0) : (r(), u("div", {
               key: 1,
               class: "abl-range-button",
               style: z(C.value)
@@ -4754,7 +4758,7 @@ const Jt = (e) => (_e("data-v-349f6091"), e = e(), we(), e), Ys = {
               R(N);
             })
           }, [
-            _.$slots.button ? I(_.$slots, "button", { key: 0 }, void 0, !0) : (r(), u("div", {
+            _.$slots.button ? A(_.$slots, "button", { key: 0 }, void 0, !0) : (r(), u("div", {
               key: 1,
               class: "abl-range-button",
               style: z(C.value)
@@ -4769,7 +4773,7 @@ const Jt = (e) => (_e("data-v-349f6091"), e = e(), we(), e), Ys = {
           ], 40, Zs))
         ], 4)
       ], 6),
-      e.hiddenRange ? A("", !0) : (r(), u("div", ei, D(+e.max), 1))
+      e.hiddenRange ? I("", !0) : (r(), u("div", ei, D(+e.max), 1))
     ], 2));
   }
 }, li = /* @__PURE__ */ G(ti, [["__scopeId", "data-v-349f6091"]]);
@@ -4864,12 +4868,12 @@ const ai = { class: "abl-pagination-wrap" }, ni = {
       class: L([`abl-pagination ${e.placement}`, { hidden: e.hideOnSinglePage && e.total <= e.pageSize, "no-border": !e.border }])
     }, [
       c("div", ai, [
-        e.showTotal ? (r(), u("span", ni, "total " + D(e.total) + " items", 1)) : A("", !0),
+        e.showTotal ? (r(), u("span", ni, "total " + D(e.total) + " items", 1)) : I("", !0),
         c("li", {
           class: L(["abl-pagination-item", { disabled: n.value === 1 }]),
           onClick: C[0] || (C[0] = (x) => !ee(a).itemRender && h(n.value - 1))
         }, [
-          I(m.$slots, "itemRender", {
+          A(m.$slots, "itemRender", {
             page: n.value === 1 ? 1 : n.value - 1,
             type: "prev"
           }, () => [
@@ -4880,7 +4884,7 @@ const ai = { class: "abl-pagination-wrap" }, ni = {
           class: L(["abl-pagination-item", { active: n.value === 1 }]),
           onClick: C[1] || (C[1] = (x) => !ee(a).itemRender && h(1))
         }, [
-          I(m.$slots, "itemRender", {
+          A(m.$slots, "itemRender", {
             page: 1,
             type: "page"
           }, () => [
@@ -4899,7 +4903,7 @@ const ai = { class: "abl-pagination-wrap" }, ni = {
           key: y,
           onClick: (w) => !ee(a).itemRender && h(x)
         }, [
-          I(m.$slots, "itemRender", {
+          A(m.$slots, "itemRender", {
             page: x,
             type: "page"
           }, () => [
@@ -4917,7 +4921,7 @@ const ai = { class: "abl-pagination-wrap" }, ni = {
           class: L(["abl-pagination-item", { active: n.value === i.value }]),
           onClick: C[2] || (C[2] = (x) => !ee(a).itemRender && h(i.value))
         }, [
-          I(m.$slots, "itemRender", {
+          A(m.$slots, "itemRender", {
             page: i.value,
             type: "page"
           }, () => [
@@ -4930,7 +4934,7 @@ const ai = { class: "abl-pagination-wrap" }, ni = {
           class: L(["abl-pagination-item", { disabled: n.value === i.value }]),
           onClick: C[3] || (C[3] = (x) => !ee(a).itemRender && h(n.value + 1))
         }, [
-          I(m.$slots, "itemRender", {
+          A(m.$slots, "itemRender", {
             page: i.value === n.value ? n.value : n.value + 1,
             type: "next"
           }, () => [
@@ -5013,7 +5017,7 @@ const _i = { class: "abl-breadcrumb" }, wi = {
   },
   setup(e) {
     return he("AblBreadcrumbKey", e), (t, a) => (r(), u("div", _i, [
-      I(t.$slots, "default", {}, void 0, !0)
+      A(t.$slots, "default", {}, void 0, !0)
     ]));
   }
 }, xi = /* @__PURE__ */ G(wi, [["__scopeId", "data-v-98027632"]]);
@@ -5052,7 +5056,7 @@ const $i = { class: "abl-breadcrumb__item" }, ki = {
           }]),
           onClick: a
         }, [
-          I(n.$slots, "default")
+          A(n.$slots, "default")
         ], 2),
         (s = ee(l)) != null && s.separatorIcon ? (r(), u("i", ki, [
           (r(), se(Bt(ee(l).separatorIcon)))