@dao-style/core 1.15.1-beta.4 → 1.16.0

package/dist/dao-style.mjs

@@ -1,4 +1,4 @@
-import { ref as Y, computed as D, defineComponent as x, toRefs as De, openBlock as w, createElementBlock as k, normalizeClass as F, withKeys as Ge, createElementVNode as R, normalizeStyle as tt, renderSlot as C, withDirectives as Te, vShow as Fe, getCurrentInstance as Pt, onBeforeUnmount as Kt, onMounted as ct, nextTick as Dt, getCurrentScope as Ru, onScopeDispose as Fu, unref as le, watch as ue, reactive as $e, resolveComponent as W, createBlock as ae, Teleport as rl, createVNode as X, Transition as Wt, withCtx as j, createTextVNode as re, toDisplayString as Q, normalizeProps as Ht, guardReactiveProps as tn, createSlots as st, createCommentVNode as V, h as dt, inject as Ee, onUnmounted as $o, shallowRef as ju, onBeforeMount as zu, Fragment as Be, Text as Bu, provide as Le, mergeProps as nn, withModifiers as ze, watchEffect as On, readonly as Vu, resolveDynamicComponent as vo, vModelText as Pa, renderList as Ye, toRef as Ra, TransitionGroup as Uu, resolveDirective as ll, pushScopeId as Wu, popScopeId as Hu, withScopeId as Gu, markRaw as Ku, shallowReactive as Yu, toHandlers as Qu } from "vue";
+import { ref as Y, computed as D, defineComponent as x, toRefs as De, openBlock as w, createElementBlock as k, normalizeClass as F, withKeys as Ge, createElementVNode as R, normalizeStyle as tt, renderSlot as C, withDirectives as Te, vShow as Fe, getCurrentInstance as Pt, onBeforeUnmount as Kt, onMounted as ct, nextTick as Dt, getCurrentScope as Ru, onScopeDispose as Fu, unref as le, watch as ue, reactive as $e, resolveComponent as W, createBlock as ae, Teleport as rl, createVNode as X, Transition as Wt, withCtx as j, createTextVNode as se, toDisplayString as Q, normalizeProps as Ht, guardReactiveProps as tn, createSlots as st, createCommentVNode as V, h as dt, inject as Ee, onUnmounted as $o, shallowRef as ju, onBeforeMount as zu, Fragment as Be, Text as Bu, provide as Le, mergeProps as nn, withModifiers as ze, watchEffect as On, readonly as Vu, resolveDynamicComponent as vo, vModelText as Pa, renderList as Ye, toRef as Ra, TransitionGroup as Uu, resolveDirective as ll, pushScopeId as Wu, popScopeId as Hu, withScopeId as Gu, markRaw as Ku, shallowReactive as Yu, toHandlers as Qu } from "vue";
 const na = Y(), Xu = () => D(() => na.value);
 function qu(e) {
   const t = e;
@@ -664,15 +664,15 @@ function zd(e) {
 function Bd(e) {
   var t = e.state, n = e.options, o = e.name;
   if (!t.modifiersData[o]._skip) {
-    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, r = n.altAxis, i = r === void 0 ? !0 : r, l = n.fallbackPlacements, u = n.padding, c = n.boundary, p = n.rootBoundary, m = n.altBoundary, b = n.flipVariations, _ = b === void 0 ? !0 : b, f = n.allowedAutoPlacements, g = t.options.placement, d = ft(g), v = d === g, T = l || (v || !_ ? [lo(g)] : zd(g)), $ = [g].concat(T).reduce(function(oe, se) {
-      return oe.concat(ft(se) === Do ? jd(t, {
-        placement: se,
+    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, r = n.altAxis, i = r === void 0 ? !0 : r, l = n.fallbackPlacements, u = n.padding, c = n.boundary, p = n.rootBoundary, m = n.altBoundary, b = n.flipVariations, _ = b === void 0 ? !0 : b, f = n.allowedAutoPlacements, g = t.options.placement, d = ft(g), v = d === g, T = l || (v || !_ ? [lo(g)] : zd(g)), $ = [g].concat(T).reduce(function(oe, re) {
+      return oe.concat(ft(re) === Do ? jd(t, {
+        placement: re,
         boundary: c,
         rootBoundary: p,
         padding: u,
         flipVariations: _,
         allowedAutoPlacements: f
-      }) : se);
+      }) : re);
     }, []), O = t.rects.reference, N = t.rects.popper, E = /* @__PURE__ */ new Map(), A = !0, M = $[0], z = 0; z < $.length; z++) {
       var G = $[z], q = ft(G), Z = $n(G) === bn, ce = [lt, pt].indexOf(q) >= 0, de = ce ? "width" : "height", ne = Ha(t, {
         placement: G,
@@ -692,11 +692,11 @@ function Bd(e) {
       E.set(G, ve);
     }
     if (A)
-      for (var ye = _ ? 3 : 1, Me = function(se) {
+      for (var ye = _ ? 3 : 1, Me = function(re) {
         var Ce = $.find(function(Se) {
           var be = E.get(Se);
           if (be)
-            return be.slice(0, se).every(function(_e) {
+            return be.slice(0, re).every(function(_e) {
               return _e;
             });
         });
@@ -781,7 +781,7 @@ function Qd(e) {
       var G = $ === "y" ? lt : it, q = $ === "y" ? pt : mt, Z = $ === "y" ? "height" : "width", ce = N[$], de = N[$] + g[G], ne = N[$] - g[q], ge = b ? -A[Z] / 2 : 0, me = v === bn ? E[Z] : A[Z], ve = v === bn ? -A[Z] : -E[Z], ye = t.elements.arrow, Me = b && ye ? za(ye) : {
         width: 0,
         height: 0
-      }, Pe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Sl(), B = Pe[G], oe = Pe[q], se = ro(0, E[Z], Me[Z]), Ce = T ? E[Z] / 2 - ge - se - B - M : me - se - B - M, Se = T ? -E[Z] / 2 + ge + se + oe + M : ve + se + oe + M, be = t.elements.arrow && qn(t.elements.arrow), _e = be ? $ === "y" ? be.clientTop || 0 : be.clientLeft || 0 : 0, Ve = t.modifiersData.offset ? t.modifiersData.offset[t.placement][$] : 0, We = N[$] + Ce - Ve - _e, je = N[$] + Se - Ve;
+      }, Pe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Sl(), B = Pe[G], oe = Pe[q], re = ro(0, E[Z], Me[Z]), Ce = T ? E[Z] / 2 - ge - re - B - M : me - re - B - M, Se = T ? -E[Z] / 2 + ge + re + oe + M : ve + re + oe + M, be = t.elements.arrow && qn(t.elements.arrow), _e = be ? $ === "y" ? be.clientTop || 0 : be.clientLeft || 0 : 0, Ve = t.modifiersData.offset ? t.modifiersData.offset[t.placement][$] : 0, We = N[$] + Ce - Ve - _e, je = N[$] + Se - Ve;
       if (s) {
         var y = ro(b ? Un(de, We) : de, ce, b ? Ut(ne, je) : ne);
         N[$] = y, z[$] = y - ce;
@@ -1299,7 +1299,7 @@ const Ka = (e, t, n, o = gn) => {
   }), N = async () => {
     var Se;
     a != null && a.destroy && a.destroy();
-    const B = le(d), oe = le(c), se = [
+    const B = le(d), oe = le(c), re = [
       Xd,
       Hd,
       Vd,
@@ -1317,26 +1317,26 @@ const Ka = (e, t, n, o = gn) => {
         }
       }
     ];
-    if (B && i && se.push(Is, {
+    if (B && i && re.push(Is, {
       name: "arrow",
       options: {
         element: i
       }
     }), oe) {
       const be = [0, Number(oe)];
-      se.push({
+      re.push({
         name: "offset",
         options: {
           offset: be
         }
       });
     }
-    se.push(...((Se = le(m)) == null ? void 0 : Se.modifiers) || []);
+    re.push(...((Se = le(m)) == null ? void 0 : Se.modifiers) || []);
     const Ce = {
       strategy: "fixed",
       placement: le(b),
       ...le(m),
-      modifiers: se
+      modifiers: re
     };
     s && r && (a = df(s, r, Ce)), await Dt(), v.value = !0, a == null || a.update();
   }, E = (B) => {
@@ -1374,15 +1374,15 @@ const Ka = (e, t, n, o = gn) => {
   }, ce = (B) => {
     let { target: oe } = B;
     if (B.composed) {
-      const se = B.composedPath();
-      se.length && ([oe] = se);
+      const re = B.composedPath();
+      re.length && ([oe] = re);
     }
     !le(v) || !(r != null && r.contains(oe)) && !(s && "contains" in s && (s == null ? void 0 : s.contains(oe))) && q();
   }, de = (B) => {
     let oe = le(_);
-    oe !== "manual" && (Array.isArray(oe) || (oe = [oe]), oe.forEach((se) => {
+    oe !== "manual" && (Array.isArray(oe) || (oe = [oe]), oe.forEach((re) => {
       if (!(!s || !("addEventListener" in s)))
-        switch (se) {
+        switch (re) {
           case "click":
             B(s, "click", Z), B(document, "click", ce);
             break;
@@ -1441,8 +1441,8 @@ const Ka = (e, t, n, o = gn) => {
     });
   });
   return bf(() => {
-    var B, oe, se;
-    s = le(e), r = (B = le(t)) == null ? void 0 : B.$el, i = (se = (oe = le(t)) == null ? void 0 : oe.$refs) == null ? void 0 : se.arrow, ne();
+    var B, oe, re;
+    s = le(e), r = (B = le(t)) == null ? void 0 : B.$el, i = (re = (oe = le(t)) == null ? void 0 : oe.$refs) == null ? void 0 : re.arrow, ne();
   }), yf(() => {
     me(), ve(), ye(), Me(), Pe(), ge(), A();
   }), {
@@ -1554,7 +1554,7 @@ function kf(e, t, n, o, a, s) {
           }, {
             default: j(() => [
               C(e.$slots, "content", {}, () => [
-                re(Q(e.content), 1)
+                se(Q(e.content), 1)
               ])
             ]),
             _: 3
@@ -2066,7 +2066,7 @@ function tp(e, t = {}) {
     }
     return `\\${h}${K}`;
   }
-  function se(y) {
+  function re(y) {
     g(y);
     let h = "", L = "";
     const K = (I) => I !== "{" && I !== "}" && I !== Ot && I !== xe;
@@ -2114,7 +2114,7 @@ function tp(e, t = {}) {
         if (pe = O(y, h))
           return L = m(h, 7, Pe(y)), g(y), L;
         if (!I && !H && !pe)
-          return L = m(h, 13, se(y)), p(fe.INVALID_TOKEN_IN_PLACEHOLDER, s(), 0, L.value), g(y), L;
+          return L = m(h, 13, re(y)), p(fe.INVALID_TOKEN_IN_PLACEHOLDER, s(), 0, L.value), g(y), L;
         break;
     }
     return L;
@@ -3468,7 +3468,7 @@ function um(e = {}, t) {
   function B(S) {
     return S.map((P) => J(P) || Ze(P) || Ae(P) ? dr(String(P)) : P);
   }
-  const se = {
+  const re = {
     normalize: B,
     interpolate: (S) => S,
     type: "vnode"
@@ -3479,7 +3479,7 @@ function um(e = {}, t) {
         let ie;
         const ee = P;
         try {
-          ee.processor = se, ie = Reflect.apply(sr, null, [ee, ...S]);
+          ee.processor = re, ie = Reflect.apply(sr, null, [ee, ...S]);
         } finally {
           ee.processor = null;
         }
@@ -3863,7 +3863,7 @@ function bm(e, t, n, o = {}) {
   function oe(h, L) {
     s.value && (s.value.setLocaleMessage(h, L), u.value[h] = L);
   }
-  function se(h, L) {
+  function re(h, L) {
     s.value && s.value.mergeLocaleMessage(h, L);
   }
   function Ce(h) {
@@ -3959,7 +3959,7 @@ function bm(e, t, n, o = {}) {
     te: Pe,
     getLocaleMessage: B,
     setLocaleMessage: oe,
-    mergeLocaleMessage: se,
+    mergeLocaleMessage: re,
     getDateTimeFormat: Ce,
     setDateTimeFormat: Se,
     mergeDateTimeFormat: be,
@@ -5475,8 +5475,8 @@ const A_ = /* @__PURE__ */ te(C_, [["render", L_]]), M_ = A_, qe = M_, P_ = x({
     const Z = D(() => z.value ? "icon-eye" : "icon-eye-slash"), ce = D(() => _[u.value]), de = (B, oe = !0) => {
       if (B === "" && a.value === "number" && (f.value = void 0), !(B === f.value && a.value !== "number")) {
         if (a.value === "number") {
-          const se = parseFloat(B), Ce = parseFloat(n.max), Se = parseFloat(n.min);
-          v.value = se >= Ce, T.value = se <= Se, oe ? Number.isNaN(se) ? f.value = void 0 : f.value = se : f.value = B;
+          const re = parseFloat(B), Ce = parseFloat(n.max), Se = parseFloat(n.min);
+          v.value = re >= Ce, T.value = re <= Se, oe ? Number.isNaN(re) ? f.value = void 0 : f.value = re : f.value = B;
           return;
         }
         oe && (f.value = B);
@@ -5490,7 +5490,7 @@ const A_ = /* @__PURE__ */ te(C_, [["render", L_]]), M_ = A_, qe = M_, P_ = x({
       var h;
       if (a.value !== "number" || r.value)
         return;
-      const oe = parseFloat(n.min), se = parseFloat(n.max), Ce = f.value || f.value === 0 ? se <= (f == null ? void 0 : f.value) : !1, Se = f.value || f.value === 0 ? oe >= (f == null ? void 0 : f.value) : !1;
+      const oe = parseFloat(n.min), re = parseFloat(n.max), Ce = f.value || f.value === 0 ? re <= (f == null ? void 0 : f.value) : !1, Se = f.value || f.value === 0 ? oe >= (f == null ? void 0 : f.value) : !1;
       if (B === "increase" && Ce || B === "decrease" && Se)
         return;
       $.value = !0;
@@ -5500,14 +5500,14 @@ const A_ = /* @__PURE__ */ te(C_, [["render", L_]]), M_ = A_, qe = M_, P_ = x({
       const Ve = parseFloat(f.value) || 0, We = me(Ve, _e);
       let je = Ve;
       const y = B === "increase" ? be : -be;
-      je = (We - Ve) * y > 0 ? We : We + y, je >= se && (je = se), je <= oe && (je = oe), ne(me(je, _e)), (h = d.value) == null || h.focus(), !N && !O && (N = window.setTimeout(() => {
+      je = (We - Ve) * y > 0 ? We : We + y, je >= re && (je = re), je <= oe && (je = oe), ne(me(je, _e)), (h = d.value) == null || h.focus(), !N && !O && (N = window.setTimeout(() => {
         O = window.setInterval(() => ve(B), 100);
       }, 300));
     }, ye = (B) => {
-      var se;
+      var re;
       $.value && B.preventDefault();
       const oe = !!N || !!O;
-      N && window.clearTimeout(N), O && window.clearInterval(O), N = null, O = null, $.value = !1, oe && ((se = d.value) == null || se.focus());
+      N && window.clearTimeout(N), O && window.clearInterval(O), N = null, O = null, $.value = !1, oe && ((re = d.value) == null || re.focus());
     }, Me = D(() => ({
       ...n,
       onInput(B) {
@@ -5521,8 +5521,8 @@ const A_ = /* @__PURE__ */ te(C_, [["render", L_]]), M_ = A_, qe = M_, P_ = x({
       },
       onChange(B) {
         if (a.value === "number") {
-          const { value: oe } = B.target, se = oe !== "" ? Number(oe) : "";
-          (!Number.isFinite(se) || Number.isNaN(se) || oe === "") && d.value ? (d.value.value = "", de(void 0)) : de(oe), t("update:modelValue", f.value), t("change", f.value);
+          const { value: oe } = B.target, re = oe !== "" ? Number(oe) : "";
+          (!Number.isFinite(re) || Number.isNaN(re) || oe === "") && d.value ? (d.value.value = "", de(void 0)) : de(oe), t("update:modelValue", f.value), t("change", f.value);
         } else {
           const { value: oe } = B.target;
           de(oe), t("change", f.value);
@@ -5585,7 +5585,7 @@ function V_(e, t, n, o, a, s) {
   return w(), k("div", nn({ class: e.wrapClasses }, e.rootAttrs), [
     e.prepend || e.$slots.prepend ? (w(), k("div", R_, [
       C(e.$slots, "prepend", {}, () => [
-        re(Q(e.prepend), 1)
+        se(Q(e.prepend), 1)
       ])
     ])) : V("", !0),
     R("div", {
@@ -5659,7 +5659,7 @@ function V_(e, t, n, o, a, s) {
     ], 2),
     e.append || e.$slots.append ? (w(), k("div", B_, [
       C(e.$slots, "append", {}, () => [
-        re(Q(e.append), 1)
+        se(Q(e.append), 1)
       ])
     ])) : V("", !0)
   ], 16);
@@ -5992,7 +5992,7 @@ function c$(e, t, n, o, a, s) {
       ])) : V("", !0),
       e.hasHelper ? (w(), k("span", i$, [
         C(e.$slots, "helper", {}, () => [
-          re(Q(e.helper), 1)
+          se(Q(e.helper), 1)
         ])
       ])) : V("", !0)
     ])) : V("", !0)
@@ -6418,7 +6418,7 @@ const $$ = /* @__PURE__ */ te(g$, [["render", _$]]), T$ = $$, Je = T$, hs = {
         const rt = pe(I, ke.value, ke);
         ke.setVisible(rt);
       }), t("search-change", I);
-    }, se = () => {
+    }, re = () => {
       const I = /* @__PURE__ */ new Map();
       f.options.forEach((pe) => {
         I.set(pe.value, pe);
@@ -6433,9 +6433,9 @@ const $$ = /* @__PURE__ */ te(g$, [["render", _$]]), T$ = $$, Je = T$, hs = {
         const [H] = f.options.splice(I, 1);
         H && Me(H);
       }
-      f.options.length === g.value.length && (d.value = se());
+      f.options.length === g.value.length && (d.value = re());
     }, Se = (I) => {
-      f.options.push(I), f.options.length >= g.value.length && (d.value = se()), ye(I);
+      f.options.push(I), f.options.length >= g.value.length && (d.value = re()), ye(I);
     };
     Le("add", Se), Le("onSelect", me), Le("remove", Ce), Le("selectState", f), Le("actualOptions", d), ue(a, () => ve(), { deep: !0 });
     const be = {
@@ -6514,7 +6514,7 @@ const $$ = /* @__PURE__ */ te(g$, [["render", _$]]), T$ = $$, Je = T$, hs = {
         _.value = !1;
       }
     }, L = (I) => {
-      g.value = I, d.value = se();
+      g.value = I, d.value = re();
     };
     Kt(() => {
       Le("remove", null);
@@ -6636,7 +6636,7 @@ function I$(e, t, n, o, a, s) {
           onChange: e.handleCheckAll
         }, {
           default: j(() => [
-            re(Q(e.t("core.select.selectAll")), 1)
+            se(Q(e.t("core.select.selectAll")), 1)
           ]),
           _: 1
         }, 8, ["model-value", "indeterminate", "disabled", "onChange"])
@@ -6659,12 +6659,12 @@ function I$(e, t, n, o, a, s) {
             }),
             X(u, { class: "dao-option--loading-text" }, {
               default: j(() => [
-                re(Q(e.t("core.select.loading")), 1)
+                se(Q(e.t("core.select.loading")), 1)
               ]),
               _: 1
             })
           ])) : (w(), k(Be, { key: 1 }, [
-            re(Q(e.textContent.optionsPlaceholder), 1)
+            se(Q(e.textContent.optionsPlaceholder), 1)
           ], 64))
         ])) : V("", !0)
       ], 2)
@@ -6694,7 +6694,7 @@ function I$(e, t, n, o, a, s) {
               selectedOption: e.state.selectedOption,
               selectedValue: e.state.selectedOption.map((g) => g.value)
             }, () => [
-              re(Q(e.state.selectedOption.map((g) => g.labelValue).join(", ")), 1)
+              se(Q(e.state.selectedOption.map((g) => g.labelValue).join(", ")), 1)
             ]) : C(e.$slots, "selected", {
               key: 1,
               selectedLabel: (m = (p = e.state.selectedOption) == null ? void 0 : p[0]) == null ? void 0 : m.label,
@@ -6703,7 +6703,7 @@ function I$(e, t, n, o, a, s) {
             }, () => {
               var g, d;
               return [
-                re(Q((d = (g = e.state.selectedOption) == null ? void 0 : g[0]) == null ? void 0 : d.labelValue), 1)
+                se(Q((d = (g = e.state.selectedOption) == null ? void 0 : g[0]) == null ? void 0 : d.labelValue), 1)
               ];
             })
           ], 512), [
@@ -6809,7 +6809,7 @@ function R$(e, t, n, o, a, s) {
         C(e.$slots, "default", {}, () => [
           X(r, null, {
             default: j(() => [
-              re(Q(e.labelValue), 1)
+              se(Q(e.labelValue), 1)
             ]),
             _: 1
           })
@@ -6824,7 +6824,7 @@ function R$(e, t, n, o, a, s) {
       C(e.$slots, "default", {}, () => [
         X(r, null, {
           default: j(() => [
-            re(Q(e.labelValue), 1)
+            se(Q(e.labelValue), 1)
           ]),
           _: 1
         })
@@ -7101,7 +7101,7 @@ function B$(e, t, n, o, a, s) {
                 class: "loading-icon"
               }, {
                 default: j(() => [
-                  re(Q(e.t("core.select.loading")), 1)
+                  se(Q(e.t("core.select.loading")), 1)
                 ]),
                 _: 1
               })
@@ -7254,7 +7254,7 @@ function Z$(e, t, n, o, a, s) {
         onClick: e.onHandleDeselect
       }, {
         default: j(() => [
-          re(Q(e.text.deselect), 1)
+          se(Q(e.text.deselect), 1)
         ]),
         _: 1
       }, 8, ["onClick"])
@@ -7266,7 +7266,7 @@ function Z$(e, t, n, o, a, s) {
           onClick: e.onHandleDelete
         }, {
           default: j(() => [
-            re(Q(e.text.remove), 1)
+            se(Q(e.text.remove), 1)
           ]),
           _: 1
         }, 8, ["onClick"])
@@ -7342,7 +7342,7 @@ function aT(e, t, n, o, a, s) {
       ])) : V("", !0),
       R("div", nT, [
         C(e.$slots, "title", {}, () => [
-          re(Q(e.title), 1)
+          se(Q(e.title), 1)
         ])
       ]),
       R("div", oT, [
@@ -7546,7 +7546,7 @@ function TT(e, t, n, o, a, s) {
         X(r, { class: "dao-dialog__header--title-main" }, {
           default: j(() => [
             C(e.$slots, "title", {}, () => [
-              re(Q(e.title), 1)
+              se(Q(e.title), 1)
             ])
           ]),
           _: 3
@@ -7596,7 +7596,7 @@ function DT(e, t, n, o, a, s) {
         onClick: e.onCancel
       }, {
         default: j(() => [
-          re(Q(e.textContent.cancel), 1)
+          se(Q(e.textContent.cancel), 1)
         ]),
         _: 1
       }, 8, ["onClick"]),
@@ -7607,7 +7607,7 @@ function DT(e, t, n, o, a, s) {
         onClick: e.onConfirm
       }, {
         default: j(() => [
-          re(Q(e.textContent.confirm), 1)
+          se(Q(e.textContent.confirm), 1)
         ]),
         _: 1
       }, 8, ["loading", "disabled", "onClick"])
@@ -7955,7 +7955,7 @@ function GT(e, t, n, o, a, s) {
                   R("div", VT, [
                     X(r, { class: "dao-drawer__header--title-main" }, {
                       default: j(() => [
-                        re(Q(e.title), 1)
+                        se(Q(e.title), 1)
                       ]),
                       _: 1
                     }),
@@ -7981,7 +7981,7 @@ function GT(e, t, n, o, a, s) {
                       onClick: e.close
                     }, {
                       default: j(() => [
-                        re(Q(e.textContent.cancel), 1)
+                        se(Q(e.textContent.cancel), 1)
                       ]),
                       _: 1
                     }, 8, ["onClick"]),
@@ -7990,7 +7990,7 @@ function GT(e, t, n, o, a, s) {
                       onClick: e.confirm
                     }, {
                       default: j(() => [
-                        re(Q(e.textContent.confirm), 1)
+                        se(Q(e.textContent.confirm), 1)
                       ]),
                       _: 1
                     }, 8, ["onClick"])
@@ -8242,7 +8242,7 @@ function uE(e, t, n, o, a, s) {
         C(e.$slots, "title", {}, () => [
           X(i, null, {
             default: j(() => [
-              re(Q(e.title), 1)
+              se(Q(e.title), 1)
             ]),
             _: 1
           })
@@ -8412,7 +8412,7 @@ const _E = { class: "dao-error-text" };
 function $E(e, t, n, o, a, s) {
   return w(), k("div", _E, [
     C(e.$slots, "default", {}, () => [
-      re(Q(e.content), 1)
+      se(Q(e.content), 1)
     ])
   ]);
 }
@@ -8424,7 +8424,7 @@ const EE = { class: "dao-helper-text" };
 function wE(e, t, n, o, a, s) {
   return w(), k("div", EE, [
     C(e.$slots, "default", {}, () => [
-      re(Q(e.content), 1)
+      se(Q(e.content), 1)
     ])
   ]);
 }
@@ -8477,7 +8477,7 @@ function NE(e, t, n, o, a, s) {
         R("div", SE, [
           X(r, { class: "dao-form-item__label-icon-label" }, {
             default: j(() => [
-              re(Q(e.label), 1)
+              se(Q(e.label), 1)
             ]),
             _: 1
           }),
@@ -8488,7 +8488,7 @@ function NE(e, t, n, o, a, s) {
           }, {
             content: j(() => [
               C(e.$slots, "tooltip-content", {}, () => [
-                re(Q(e.iconMessage), 1)
+                se(Q(e.iconMessage), 1)
               ])
             ]),
             default: j(() => [
@@ -8580,7 +8580,7 @@ function PE(e, t, n, o, a, s) {
         }, {
           content: j(() => [
             C(e.$slots, "tooltip-content", {}, () => [
-              re(Q(e.iconMessage), 1)
+              se(Q(e.iconMessage), 1)
             ])
           ]),
           default: j(() => [
@@ -8658,7 +8658,7 @@ function HE(e, t, n, o, a, s) {
         class: F(e.ns + "__title")
       }, [
         C(e.$slots, "title", {}, () => [
-          re(Q(e.title), 1)
+          se(Q(e.title), 1)
         ])
       ], 2)) : V("", !0),
       e.showInfo.breadcrumb ? (w(), k("div", {
@@ -9199,7 +9199,7 @@ function Ow(e, t, n, o, a, s) {
                 "ellipsis-placement": "right"
               }, {
                 default: j(() => [
-                  re(Q(e.title), 1)
+                  se(Q(e.title), 1)
                 ]),
                 _: 1
               })
@@ -9303,7 +9303,7 @@ function Mw(e, t, n, o, a, s) {
           R("span", Aw, [
             X(i, { "ellipsis-placement": "right" }, {
               default: j(() => [
-                re(Q(e.title), 1)
+                se(Q(e.title), 1)
               ]),
               _: 1
             })
@@ -9435,7 +9435,7 @@ function Gw(e, t, n, o, a, s) {
           R("span", Bw, [
             X(i, { "ellipsis-placement": "right" }, {
               default: j(() => [
-                re(Q(e.title), 1)
+                se(Q(e.title), 1)
               ]),
               _: 1
             })
@@ -9805,7 +9805,7 @@ function vD(e, t, n, o, a, s) {
     e.$slots.default || e.label || e.$slots.helper ? (w(), k("div", fD, [
       e.$slots.default || e.label ? (w(), k("div", pD, [
         C(e.$slots, "default", {}, () => [
-          re(Q(e.label), 1)
+          se(Q(e.label), 1)
         ])
       ])) : V("", !0),
       e.$slots.helper ? (w(), k("div", mD, [
@@ -10014,13 +10014,13 @@ function RD(e, t, n, o, a, s) {
       R("span", null, [
         R("span", MD, [
           C(e.$slots, "label", {}, () => [
-            re(Q(e.label), 1)
+            se(Q(e.label), 1)
           ]),
-          re(Q(e.separator), 1)
+          se(Q(e.separator), 1)
         ]),
         R("span", PD, [
           C(e.$slots, "value", {}, () => [
-            re(Q(e.value), 1)
+            se(Q(e.value), 1)
           ])
         ])
       ])
@@ -10230,7 +10230,7 @@ function BD(e, t, n, o, a, s) {
             onClick: (m) => e.selectKey(c)
           }, {
             default: j(() => [
-              re(Q(c.label), 1)
+              se(Q(c.label), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)) : (w(!0), k(Be, { key: 1 }, Ye(e.filteredValues, (c, p) => (w(), ae(i, {
@@ -10238,7 +10238,7 @@ function BD(e, t, n, o, a, s) {
             onClick: (m) => e.selectValue(c)
           }, {
             default: j(() => [
-              re(Q(c.label), 1)
+              se(Q(c.label), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128))
@@ -10369,7 +10369,7 @@ function XD(e, t, n, o, a, s) {
           onClose: (b) => e.removeValue(c, m)
         }, {
           default: j(() => [
-            re(Q(p), 1)
+            se(Q(p), 1)
           ]),
           _: 2
         }, 1032, ["onClose"]))), 128)) : (w(!0), k(Be, { key: 1 }, Ye(u, (p, m) => (w(), ae(l, {
@@ -10379,10 +10379,10 @@ function XD(e, t, n, o, a, s) {
           onClose: (b) => e.removeValue(c, m)
         }, {
           label: j(() => [
-            re(Q(e.getKeyLabel(c)), 1)
+            se(Q(e.getKeyLabel(c)), 1)
           ]),
           value: j(() => [
-            re(Q(e.getValueLabel(c, p)), 1)
+            se(Q(e.getValueLabel(c, p)), 1)
           ]),
           _: 2
         }, 1032, ["onClose"]))), 128))
@@ -10828,7 +10828,7 @@ function pS(e, t, n, o, a, s) {
                     default: j(() => [
                       X(u, null, {
                         default: j(() => [
-                          re(Q(g), 1)
+                          se(Q(g), 1)
                         ]),
                         _: 2
                       }, 1024)
@@ -10850,7 +10850,7 @@ function pS(e, t, n, o, a, s) {
             onClick: e.onCancel
           }, {
             default: j(() => [
-              re(Q(e.t("core.table.columnSetting.cancel")), 1)
+              se(Q(e.t("core.table.columnSetting.cancel")), 1)
             ]),
             _: 1
           }, 8, ["onClick"]),
@@ -10860,7 +10860,7 @@ function pS(e, t, n, o, a, s) {
             onClick: e.onConfirm
           }, {
             default: j(() => [
-              re(Q(e.t("core.table.columnSetting.confirm")), 1)
+              se(Q(e.t("core.table.columnSetting.confirm")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -11100,7 +11100,7 @@ const yS = /* @__PURE__ */ te(hS, [["render", gS]]), nl = /^[1-9]\d*$/, bS = {
         ye.value.push(S), t("expandToggle", S, P, !0);
     }, oe = () => {
       ye.value.length = 0;
-    }, se = Ra(e, "highlightedRow"), Ce = (S) => co(S, se.value), Se = () => {
+    }, re = Ra(e, "highlightedRow"), Ce = (S) => co(S, re.value), Se = () => {
       t("update:highlightedRow", void 0);
     };
     function be(S, P) {
@@ -11163,9 +11163,9 @@ const yS = /* @__PURE__ */ te(hS, [["render", gS]]), nl = /^[1-9]\d*$/, bS = {
           if (Ce(P))
             _e(P, ie);
           else {
-            if (se.value) {
-              const ee = e.data.findIndex((Oe) => co(Oe, se.value));
-              _e(se.value, ee);
+            if (re.value) {
+              const ee = e.data.findIndex((Oe) => co(Oe, re.value));
+              _e(re.value, ee);
             }
             be(P, ie);
           }
@@ -11443,7 +11443,7 @@ function GS(e, t, n, o, a, s) {
                             row: d,
                             rowIndex: v
                           }, () => [
-                            re(Q(e.withDefaultValue(d[T.id])), 1)
+                            se(Q(e.withDefaultValue(d[T.id])), 1)
                           ])
                         ]),
                         _: 2
@@ -11453,7 +11453,7 @@ function GS(e, t, n, o, a, s) {
                         row: d,
                         rowIndex: v
                       }, () => [
-                        re(Q(e.withDefaultValue(d[T.id])), 1)
+                        se(Q(e.withDefaultValue(d[T.id])), 1)
                       ])
                     ], 6))
                   ], 64);
@@ -12076,7 +12076,7 @@ function gO(e, t, n, o, a, s) {
           onChange: e.handleCheckAll
         }, {
           default: j(() => [
-            re(Q(e.t("core.transfer.checkAll")), 1)
+            se(Q(e.t("core.transfer.checkAll")), 1)
           ]),
           _: 1
         }, 8, ["checked", "indeterminate", "disabled", "onChange"])
@@ -12107,7 +12107,7 @@ function gO(e, t, n, o, a, s) {
                     row: b,
                     type: e.type
                   }, () => [
-                    re(Q(b[e.labelProp] ? String(b[e.labelProp]) : b), 1)
+                    se(Q(b[e.labelProp] ? String(b[e.labelProp]) : b), 1)
                   ])
                 ]),
                 _: 2
@@ -12120,7 +12120,7 @@ function gO(e, t, n, o, a, s) {
               fn: j(() => [
                 X(u, null, {
                   default: j(() => [
-                    re(Q(b[e.descProp] ? String(b[e.descProp]) : "-"), 1)
+                    se(Q(b[e.descProp] ? String(b[e.descProp]) : "-"), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -12174,15 +12174,15 @@ const yO = /* @__PURE__ */ te(hO, [["render", gO]]), bO = yO, Su = bO, _O = x({
       deep: !0
     });
     On(() => {
-      const _ = Ci(a.value);
-      e.selectedData.length && _.push(...e.selectedData), _.forEach((f) => {
-        s.value.set(f[o.value] ?? f, f);
+      const f = Ci(a.value);
+      e.selectedData.length && f.push(...e.selectedData), f.forEach((g) => {
+        s.value.set(g[o.value] ?? g, g);
       });
     });
     const i = () => {
       r.value = [
         .../* @__PURE__ */ new Set([
-          ...e.selectedData.map((_) => _[o.value]).filter((_) => _),
+          ...e.selectedData.map((f) => f[o.value]).filter((f) => f),
           ...r.value
         ])
       ];
@@ -12196,47 +12196,48 @@ const yO = /* @__PURE__ */ te(hO, [["render", gO]]), bO = yO, Su = bO, _O = x({
       eventName: "update:current-page"
     }), u = It(e, "pageSize", t, {
       eventName: "update:page-size"
-    }), c = D(() => r.value.reduce((_, f) => {
-      const g = s.value.get(f);
-      return g && _.push(g), _;
-    }, []));
+    }), c = D(() => r.value.reduce((f, g) => {
+      const d = s.value.get(g);
+      return d && f.push(d), f;
+    }, [])), p = ({
+      direction: f,
+      row: g
+    }) => {
+      const d = g[o.value], v = r.value.indexOf(d);
+      switch (f) {
+        case "left":
+          v > -1 && r.value.splice(v, 1);
+          break;
+        case "right":
+          v > -1 || r.value.push(d);
+          break;
+        default:
+          console.warn(`${f} callback is not defined`);
+          break;
+      }
+      t("change", { direction: f, rows: [g] });
+    }, m = () => {
+      const f = new Set(e.disabledKeys);
+      r.value = r.value.filter((g) => f.has(g)), t("clear", r.value);
+    }, b = ({
+      checked: f,
+      checkableList: g
+    }) => {
+      f ? r.value = [...new Set(r.value.concat(g))] : (r.value = r.value.filter(
+        (d) => !g.includes(d)
+      ), t("clear", r.value)), t("checkAll", r.value);
+    }, _ = D(() => Boolean(!e.hideClear && c.value.length));
     return {
       t: n,
       sourceData: a,
       targetData: c,
       selectedKeys: r,
+      showClear: _,
       currentPage: l,
       pageSize: u,
-      onChange: ({
-        direction: _,
-        row: f
-      }) => {
-        const g = f[o.value], d = r.value.indexOf(g);
-        switch (_) {
-          case "left":
-            d > -1 && r.value.splice(d, 1);
-            break;
-          case "right":
-            d > -1 || r.value.push(g);
-            break;
-          default:
-            console.warn(`${_} callback is not defined`);
-            break;
-        }
-        t("change", { direction: _, rows: [f] });
-      },
-      onClear: () => {
-        const _ = new Set(e.disabledKeys);
-        r.value = r.value.filter((f) => _.has(f)), t("clear", r.value);
-      },
-      onCheckAll: ({
-        checked: _,
-        checkableList: f
-      }) => {
-        _ ? r.value = [...new Set(r.value.concat(f))] : (r.value = r.value.filter(
-          (g) => !f.includes(g)
-        ), t("clear", r.value)), t("checkAll", r.value);
-      }
+      onChange: p,
+      onClear: m,
+      onCheckAll: b
     };
   }
 });
@@ -12345,7 +12346,14 @@ function $O(e, t, n, o, a, s) {
       props: e.props,
       onSelectedChange: e.onChange,
       onSearch: t[8] || (t[8] = (v) => e.$emit("right-search", v))
-    }, st({ _: 2 }, [
+    }, st({
+      "header-left": j(() => [
+        C(e.$slots, "right-header-left", {}, () => [
+          se(Q(e.t("core.transfer.selectedText", { n: e.targetData.length })), 1)
+        ])
+      ]),
+      _: 2
+    }, [
       e.$slots["right-header"] ? {
         name: "header",
         fn: j(() => [
@@ -12353,18 +12361,11 @@ function $O(e, t, n, o, a, s) {
         ]),
         key: "0"
       } : void 0,
-      e.$slots["right-header-left"] ? {
-        name: "header-left",
-        fn: j(() => [
-          C(e.$slots, "right-header-left")
-        ]),
-        key: "1"
-      } : void 0,
-      e.$slots["right-header-right"] || !e.hideClear ? {
+      e.$slots["right-header-right"] || e.showClear ? {
         name: "header-right",
         fn: j(() => [
           C(e.$slots, "right-header-right", {}, () => [
-            e.hideClear ? V("", !0) : C(e.$slots, "clear", { key: 0 }, () => [
+            e.showClear ? C(e.$slots, "clear", { key: 0 }, () => [
               X(l, {
                 class: "dao-transfer__clear",
                 prop: {
@@ -12373,14 +12374,14 @@ function $O(e, t, n, o, a, s) {
                 onClick: e.onClear
               }, {
                 default: j(() => [
-                  re(Q(e.t("core.transfer.clear")), 1)
+                  se(Q(e.t("core.transfer.clear")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
-            ])
+            ]) : V("", !0)
           ])
         ]),
-        key: "2"
+        key: "1"
       } : void 0,
       e.$slots.item ? {
         name: "item",
@@ -12390,21 +12391,21 @@ function $O(e, t, n, o, a, s) {
             type: T
           })
         ]),
-        key: "3"
+        key: "2"
       } : void 0,
       e.$slots["right-empty"] ? {
         name: "empty",
         fn: j(() => [
           C(e.$slots, "right-empty")
         ]),
-        key: "4"
+        key: "3"
       } : void 0,
       (d = e.$slots) != null && d["right-footer"] ? {
         name: "footer",
         fn: j(() => [
           C(e.$slots, "right-footer")
         ]),
-        key: "5"
+        key: "4"
       } : void 0
     ]), 1032, ["hide-desc", "data", "filterable", "filter-method", "filter-placeholder", "disabled-keys", "props", "onSelectedChange"])
   ], 2);
@@ -13195,7 +13196,7 @@ function xO(e, t, n, o, a, s) {
         C(e.$slots, "default", {}, () => [
           X(r, null, {
             default: j(() => [
-              re(Q(e.option.label), 1)
+              se(Q(e.option.label), 1)
             ]),
             _: 1
           })
@@ -13210,7 +13211,7 @@ function xO(e, t, n, o, a, s) {
       C(e.$slots, "default", {}, () => [
         X(r, null, {
           default: j(() => [
-            re(Q(e.option.label), 1)
+            se(Q(e.option.label), 1)
           ]),
           _: 1
         })
@@ -13319,7 +13320,7 @@ const e0 = /* @__PURE__ */ te(ZO, [["render", xO]]), t0 = (e, t) => us(e, t) ??
       }
       const K = Ci(q.value);
       h ? d_(K, L) : K.push(L), t("update:modelValue", K), t("change", K);
-    }, se = () => {
+    }, re = () => {
       t("search-change", T.searchText);
     }, Ce = {
       cleanup: void 0,
@@ -13413,7 +13414,7 @@ const e0 = /* @__PURE__ */ te(ZO, [["render", xO]]), t0 = (e, t) => us(e, t) ??
       selectableOptions: _e,
       isCheckedAllChecked: Ve,
       isCheckedAllIndeterminate: We,
-      onSearchTextChange: se,
+      onSearchTextChange: re,
       onSelect: oe,
       handleCheckAll: je,
       isDisabled: _,
@@ -13485,7 +13486,7 @@ function f0(e, t, n, o, a, s) {
           onChange: e.handleCheckAll
         }, {
           default: j(() => [
-            re(Q(e.t("core.select.selectAll")), 1)
+            se(Q(e.t("core.select.selectAll")), 1)
           ]),
           _: 1
         }, 8, ["model-value", "indeterminate", "disabled", "onChange"])
@@ -13528,7 +13529,7 @@ function f0(e, t, n, o, a, s) {
                   }),
                   X(u, { class: "dao-option--loading-text" }, {
                     default: j(() => [
-                      re(Q(e.t("core.select.loading")), 1)
+                      se(Q(e.t("core.select.loading")), 1)
                     ]),
                     _: 1
                   })
@@ -13561,14 +13562,14 @@ function f0(e, t, n, o, a, s) {
               selectedOption: e.selectedOptions,
               selectedValue: e.selectedOptionsValues
             }, () => [
-              re(Q(e.selectedOptionsLabels.join(", ")), 1)
+              se(Q(e.selectedOptionsLabels.join(", ")), 1)
             ]) : C(e.$slots, "selected", {
               key: 1,
               selectedLabel: e.selectedOptionsLabels[0],
               selectedOption: (m = e.selectedOptions) == null ? void 0 : m[0],
               selectedValue: e.selectedOptionsValues[0]
             }, () => [
-              re(Q(e.selectedOptionsLabels[0]), 1)
+              se(Q(e.selectedOptionsLabels[0]), 1)
             ])
           ], 512), [
             [Fe, e.isSelected]
@@ -13818,7 +13819,8 @@ const g0 = (e) => {
     },
     transfer: {
       checkAll: "Check All",
-      clear: "Clear"
+      clear: "Clear",
+      selectedText: "{n} item selected | {n} items selected"
     },
     batchBar: {
       removeText: "Delete",
@@ -13878,7 +13880,8 @@ const g0 = (e) => {
     },
     transfer: {
       checkAll: "全选",
-      clear: "清空"
+      clear: "清空",
+      selectedText: "已选择 {n} 项"
     },
     batchBar: {
       removeText: "删除",