@dao-style/core 1.2.1-beta.1 → 1.2.2-beta.1

package/dist/dao-style.mjs

@@ -1,4 +1,4 @@
-import { ref as K, computed as w, defineComponent as q, toRefs as Te, openBlock as T, createElementBlock as S, normalizeClass as j, withKeys as je, createElementVNode as L, normalizeStyle as ot, renderSlot as I, withDirectives as Re, vShow as Ve, unref as ee, getCurrentInstance as Ft, watch as le, onMounted as kt, onBeforeUnmount as Nn, nextTick as Vn, resolveComponent as H, createBlock as ce, Teleport as Mi, createVNode as Z, Transition as Yt, withCtx as U, createTextVNode as oe, toDisplayString as X, mergeProps as mn, createCommentVNode as B, h as Dt, inject as Ee, onUnmounted as Gn, shallowRef as Li, onBeforeMount as Ai, Fragment as Ie, Text as Pi, toRef as Ri, resolveDynamicComponent as Ss, watchEffect as Yn, provide as $e, readonly as Fi, createSlots as vn, withModifiers as Ae, reactive as Ue, renderList as Ze, getCurrentScope as ji, onScopeDispose as Bi, vModelText as Is } from "vue";
+import { ref as K, computed as w, defineComponent as q, toRefs as Te, openBlock as T, createElementBlock as S, normalizeClass as F, withKeys as je, createElementVNode as L, normalizeStyle as ot, renderSlot as I, withDirectives as Re, vShow as Ve, unref as ee, getCurrentInstance as Ft, watch as le, onMounted as kt, onBeforeUnmount as Nn, nextTick as Vn, resolveComponent as H, createBlock as ce, Teleport as Mi, createVNode as Z, Transition as Yt, withCtx as U, createTextVNode as oe, toDisplayString as X, mergeProps as mn, createCommentVNode as B, h as Dt, inject as Ee, onUnmounted as Gn, shallowRef as Li, onBeforeMount as Ai, Fragment as Ie, Text as Pi, toRef as Ri, resolveDynamicComponent as Ss, watchEffect as Yn, provide as $e, readonly as Fi, createSlots as vn, withModifiers as Ae, reactive as Ue, renderList as Ze, getCurrentScope as ji, onScopeDispose as Bi, vModelText as Is } from "vue";
 var et = "top", st = "bottom", rt = "right", tt = "left", Kn = "auto", wn = [et, st, rt, tt], Kt = "start", gn = "end", Vi = "clippingParents", Ms = "viewport", on = "popper", zi = "reference", ya = /* @__PURE__ */ wn.reduce(function(e, t) {
   return e.concat([t + "-" + Kt, t + "-" + gn]);
 }, []), Ls = /* @__PURE__ */ [].concat(wn, [Kn]).reduce(function(e, t) {
@@ -915,7 +915,7 @@ const Zo = [
   "left",
   "left-start",
   "left-end"
-], dD = ["sm", "md", "lg", "xl"], Kc = ["default", "error", "success", "validating"], zs = Symbol("radioGroupKey"), Us = Symbol("tabModelValueKey"), Ws = Symbol("addTabFnKey"), Hs = Symbol("removeTabFnKey"), Gs = Symbol("checkboxGroupModelValueKey"), Ys = Symbol("checkboxUpdateGroupModelValueFnKey"), Ks = Symbol("checkboxGroupChangeFnKey"), Xn = Symbol("rootNav"), Qs = Symbol("subNav"), Xs = Symbol("breadcrumbKey"), qs = Symbol("toggleItem"), Js = Symbol("expansionProps"), Qc = Symbol("dialogConfirm"), Xc = Symbol("dialogCancel"), F = (...e) => !0, qn = {
+], dD = ["sm", "md", "lg", "xl"], Kc = ["default", "error", "success", "validating"], zs = Symbol("radioGroupKey"), Us = Symbol("tabModelValueKey"), Ws = Symbol("addTabFnKey"), Hs = Symbol("removeTabFnKey"), Gs = Symbol("checkboxGroupModelValueKey"), Ys = Symbol("checkboxUpdateGroupModelValueFnKey"), Ks = Symbol("checkboxGroupChangeFnKey"), Xn = Symbol("rootNav"), Qs = Symbol("subNav"), Xs = Symbol("breadcrumbKey"), qs = Symbol("toggleItem"), Js = Symbol("expansionProps"), Qc = Symbol("dialogConfirm"), Xc = Symbol("dialogCancel"), j = (...e) => !0, qn = {
   modelValue: {
     type: Boolean,
     default: !1
@@ -974,11 +974,11 @@ const Zo = [
     default: ""
   }
 }, Jn = {
-  "update:modelValue": (e) => F(e),
-  show: () => F(),
-  hide: () => F(),
-  "after-show": () => F(),
-  "after-hide": () => F()
+  "update:modelValue": (e) => j(e),
+  show: () => j(),
+  hide: () => j(),
+  "after-show": () => j(),
+  "after-hide": () => j()
 }, Zs = {
   popperId: {
     type: String,
@@ -1006,7 +1006,7 @@ const Zo = [
   },
   autoHide: Boolean
 }, xs = {
-  hide: () => F()
+  hide: () => j()
 }, qc = q({
   name: "PopperContent",
   props: Zs,
@@ -1049,7 +1049,7 @@ function tu(e, t, n, o, s, a) {
   return T(), S("div", {
     id: e.popperId,
     ref: "popover",
-    class: j([
+    class: F([
       "dao-popper",
       e.theme,
       e.popperClass
@@ -1298,7 +1298,7 @@ function ru(e, t, n, o, s, a) {
   const r = H("popper-content");
   return T(), S("div", {
     ref: "reference",
-    class: j([
+    class: F([
       "dao-popper-target",
       {
         "dao-popper-target--open": e.isOpen
@@ -1349,7 +1349,7 @@ const en = /* @__PURE__ */ x(su, [["render", ru]]), er = {
   daoPopperTheme: "dao-tooltip"
 });
 const tr = {
-  click: (e) => F(e)
+  click: (e) => j(e)
 }, nr = {
   name: {
     type: String,
@@ -1411,7 +1411,7 @@ function uu(e, t, n, o, s, a) {
         I(e.$slots, "default", {}, () => [
           e.isDivider ? B("", !0) : (T(), S("i", {
             key: 0,
-            class: j(["dao-action-icon__iconfont", e.name])
+            class: F(["dao-action-icon__iconfont", e.name])
           }, null, 2))
         ])
       ], 16, cu)
@@ -3742,7 +3742,7 @@ if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
 }
 process.env.NODE_ENV;
 const Nr = ["primary", "secondary", "tertiary", "ghost", "danger"], wr = {
-  click: (e) => F(e)
+  click: (e) => j(e)
 }, kr = {
   type: {
     type: String,
@@ -3798,7 +3798,7 @@ const qd = {
 function Zd(e, t, n, o, s, a) {
   return e.useFont ? (T(), S("i", {
     key: 0,
-    class: j(["dao-icon dao-iconfont", e.name])
+    class: F(["dao-icon dao-iconfont", e.name])
   }, null, 2)) : (T(), S("svg", qd, [
     L("use", {
       "xlink:href": `#${e.name}`
@@ -3848,14 +3848,14 @@ const of = ["disabled"], af = {
 function sf(e, t, n, o, s, a) {
   const r = H("dao-icon");
   return T(), S("button", {
-    class: j(e.classList),
+    class: F(e.classList),
     disabled: e.realDisabled,
     onClick: t[0] || (t[0] = (...i) => e.handleClick && e.handleClick(...i))
   }, [
     e.isSimpleButton ? I(e.$slots, "default", { key: 0 }) : (T(), S(Ie, { key: 1 }, [
       e.realIconLeft ? (T(), ce(r, {
         key: 0,
-        class: j(e.leftIconClassName),
+        class: F(e.leftIconClassName),
         "use-font": e.isIconLeftFont,
         name: e.realIconLeft
       }, null, 8, ["class", "use-font", "name"])) : B("", !0),
@@ -3864,7 +3864,7 @@ function sf(e, t, n, o, s, a) {
       ])) : B("", !0),
       e.realIconRight ? (T(), ce(r, {
         key: 2,
-        class: j(e.rightIconClassName),
+        class: F(e.rightIconClassName),
         "use-font": e.isIconRightFont,
         name: e.realIconRight
       }, null, 8, ["class", "use-font", "name"])) : B("", !0)
@@ -3989,8 +3989,8 @@ const Lo = () => {
   }
 });
 const yf = hf, so = yf, sa = {
-  delete: () => F(),
-  deselect: () => F()
+  delete: () => j(),
+  deselect: () => j()
 }, Mr = {
   total: {
     type: Number,
@@ -4108,7 +4108,7 @@ const Of = {
 function Mf(e, t, n, o, s, a) {
   const r = H("dao-icon");
   return T(), S("div", {
-    class: j(["dao-card", `dao-card--${e.type}`])
+    class: F(["dao-card", `dao-card--${e.type}`])
   }, [
     e.type !== "headless" ? (T(), S("div", Of, [
       I(e.$slots, "header", {}, () => [
@@ -4135,12 +4135,12 @@ function Mf(e, t, n, o, s, a) {
       ])
     ])) : B("", !0),
     L("div", {
-      class: j(["dao-card-container", {
+      class: F(["dao-card-container", {
         "dao-card-container-with-footer": !!e.$slots.footer
       }])
     }, [
       L("div", {
-        class: j(["dao-card-item-container", {
+        class: F(["dao-card-item-container", {
           "dao-card-item-container-divider": e.divider
         }])
       }, [
@@ -4202,11 +4202,11 @@ const ln = [String, Number, Boolean, Symbol, Object, Set, Array], Pr = {
     default: !0
   }
 }, Fr = {
-  "update:modelValue": (e) => F(e),
-  change: (e, t) => F(e, t)
+  "update:modelValue": (e) => j(e),
+  change: (e, t) => j(e, t)
 }, jr = {
-  "update:modelValue": (e) => F(e),
-  change: (e, t) => F(e, t)
+  "update:modelValue": (e) => j(e),
+  change: (e, t) => j(e, t)
 };
 function as(e, t) {
   const n = Array.from(e), o = Mo(n, t);
@@ -4312,10 +4312,10 @@ const Wf = ["disabled", "indeterminate", "checked"], Hf = /* @__PURE__ */ L("spa
 };
 function Qf(e, t, n, o, s, a) {
   return T(), S("label", {
-    class: j(e.wrapClasses)
+    class: F(e.wrapClasses)
   }, [
     L("span", {
-      class: j(e.checkboxClasses)
+      class: F(e.checkboxClasses)
     }, [
       L("input", mn({
         type: "checkbox",
@@ -4360,7 +4360,7 @@ const Xf = /* @__PURE__ */ x(Uf, [["render", Qf]]), qf = Xf, ro = qf, Jf = q({
 });
 function Zf(e, t, n, o, s, a) {
   return T(), S("div", {
-    class: j(e.checkboxGroupClasses)
+    class: F(e.checkboxGroupClasses)
   }, [
     I(e.$slots, "default")
   ], 2);
@@ -4473,7 +4473,7 @@ function ap(e, t, n, o, s, a) {
     "visible-arrow": !1,
     placement: e.ellipsisPlacement,
     offset: e.offset,
-    class: j([e.ns]),
+    class: F([e.ns]),
     "append-to": e.appendTo,
     delay: e.delay,
     "popper-class": [`${e.ns}-popper`, e.popperClass].join(" "),
@@ -4481,7 +4481,7 @@ function ap(e, t, n, o, s, a) {
   }, vn({
     default: U(() => [
       L("span", {
-        class: j([
+        class: F([
           !e.manual && `${e.ns}--auto-mode`
         ]),
         onMouseover: t[0] || (t[0] = (...r) => e.onMouseOver && e.onMouseOver(...r))
@@ -4596,18 +4596,18 @@ const sp = /* @__PURE__ */ x(np, [["render", ap]]), rp = sp, ct = rp, Wt = "dao-
     default: !0
   }
 }, ra = {
-  confirm: () => F(),
-  cancel: () => F()
+  confirm: () => j(),
+  cancel: () => j()
 }, Kr = {
-  close: () => F()
+  close: () => j()
 }, Qr = {
   ...ra,
-  change: (e) => F(e),
-  "before-open": () => F(),
-  "update:modelValue": (e) => F(e),
-  opened: () => F(),
-  "before-close": () => F(),
-  closed: () => F()
+  change: (e) => j(e),
+  "before-open": () => j(),
+  "update:modelValue": (e) => j(e),
+  opened: () => j(),
+  "before-close": () => j(),
+  closed: () => j()
 }, lp = q({
   name: "DaoDialogHeader",
   components: {
@@ -4792,11 +4792,11 @@ function gp(e, t, n, o, s, a) {
     default: U(() => [
       e.modelValue ? (T(), S("div", {
         key: 0,
-        class: j(["dao-dialog__backdrop", { "dao-dialog__backdrop--middle": e.middle }]),
+        class: F(["dao-dialog__backdrop", { "dao-dialog__backdrop--middle": e.middle }]),
         onMousedown: t[0] || (t[0] = Ae((...l) => e.onWrapperMousedown && e.onWrapperMousedown(...l), ["self"]))
       }, [
         L("div", {
-          class: j(["dao-dialog__container", e.computedContainerClass]),
+          class: F(["dao-dialog__container", e.computedContainerClass]),
           style: ot({
             "margin-top": e.computedPaddingTop,
             "margin-bottom": e.computedPaddingBottom
@@ -4886,9 +4886,9 @@ const hp = /* @__PURE__ */ x(mp, [["render", gp]]), yp = hp, bp = yp, _p = qr, E
     default: void 0
   }
 }, Zr = {
-  close: () => F(),
-  confirm: () => F(),
-  "update:modelValue": (e) => F(e)
+  close: () => j(),
+  confirm: () => j(),
+  "update:modelValue": (e) => j(e)
 }, Tp = (e) => {
   const t = document.activeElement;
   let n = null, o = null;
@@ -5003,7 +5003,7 @@ function Lp(e, t, n, o, s, a) {
     }),
     L("div", {
       ref: "drawerRef",
-      class: j(e.wrapClassList),
+      class: F(e.wrapClassList),
       onClick: t[2] || (t[2] = (...u) => e.handleWrapClick && e.handleWrapClick(...u)),
       onKeydown: t[3] || (t[3] = (...u) => e.handleWrapClick && e.handleWrapClick(...u))
     }, [
@@ -5014,7 +5014,7 @@ function Lp(e, t, n, o, s, a) {
       }, {
         default: U(() => [
           Re(L("div", {
-            class: j(e.contentClassList)
+            class: F(e.contentClassList)
           }, [
             L("div", kp, [
               e.hideHeader ? B("", !0) : (T(), S("div", Op, [
@@ -5119,7 +5119,7 @@ const Ap = /* @__PURE__ */ x(wp, [["render", Lp]]), Pp = Ap, Rp = Pp, xr = {
     validator: (e) => ["default", "red"].includes(e)
   }
 }, tl = {
-  click: (e) => F(e)
+  click: (e) => j(e)
 }, Fp = q({
   name: "DaoDropdown",
   components: {
@@ -5215,8 +5215,8 @@ const Xp = /* @__PURE__ */ x(Kp, [["render", Qp]]), qp = Xp, nl = qp, ol = {
     default: !1
   }
 }, al = {
-  "update:modelValue": (e) => F(e),
-  change: (e) => F(e)
+  "update:modelValue": (e) => j(e),
+  change: (e) => j(e)
 }, sl = {
   name: {
     type: [String, Symbol],
@@ -5227,7 +5227,7 @@ const Xp = /* @__PURE__ */ x(Kp, [["render", Qp]]), qp = Xp, nl = qp, ol = {
     default: ""
   }
 }, rl = {
-  close: (e) => F(e)
+  close: (e) => j(e)
 }, Jp = q({
   name: "DaoExpansion",
   props: ol,
@@ -5279,7 +5279,7 @@ const Xp = /* @__PURE__ */ x(Kp, [["render", Qp]]), qp = Xp, nl = qp, ol = {
 });
 function Zp(e, t, n, o, s, a) {
   return T(), S("div", {
-    class: j(e.classList)
+    class: F(e.classList)
   }, [
     I(e.$slots, "default")
   ], 2);
@@ -5375,7 +5375,7 @@ const om = {
 function dm(e, t, n, o, s, a) {
   const r = H("dao-icon"), i = H("dao-ellipsis");
   return T(), S("div", {
-    class: j(["dao-expansion-item", [
+    class: F(["dao-expansion-item", [
       `dao-expansion-item--${e.expansionType}`,
       `dao-expansion-item--${e.expansionMode}`,
       e.isExpanded && "dao-expansion-item--expanded"
@@ -5534,7 +5534,7 @@ const fm = /* @__PURE__ */ x(nm, [["render", dm]]), pm = fm, mm = pm, ll = ["hor
 });
 function gm(e, t, n, o, s, a) {
   return T(), S("div", {
-    class: j([
+    class: F([
       "dao-form",
       "dao-form__" + e.type
     ])
@@ -5604,7 +5604,7 @@ const km = { class: "dao-form-item__label-icon-wrapper" }, Om = /* @__PURE__ */
 function Cm(e, t, n, o, s, a) {
   const r = H("dao-ellipsis"), i = H("dao-tooltip"), l = H("dao-error-text"), u = H("dao-helper-text");
   return T(), S("div", {
-    class: j(e.formItemClass)
+    class: F(e.formItemClass)
   }, [
     e.showLabel ? (T(), S("div", {
       key: 0,
@@ -5638,7 +5638,7 @@ function Cm(e, t, n, o, s, a) {
     }, [
       e.wrapperType ? (T(), S("div", {
         key: 0,
-        class: j(e.formClassNames.wrapper[e.wrapperType])
+        class: F(e.formClassNames.wrapper[e.wrapperType])
       }, [
         I(e.$slots, "default")
       ], 2)) : I(e.$slots, "default", { key: 1 }),
@@ -5692,14 +5692,14 @@ function Gm(e, t, n, o, s, a) {
   return T(), S("div", {
     ref: "header",
     "aria-label": "Header",
-    class: j([e.ns, `${e.ns}--${e.type}`])
+    class: F([e.ns, `${e.ns}--${e.type}`])
   }, [
     L("div", {
-      class: j(e.ns + "__left-container")
+      class: F(e.ns + "__left-container")
     }, [
       e.showInfo.title ? (T(), S("div", {
         key: 0,
-        class: j(e.ns + "__title")
+        class: F(e.ns + "__title")
       }, [
         I(e.$slots, "title", {}, () => [
           oe(X(e.title), 1)
@@ -5707,14 +5707,14 @@ function Gm(e, t, n, o, s, a) {
       ], 2)) : B("", !0),
       e.showInfo.breadcrumb ? (T(), S("div", {
         key: 1,
-        class: j(e.ns + "__breadcrumb")
+        class: F(e.ns + "__breadcrumb")
       }, [
         I(e.$slots, "breadcrumb")
       ], 2)) : B("", !0)
     ], 2),
     e.$slots.action ? (T(), S("div", {
       key: 0,
-      class: j(e.ns + "__action")
+      class: F(e.ns + "__action")
     }, [
       I(e.$slots, "action")
     ], 2)) : B("", !0)
@@ -5769,33 +5769,33 @@ const Ym = /* @__PURE__ */ x(Hm, [["render", Gm]]), Km = Ym, Qm = Km, hl = {
 });
 function qm(e, t, n, o, s, a) {
   return T(), S("span", {
-    class: j(e.ns + "__item")
+    class: F(e.ns + "__item")
   }, [
     L("span", {
       role: "link",
-      class: j({ [e.ns + "__link"]: !!e.to }),
+      class: F({ [e.ns + "__link"]: !!e.to }),
       onClick: t[0] || (t[0] = (...r) => e.handleClick && e.handleClick(...r))
     }, [
       e.label ? (T(), S("span", {
         key: 0,
         role: "label",
-        class: j(e.ns + "__label")
+        class: F(e.ns + "__label")
       }, X(e.label), 3)) : B("", !0),
       e.value ? (T(), S("span", {
         key: 1,
-        class: j(e.ns + "__value"),
+        class: F(e.ns + "__value"),
         role: "value"
       }, X(e.value), 3)) : B("", !0),
       e.$slots.default ? (T(), S("span", {
         key: 2,
         role: "slot",
-        class: j(e.ns + "__slot")
+        class: F(e.ns + "__slot")
       }, [
         I(e.$slots, "default")
       ], 2)) : B("", !0)
     ], 2),
     L("span", {
-      class: j(e.ns + "__separator")
+      class: F(e.ns + "__separator")
     }, X(e.separator), 3)
   ], 2);
 }
@@ -5820,11 +5820,11 @@ function Zm(e, t, n, o, s, a) {
     ref: "breadcrumb",
     "aria-label": "Breadcrumb",
     role: "navigation",
-    class: j(e.ns)
+    class: F(e.ns)
   }, [
     e.$slots.icon || e.icon ? (T(), S("span", {
       key: 0,
-      class: j(e.ns + "__icon")
+      class: F(e.ns + "__icon")
     }, [
       I(e.$slots, "icon", {}, () => [
         Z(r, {
@@ -5886,12 +5886,12 @@ const xm = /* @__PURE__ */ x(Jm, [["render", Zm]]), ev = xm, tv = ev, nv = _l, o
     type: Object
   }
 }, Tl = {
-  "update:modelValue": (e) => F(e),
-  input: (e) => F(e),
-  change: (e) => F(e),
-  blur: (e) => F(e),
-  focus: (e) => F(e),
-  "after-reset": () => F()
+  "update:modelValue": (e) => j(e),
+  input: (e) => j(e),
+  change: (e) => j(e),
+  blur: (e) => j(e),
+  focus: (e) => j(e),
+  "after-reset": () => j()
 }, av = q({
   name: "DaoInput",
   components: {
@@ -6043,14 +6043,14 @@ function uv(e, t, n, o, s, a) {
       ])
     ])) : B("", !0),
     L("div", {
-      class: j(["dao-input-inner", { "dao-input__changing-number": e.isChangingNumber }])
+      class: F(["dao-input-inner", { "dao-input__changing-number": e.isChangingNumber }])
     }, [
       e.slots.prefix ? (T(), S("div", rv, [
         I(e.$slots, "prefix")
       ])) : B("", !0),
       e.type === "search" ? (T(), S("i", {
         key: 1,
-        class: j(["dao-input-search-icon", "icon-search", { "dao-input__active": e.isFocus }])
+        class: F(["dao-input-search-icon", "icon-search", { "dao-input__active": e.isFocus }])
       }, null, 2)) : B("", !0),
       L("input", mn({
         ref: "input",
@@ -6063,7 +6063,7 @@ function uv(e, t, n, o, s, a) {
       }), null, 16, lv),
       e.type === "number" ? (T(), S(Ie, { key: 2 }, [
         L("i", {
-          class: j([
+          class: F([
             "dao-input-number-icon",
             "icon-arrow-sharp",
             "number-icon-up",
@@ -6072,7 +6072,7 @@ function uv(e, t, n, o, s, a) {
           onMousedown: t[1] || (t[1] = (i) => e.changeNumberValue("increase"))
         }, null, 34),
         L("i", {
-          class: j([
+          class: F([
             "dao-input-number-icon",
             "icon-arrow-sharp",
             "number-icon-down",
@@ -6089,13 +6089,13 @@ function uv(e, t, n, o, s, a) {
         onClick: e.toggleShowPassword
       }, null, 8, ["name", "onClick"])) : B("", !0),
       Re(L("i", {
-        class: j(["dao-input-close-icon", "icon-sys-error", { "dao-input__active": e.isFocus }]),
+        class: F(["dao-input-close-icon", "icon-sys-error", { "dao-input__active": e.isFocus }]),
         onClick: t[3] || (t[3] = (i) => e.resetCurrentVal())
       }, null, 2), [
         [Ve, e.clearable]
       ]),
       Re(L("i", {
-        class: j([e.statusClasses, "dao-input-status-icon"])
+        class: F([e.statusClasses, "dao-input-status-icon"])
       }, null, 2), [
         [Ve, ["error", "success", "loading"].includes(e.status) && e.type === "text"]
       ]),
@@ -6132,11 +6132,11 @@ const dv = /* @__PURE__ */ x(av, [["render", uv]]), fv = dv, lo = fv, Nl = {
     default: !0
   }
 }, wl = {
-  "update:modelValue": (e) => F(e),
-  beforeClose: () => F(),
-  closed: () => F(),
-  beforeShow: () => F(),
-  show: () => F()
+  "update:modelValue": (e) => j(e),
+  beforeClose: () => j(),
+  closed: () => j(),
+  beforeShow: () => j(),
+  show: () => j()
 }, pv = q({
   name: "DaoMessage",
   props: Nl,
@@ -6174,13 +6174,13 @@ const mv = { class: "dao-message-icon" }, vv = { class: "dao-message-section" },
 function yv(e, t, n, o, s, a) {
   return e.isMessageShow ? (T(), S("div", {
     key: 0,
-    class: j(["dao-message-outer", e.typeClass]),
+    class: F(["dao-message-outer", e.typeClass]),
     tabindex: "1",
     onKeydown: t[1] || (t[1] = je(Ae((...r) => e.closeMessage && e.closeMessage(...r), ["self"]), ["esc"]))
   }, [
     I(e.$slots, "main", {}, () => [
       L("div", {
-        class: j(["dao-message-inner", {
+        class: F(["dao-message-inner", {
           "dao-message-inner-without-close": !e.isCloseShow,
           "dao-message-only-content": e.onlyContent
         }])
@@ -6188,7 +6188,7 @@ function yv(e, t, n, o, s, a) {
         L("div", mv, [
           I(e.$slots, "icon", {}, () => [
             L("i", {
-              class: j(`${e.typeIconName} dao-message-icon-general dao-message-icon-${e.type}`)
+              class: F(`${e.typeIconName} dao-message-icon-general dao-message-icon-${e.type}`)
             }, null, 2)
           ])
         ]),
@@ -6226,9 +6226,9 @@ const bv = /* @__PURE__ */ x(pv, [["render", yv]]), _v = bv, Ev = _v, kl = ["2nd
     validator: (e) => kl.includes(e)
   }
 }, Cl = {
-  back: () => F(),
-  toggle: (e) => F(e),
-  select: (e) => F(e)
+  back: () => j(),
+  toggle: (e) => j(e),
+  select: (e) => j(e)
 }, Sl = {
   icon: {
     type: String,
@@ -6389,7 +6389,7 @@ const wv = /* @__PURE__ */ x(Dv, [["render", Nv]]), kv = wv, Ov = kv, Cv = q({
 function Av(e, t, n, o, s, a) {
   const r = H("dao-icon"), i = H("dao-ellipsis");
   return T(), S("li", {
-    class: j(e.classHeadList)
+    class: F(e.classHeadList)
   }, [
     I(e.$slots, "default", {}, () => [
       L("div", Sv, [
@@ -6482,10 +6482,10 @@ const Pv = /* @__PURE__ */ x(Cv, [["render", Av]]), Rv = Pv, Fv = Rv, jv = q({
 function zv(e, t, n, o, s, a) {
   const r = H("dao-icon"), i = H("dao-ellipsis");
   return T(), S("li", {
-    class: j(e.classItemList)
+    class: F(e.classItemList)
   }, [
     L("div", {
-      class: j(e.classTitleList),
+      class: F(e.classTitleList),
       tabindex: "0",
       onClick: t[0] || (t[0] = (...l) => e.handleClick && e.handleClick(...l)),
       onKeydown: t[1] || (t[1] = je((...l) => e.handleClick && e.handleClick(...l), ["enter"]))
@@ -6588,10 +6588,10 @@ const Uv = /* @__PURE__ */ x(jv, [["render", zv]]), Wv = Uv, Hv = Wv, Gv = q({
 function Zv(e, t, n, o, s, a) {
   const r = H("dao-icon"), i = H("dao-ellipsis");
   return T(), S("li", {
-    class: j(e.classSubList)
+    class: F(e.classSubList)
   }, [
     L("div", {
-      class: j(e.classTitleList),
+      class: F(e.classTitleList),
       tabindex: "0",
       onClick: t[0] || (t[0] = (...l) => e.handleClick && e.handleClick(...l)),
       onKeydown: t[1] || (t[1] = je((...l) => e.handleClick && e.handleClick(...l), ["enter"]))
@@ -6633,14 +6633,14 @@ function Zv(e, t, n, o, s, a) {
   ], 2);
 }
 const xv = /* @__PURE__ */ x(Gv, [["render", Zv]]), eg = xv, tg = eg, io = {
-  "update:page-size": (e) => F(e),
-  "update:current-page": (e) => F(e),
-  next: (e) => F(e),
-  prev: (e) => F(e),
-  "page-change": (e) => F(e),
-  "size-change": (e) => F(e),
-  pageChange: (e) => F(e),
-  sizeChange: (e) => F(e)
+  "update:page-size": (e) => j(e),
+  "update:current-page": (e) => j(e),
+  next: (e) => j(e),
+  prev: (e) => j(e),
+  "page-change": (e) => j(e),
+  "size-change": (e) => j(e),
+  pageChange: (e) => j(e),
+  sizeChange: (e) => j(e)
 }, _n = {
   pageSize: {
     type: Number,
@@ -6826,11 +6826,11 @@ const Pl = {
     default: !1
   }
 }, Fl = {
-  "update:modelValue": (e) => F(e),
-  change: (e) => F(e),
-  "search-change": (e) => F(e),
-  close: () => F(),
-  open: () => F()
+  "update:modelValue": (e) => j(e),
+  change: (e) => j(e),
+  "search-change": (e) => j(e),
+  close: () => j(),
+  open: () => j()
 }, ag = q({
   name: "DaoSelect",
   components: {
@@ -7052,7 +7052,7 @@ function fg(e, t, n, o, s, a) {
     "popper-class": e.popperClass,
     "popper-options": e.popperOptions,
     "visible-arrow": !1,
-    class: j(e.selectClass),
+    class: F(e.selectClass),
     "append-to": e.appendTo,
     transition: "dao-select",
     trigger: "manual",
@@ -7116,7 +7116,7 @@ function fg(e, t, n, o, s, a) {
       return [
         L("button", {
           ref: "triggerRef",
-          class: j(["dao-selection", {
+          class: F(["dao-selection", {
             ["is-" + e.status]: !e.disabled
           }]),
           onKeydown: [
@@ -7216,7 +7216,7 @@ const gg = ["title"], hg = {
 function yg(e, t, n, o, s, a) {
   return Re((T(), S("li", {
     ref: "optionRef",
-    class: j([
+    class: F([
       "dao-option",
       {
         "dao-option-active": e.isSelected,
@@ -7310,20 +7310,20 @@ function Tg(e, t, n, o, s, a) {
   const r = H("dao-option"), i = H("dao-select");
   return e.computedLayout.show ? (T(), S("div", {
     key: 0,
-    class: j([
+    class: F([
       "dao-pagination",
       { "dao-pagination--compact": e.compact },
       { "dao-pagination--with-shadow": !e.noShadow }
     ])
   }, [
     L("div", {
-      class: j(["dao-pagination__total", { "is-invisible": !e.computedLayout.total }])
+      class: F(["dao-pagination__total", { "is-invisible": !e.computedLayout.total }])
     }, X(e.totalText), 3),
     L("div", {
-      class: j(["dao-pagination__pager", { "is-invisible": !e.computedLayout.pager }])
+      class: F(["dao-pagination__pager", { "is-invisible": !e.computedLayout.pager }])
     }, [
       L("i", {
-        class: j([
+        class: F([
           "icon-arrow-previous",
           "dao-pagination__pager-prev",
           { "dao-pagination__pager-icon--disabled": e.currentPage <= 1 }
@@ -7341,7 +7341,7 @@ function Tg(e, t, n, o, s, a) {
       ]),
       L("span", $g, " / " + X(e.totalPage), 1),
       L("i", {
-        class: j([
+        class: F([
           "icon-arrow-next",
           "dao-pagination__pager-next",
           { "dao-pagination__pager-icon--disabled": e.currentPage >= e.totalPage }
@@ -7350,7 +7350,7 @@ function Tg(e, t, n, o, s, a) {
       }, null, 2)
     ], 2),
     Z(i, {
-      class: j(["dao-pagination__sizer", { "is-invisible": !e.computedLayout.sizer }]),
+      class: F(["dao-pagination__sizer", { "is-invisible": !e.computedLayout.sizer }]),
       "model-value": e.pageSize,
       size: "sm",
       style: ot({ width: `${e.pageSizerWidth}px` }),
@@ -7453,8 +7453,8 @@ const Mg = /* @__PURE__ */ x(kg, [["render", Ig]]), Lg = Mg, Ag = Lg, zl = {
     default: ""
   }
 }, da = {
-  "update:modelValue": (e) => F(e),
-  change: (e) => F(e)
+  "update:modelValue": (e) => j(e),
+  change: (e) => j(e)
 }, Ul = {
   modelValue: {
     type: [String, Number, Boolean],
@@ -7508,10 +7508,10 @@ const Rg = ["disabled", "name", "checked"], Fg = /* @__PURE__ */ L("span", { cla
 };
 function zg(e, t, n, o, s, a) {
   return T(), S("label", {
-    class: j(e.wrapClasses)
+    class: F(e.wrapClasses)
   }, [
     L("span", {
-      class: j(e.radioClasses)
+      class: F(e.radioClasses)
     }, [
       L("input", {
         type: "radio",
@@ -7559,14 +7559,14 @@ const Ug = /* @__PURE__ */ x(Pg, [["render", zg]]), Wg = Ug, Hg = Wg, Gg = q({
 });
 function Yg(e, t, n, o, s, a) {
   return T(), S("div", {
-    class: j(e.radioGroupClasses)
+    class: F(e.radioGroupClasses)
   }, [
     I(e.$slots, "default")
   ], 2);
 }
 const Kg = /* @__PURE__ */ x(Gg, [["render", Yg]]), Qg = Kg, Xg = Qg, Hl = {
-  "update:modelValue": (e) => F(e),
-  change: (e) => F(e)
+  "update:modelValue": (e) => j(e),
+  change: (e) => j(e)
 }, Gl = {
   modelValue: {
     type: Boolean,
@@ -7626,7 +7626,7 @@ const Jg = ["value", "name", "disabled"], Zg = {
 };
 function xg(e, t, n, o, s, a) {
   return T(), S("div", {
-    class: j(["dao-switch", { "dao-switch--disabled": e.disabled, "dao-switch--size-sm": e.size === "sm" }]),
+    class: F(["dao-switch", { "dao-switch--disabled": e.disabled, "dao-switch--size-sm": e.size === "sm" }]),
     onClick: t[0] || (t[0] = (...r) => e.toggle && e.toggle(...r))
   }, [
     L("input", {
@@ -7637,7 +7637,7 @@ function xg(e, t, n, o, s, a) {
       disabled: e.disabled
     }, null, 8, Jg),
     L("span", {
-      class: j(["dao-switch__pill", { "dao-switch-checked": e.currentValue }])
+      class: F(["dao-switch__pill", { "dao-switch-checked": e.currentValue }])
     }, null, 2),
     e.showText ? (T(), S("span", Zg, X(e.currentValue ? e.textContent.on : e.textContent.off), 1)) : B("", !0)
   ], 2);
@@ -8207,9 +8207,9 @@ function i_(e) {
   return e == null;
 }
 const ri = {
-  "fixed-column-width": () => F(),
-  "update-column-width": (e) => F(e),
-  "after-resize": () => F()
+  "fixed-column-width": () => j(),
+  "update-column-width": (e) => j(e),
+  "after-resize": () => j()
 }, li = {
   column: {
     type: Object,
@@ -8273,7 +8273,7 @@ const f_ = /* @__PURE__ */ x(c_, [["render", d_]]), ii = {
     default: ""
   }
 }, ci = {
-  close: () => F()
+  close: () => j()
 }, p_ = q({
   name: "DaoTag",
   components: {
@@ -8328,12 +8328,12 @@ const y_ = /* @__PURE__ */ x(p_, [["render", h_]]), b_ = y_, ui = b_, di = {
     default: void 0
   }
 }, fi = {
-  "update:search": (e) => F(e),
-  search: () => F()
+  "update:search": (e) => j(e),
+  search: () => j()
 }, ma = {
-  "update:search": (e) => F(e),
-  search: () => F(),
-  refresh: () => F()
+  "update:search": (e) => j(e),
+  search: () => j(),
+  refresh: () => j()
 }, pi = {
   label: "dao-toolbar__filter-label",
   widget: "dao-toolbar__filter-widget"
@@ -8586,7 +8586,7 @@ const T_ = { class: "dao-toolbar" }, N_ = {
 function S_(e, t, n, o, s, a) {
   const r = H("dao-toolbar-filter"), i = H("dao-action-icon"), l = H("dao-tag");
   return T(), S("div", {
-    class: j(["dao-toolbar-container", {
+    class: F(["dao-toolbar-container", {
       "dao-toolbar-container--with-shadow": !e.noShadow,
       "dao-toolbar-container--with-rounded": !e.noRounded
     }])
@@ -8686,7 +8686,7 @@ const R_ = /* @__PURE__ */ L("img", {
 }, null, -1);
 function F_(e, t, n, o, s, a) {
   return T(), S("div", {
-    class: j(["dao-empty", `dao-empty--${e.type}`])
+    class: F(["dao-empty", `dao-empty--${e.type}`])
   }, [
     I(e.$slots, "default", {}, () => [
       R_
@@ -8696,7 +8696,7 @@ function F_(e, t, n, o, s, a) {
       className: e.titleClassName
     }, () => [
       L("div", {
-        class: j(e.titleClassName)
+        class: F(e.titleClassName)
       }, X(e.formattedTitle), 3)
     ]) : B("", !0),
     e.$slots.helper || e.helper ? I(e.$slots, "helper", {
@@ -8704,13 +8704,13 @@ function F_(e, t, n, o, s, a) {
       className: e.helperClassName
     }, () => [
       L("div", {
-        class: j(e.helperClassName)
+        class: F(e.helperClassName)
       }, X(e.helper), 3)
     ]) : B("", !0)
   ], 2);
 }
 const j_ = /* @__PURE__ */ x(A_, [["render", F_]]), B_ = j_, ga = B_, gi = {
-  confirm: (e) => F(e)
+  confirm: (e) => j(e)
 }, hi = {
   tableSetting: {
     type: Object,
@@ -8873,7 +8873,7 @@ function K_(e, t, n, o, s, a) {
       Z(r, {
         ref: "triggerRef",
         name: "icon-setting",
-        class: j({ "dao-table-column-setting__icon-setting": e.isShow }),
+        class: F({ "dao-table-column-setting__icon-setting": e.isShow }),
         onClick: e.onToggle
       }, null, 8, ["class", "onClick"])
     ]),
@@ -8888,14 +8888,14 @@ const yi = {
   ...ma,
   ...sa,
   ...io,
-  select: (e, t, n) => F(e, t, n),
-  "update:selectedRows": (e) => F(e),
-  "update:expandedRows": (e) => F(e),
-  sortChange: (e) => F(e),
-  hideColumn: (e) => F(e),
-  afterResize: (e) => F(e),
-  expandToggle: (e, t, n) => F(e, t, n),
-  "row-click": (e, t) => F(e, t)
+  select: (e, t, n) => j(e, t, n),
+  "update:selectedRows": (e) => j(e),
+  "update:expandedRows": (e) => j(e),
+  sortChange: (e) => j(e),
+  hideColumn: (e) => j(e),
+  afterResize: (e) => j(e),
+  expandToggle: (e, t, n) => j(e, t, n),
+  "row-click": (e, t) => j(e, t)
 }, bi = {
   id: {
     type: String,
@@ -9313,7 +9313,7 @@ const nE = {
 function yE(e, t, n, o, s, a) {
   const r = H("column-setting"), i = H("dao-toolbar"), l = H("dao-batch-bar"), u = H("dao-checkbox"), c = H("dao-resizer"), d = H("td-action"), v = H("dao-ellipsis"), h = H("dao-empty"), _ = H("dao-pagination");
   return T(), S("div", {
-    class: j(["dao-table-container", {
+    class: F(["dao-table-container", {
       "dao-table-container--with-shadow": !e.noShadow,
       "dao-table-container--with-rounded": !e.noRounded && e.showToolbar
     }])
@@ -9381,7 +9381,7 @@ function yE(e, t, n, o, s, a) {
     ]),
     L("div", {
       ref: "tableScroll",
-      class: j(["dao-table-scroll", e.tableWrapperClasses])
+      class: F(["dao-table-scroll", e.tableWrapperClasses])
     }, [
       L("table", oE, [
         e.showHeader ? (T(), S("thead", aE, [
@@ -9399,7 +9399,7 @@ function yE(e, t, n, o, s, a) {
               key: f.id,
               ref_for: !0,
               ref: (y) => e.setColumnRef(f.id, y),
-              class: j(["dao-table-th", e.thClass(f)]),
+              class: F(["dao-table-th", e.thClass(f)]),
               style: ot(e.columnStyle(f.id)),
               onClick: (y) => e.sortColumn(f)
             }, [
@@ -9410,7 +9410,7 @@ function yE(e, t, n, o, s, a) {
               ]),
               f.sortable ? Re((T(), S("i", {
                 key: 0,
-                class: j(["dao-table-sort-icon", [e.sort.desc ? "icon-sorting-decline" : "icon-sorting-increase"]])
+                class: F(["dao-table-sort-icon", [e.sort.desc ? "icon-sorting-decline" : "icon-sorting-increase"]])
               }, null, 2)), [
                 [Ve, e.sort.id === f.id]
               ]) : B("", !0),
@@ -9428,7 +9428,7 @@ function yE(e, t, n, o, s, a) {
         L("tbody", uE, [
           (T(!0), S(Ie, null, Ze(e.data, (f, y) => (T(), S(Ie, { key: y }, [
             L("tr", {
-              class: j(["dao-table-tr", { "dao-table-tr--expandable-open": e.expandable && e.isRowExpanded(f) }]),
+              class: F(["dao-table-tr", { "dao-table-tr--expandable-open": e.expandable && e.isRowExpanded(f) }]),
               onClick: (g) => e.onRowClick(g, f, y)
             }, [
               e.selectable ? (T(), S("td", fE, [
@@ -9562,9 +9562,9 @@ const bE = /* @__PURE__ */ x(tE, [["render", yE]]), _E = bE, EE = _E, DE = (e) =
     default: null
   }
 }, Ei = {
-  "update:modelValue": (e) => F(e),
-  change: (e) => F(e),
-  click: (e, t) => F(t)
+  "update:modelValue": (e) => j(e),
+  change: (e) => j(e),
+  click: (e, t) => j(t)
 }, Di = {
   label: {
     type: [String, Function],
@@ -9595,8 +9595,8 @@ const bE = /* @__PURE__ */ x(tE, [["render", yE]]), _E = bE, EE = _E, DE = (e) =
     default: () => []
   }
 }, Ti = {
-  updateValue: (e) => F(e),
-  click: (e, t) => F(t)
+  updateValue: (e) => j(e),
+  click: (e, t) => j(t)
 }, Ni = q({
   name: "DaoTabNav",
   props: $i,
@@ -9734,10 +9734,10 @@ const wE = { class: "dao-tabs__nav__wrap" }, kE = {
 function CE(e, t, n, o, s, a) {
   const r = H("tab-nav");
   return T(), S("div", {
-    class: j(["dao-tabs", ["dao-tabs--" + e.type, e.direction === "right" ? "dao-tabs--right" : ""]])
+    class: F(["dao-tabs", ["dao-tabs--" + e.type, e.direction === "right" ? "dao-tabs--right" : ""]])
   }, [
     L("div", {
-      class: j(["dao-tabs__header", "dao-tabs__header--" + e.type])
+      class: F(["dao-tabs__header", "dao-tabs__header--" + e.type])
     }, [
       L("div", wE, [
         Z(r, {
@@ -9771,7 +9771,7 @@ const SE = /* @__PURE__ */ x(NE, [["render", CE]]), IE = SE, ME = IE, LE = Ni, A
 function RE(e, t, n, o, s, a) {
   return T(), S("div", {
     ref: "tabItem",
-    class: j(["dao-tab-item", {
+    class: F(["dao-tab-item", {
       "dao-tab-item--hidden": !e.active
     }])
   }, [
@@ -9860,19 +9860,19 @@ const zE = ["normal", "full"], pn = {
   hideDesc: pn.hideDesc,
   props: pn.props
 }, ki = {
-  "update:modelValue": (e) => F(e),
-  clear: (e) => F(e),
-  change: (e) => F(e),
-  "left-search": () => F(),
-  "right-search": () => F(),
-  refresh: () => F(),
-  checkAll: (e) => F(e),
+  "update:modelValue": (e) => j(e),
+  clear: (e) => j(e),
+  change: (e) => j(e),
+  "left-search": () => j(),
+  "right-search": () => j(),
+  refresh: () => j(),
+  checkAll: (e) => j(e),
   ...io
 }, Oi = {
-  selectedChange: (e) => F(e),
-  refresh: () => F(),
-  search: () => F(),
-  checkAll: (e) => F(e)
+  selectedChange: (e) => j(e),
+  refresh: () => j(),
+  search: () => j(),
+  checkAll: (e) => j(e)
 }, WE = q({
   name: "DaoTransferPanel",
   components: {
@@ -9961,26 +9961,26 @@ function HE(e, t, n, o, s, a) {
   var v;
   const r = H("dao-input"), i = H("dao-action-icon"), l = H("dao-checkbox"), u = H("dao-ellipsis"), c = H("dao-text-button"), d = H("dao-empty");
   return T(), S("div", {
-    class: j([e.ns, `${e.ns}--${e.type}`, e.hideDesc && `${e.ns}--desc-hide`])
+    class: F([e.ns, `${e.ns}--${e.type}`, e.hideDesc && `${e.ns}--desc-hide`])
   }, [
     e.filterable || e.$slots.header || e.$slots["header-left"] || e.$slots["header-right"] ? (T(), S("div", {
       key: 0,
-      class: j(`${e.ns}__head`)
+      class: F(`${e.ns}__head`)
     }, [
       e.$slots.header || e.$slots["header-left"] || e.$slots["header-right"] ? (T(), S("div", {
         key: 0,
-        class: j(`${e.ns}__header`)
+        class: F(`${e.ns}__header`)
       }, [
         I(e.$slots, "header", {}, () => [
           e.$slots["header-left"] ? (T(), S("div", {
             key: 0,
-            class: j(`${e.ns}__header-left`)
+            class: F(`${e.ns}__header-left`)
           }, [
             I(e.$slots, "header-left")
           ], 2)) : B("", !0),
           e.$slots["header-right"] ? (T(), S("div", {
             key: 1,
-            class: j(`${e.ns}__header-right`)
+            class: F(`${e.ns}__header-right`)
           }, [
             I(e.$slots, "header-right")
           ], 2)) : B("", !0)
@@ -9988,7 +9988,7 @@ function HE(e, t, n, o, s, a) {
       ], 2)) : B("", !0),
       e.filterable ? (T(), S("div", {
         key: 1,
-        class: j(`${e.ns}__toolbar`)
+        class: F(`${e.ns}__toolbar`)
       }, [
         Z(r, {
           modelValue: e.query,
@@ -9997,14 +9997,14 @@ function HE(e, t, n, o, s, a) {
           borderless: "",
           type: "search",
           placeholder: e.filterPlaceholder,
-          class: j([
+          class: F([
             `${e.ns}__toolbar-left`,
             `${e.ns}__toolbar__search`
           ])
         }, null, 8, ["modelValue", "placeholder", "class"]),
         e.isSource ? (T(), ce(i, {
           key: 0,
-          class: j(`${e.ns}__toolbar-right`),
+          class: F(`${e.ns}__toolbar-right`),
           name: "icon-refresh",
           onClick: t[1] || (t[1] = (h) => e.$emit("refresh"))
         }, null, 8, ["class"])) : B("", !0)
@@ -10012,7 +10012,7 @@ function HE(e, t, n, o, s, a) {
     ], 2)) : B("", !0),
     ((v = e.$slots) == null ? void 0 : v["check-all"]) && !e.isEmpty ? I(e.$slots, "check-all", { key: 1 }, () => [
       L("div", {
-        class: j([`${e.ns}__item`, `${e.ns}__check-all`])
+        class: F([`${e.ns}__item`, `${e.ns}__check-all`])
       }, [
         Z(l, {
           checked: e.checkedStatus.checked,
@@ -10028,18 +10028,18 @@ function HE(e, t, n, o, s, a) {
       ], 2)
     ]) : B("", !0),
     L("div", {
-      class: j([`${e.ns}__body`, e.hasFooter && "is-with-footer"])
+      class: F([`${e.ns}__body`, e.hasFooter && "is-with-footer"])
     }, [
       Re(L("div", {
-        class: j([`${e.ns}__list`, e.filterable && "is-filterable"])
+        class: F([`${e.ns}__list`, e.filterable && "is-filterable"])
       }, [
         (T(!0), S(Ie, null, Ze(e.filteredData, (h) => (T(), S("div", {
           key: e.type + h[e.keyProp],
-          class: j(`${e.ns}__item`)
+          class: F(`${e.ns}__item`)
         }, [
           Z(l, {
             id: e.type + h[e.keyProp],
-            class: j(e.ns + "__content"),
+            class: F(e.ns + "__content"),
             type: "checkbox",
             checked: e.checkedKeys.includes(h[e.keyProp]),
             disabled: e.disabledKeys.includes(h[e.keyProp]),
@@ -10075,20 +10075,20 @@ function HE(e, t, n, o, s, a) {
           ]), 1032, ["id", "class", "checked", "disabled", "onChange"]),
           !e.isSource && !e.disabledKeys.includes(h[e.keyProp]) ? (T(), ce(c, {
             key: 0,
-            style: { fontSize: "16px" },
+            class: F(e.ns + "__remove-icon"),
             prop: {
               type: "default",
               icon: "icon-sys-error"
             },
             onClick: (_) => e.handleItemEvent("remove", h)
-          }, null, 8, ["onClick"])) : B("", !0)
+          }, null, 8, ["class", "onClick"])) : B("", !0)
         ], 2))), 128))
       ], 2), [
         [Ve, !e.isEmpty]
       ])
     ], 2),
     Re(L("div", {
-      class: j(`${e.ns}__empty`)
+      class: F(`${e.ns}__empty`)
     }, [
       I(e.$slots, "empty", {}, () => [
         Z(d)
@@ -10098,7 +10098,7 @@ function HE(e, t, n, o, s, a) {
     ]),
     e.hasFooter ? (T(), S("div", {
       key: 2,
-      class: j(`${e.ns}__footer`)
+      class: F(`${e.ns}__footer`)
     }, [
       I(e.$slots, "footer", { isEmpty: e.isEmpty })
     ], 2)) : B("", !0)
@@ -10176,7 +10176,7 @@ function QE(e, t, n, o, s, a) {
   var u, c, d, v, h, _, f, y, g;
   const r = H("dao-pagination"), i = H("dao-transfer-panel"), l = H("dao-text-button");
   return T(), S("div", {
-    class: j(["dao-transfer", `dao-transfer--${e.type}`])
+    class: F(["dao-transfer", `dao-transfer--${e.type}`])
   }, [
     Z(i, {
       ref: "leftPanel",
@@ -10735,7 +10735,7 @@ export {
   el as dropdownItemProps,
   xr as dropdownProps,
   zr as ellipsisProps,
-  F as emitHelperFn,
+  j as emitHelperFn,
   vi as emptyProps,
   fl as errorTextProps,
   al as expansionEmits,