@dao-style/core 0.7.0 → 0.8.0

package/dist/dao-style.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, toRef, h, toDisplayString, createVNode, withCtx, createTextVNode, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, withKeys, normalizeStyle, withDirectives, vShow, watch, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, Transition, nextTick, resolveDynamicComponent, createSlots, withModifiers, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, toRef, h, resolveDynamicComponent, toDisplayString, createVNode, withCtx, createTextVNode, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, withKeys, normalizeStyle, withDirectives, vShow, watch, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, Transition, nextTick, createSlots, withModifiers, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted } from "vue";
 import { useI18n } from "vue-i18n";
 import { isFunction as isFunction$1, isArray as isArray$2, isSet, looseIndexOf, looseEqual, NOOP } from "@vue/shared";
 var common = "";
@@ -61,7 +61,7 @@ const _sfc_main$U = defineComponent({
     };
   }
 });
-const _hoisted_1$D = ["disabled"];
+const _hoisted_1$C = ["disabled"];
 function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("button", {
     class: normalizeClass([
@@ -78,7 +78,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["dao-action-icon__iconfont", _ctx.name])
       }, null, 2)) : createCommentVNode("", true)
     ])
-  ], 10, _hoisted_1$D);
+  ], 10, _hoisted_1$C);
 }
 var DaoActionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$Q]]);
 const BUTTON_TYPES = ["primary", "secondary", "tertiary", "ghost", "danger"];
@@ -132,7 +132,7 @@ const _sfc_main$T = defineComponent({
     }
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$B = {
   key: 1,
   class: "dao-icon dao-svg-icon"
 };
@@ -141,7 +141,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.useFont ? (openBlock(), createElementBlock("i", {
     key: 0,
     class: normalizeClass(["dao-icon dao-iconfont", _ctx.name])
-  }, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_1$C, [
+  }, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_1$B, [
     createElementVNode("use", {
       "xlink:href": `#${_ctx.name}`
     }, null, 8, _hoisted_2$p)
@@ -244,7 +244,7 @@ const _sfc_main$S = defineComponent({
     };
   }
 });
-const _hoisted_1$B = ["disabled"];
+const _hoisted_1$A = ["disabled"];
 const _hoisted_2$o = {
   key: 1,
   class: "dao-btn__text"
@@ -273,7 +273,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.realIconRight
       }, null, 8, ["class", "use-font", "name"])) : createCommentVNode("", true)
     ], 64))
-  ], 10, _hoisted_1$B);
+  ], 10, _hoisted_1$A);
 }
 var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$O]]);
 const textButtonType = ["default", "action", "link", "custom"];
@@ -338,7 +338,7 @@ const _sfc_main$R = defineComponent({
         return [key, newSlot];
       }));
     });
-    return () => h(props.tag, __spreadValues({}, componentComputed.value), slotTemp.value);
+    return () => h(resolveDynamicComponent(props.tag), __spreadValues({}, componentComputed.value), slotTemp.value);
   }
 });
 const BatchBarProps = {
@@ -397,7 +397,7 @@ const _sfc_main$Q = defineComponent({
     };
   }
 });
-const _hoisted_1$A = {
+const _hoisted_1$z = {
   key: 0,
   class: "dao-batch-bar"
 };
@@ -407,7 +407,7 @@ const _hoisted_4$c = { class: "dao-batch-bar__action" };
 function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_text_button = resolveComponent("dao-text-button");
   const _component_dao_button = resolveComponent("dao-button");
-  return _ctx.showSelf ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+  return _ctx.showSelf ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
     createElementVNode("div", _hoisted_2$n, [
       createElementVNode("span", _hoisted_3$f, toDisplayString(_ctx.text.selected), 1),
       createVNode(_component_dao_text_button, {
@@ -440,9 +440,9 @@ var buttonGroup_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$P = defineComponent({
   name: "DaoButtonGroup"
 });
-const _hoisted_1$z = { class: "dao-btn-group" };
+const _hoisted_1$y = { class: "dao-btn-group" };
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$z, [
+  return openBlock(), createElementBlock("div", _hoisted_1$y, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -476,7 +476,7 @@ const _sfc_main$O = defineComponent({
     }
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$x = {
   key: 0,
   class: "dao-card-header"
 };
@@ -491,7 +491,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["dao-card", `dao-card--${_ctx.type}`])
   }, [
-    _ctx.type !== "headless" ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
+    _ctx.type !== "headless" ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
       renderSlot(_ctx.$slots, "header", {}, () => [
         renderSlot(_ctx.$slots, "header-prefix"),
         _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
@@ -536,9 +536,9 @@ var cardItem_scss_vue_type_style_index_0_src_lang = "";
 const _sfc_main$N = defineComponent({
   name: "DaoCardItem"
 });
-const _hoisted_1$x = { class: "dao-card-item" };
+const _hoisted_1$w = { class: "dao-card-item" };
 function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$x, [
+  return openBlock(), createElementBlock("div", _hoisted_1$w, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -727,7 +727,7 @@ const _sfc_main$M = defineComponent({
     }
   }
 });
-const _hoisted_1$w = ["disabled", "indeterminate", "checked"];
+const _hoisted_1$v = ["disabled", "indeterminate", "checked"];
 const _hoisted_2$l = /* @__PURE__ */ createElementVNode("span", { class: "dao-checkbox-inner" }, null, -1);
 const _hoisted_3$d = {
   key: 0,
@@ -756,7 +756,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.$attrs, {
         checked: _ctx.currentChecked,
         onChange: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args))
-      }), null, 16, _hoisted_1$w),
+      }), null, 16, _hoisted_1$v),
       _hoisted_2$l
     ], 2),
     _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$d, [
@@ -2061,7 +2061,7 @@ const _sfc_main$K = defineComponent({
     };
   }
 });
-const _hoisted_1$v = ["id", "aria-hidden", "tabindex"];
+const _hoisted_1$u = ["id", "aria-hidden", "tabindex"];
 const _hoisted_2$k = {
   ref: "arrow",
   class: "dao-popper-arrow"
@@ -2105,7 +2105,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     withDirectives(createElementVNode("div", _hoisted_2$k, _hoisted_4$9, 512), [
       [vShow, _ctx.visibleArrow]
     ])
-  ], 42, _hoisted_1$v);
+  ], 42, _hoisted_1$u);
 }
 var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$H]]);
 var PopperProps = {
@@ -2198,7 +2198,7 @@ function updatePopperOptions(popperInstance, modifiers, popperOptions = {}) {
   });
 }
 function getActualRoot(app) {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h;
+  var _a2, _b2, _c, _d, _e, _f;
   let internalRoot = "body";
   if (!app) {
     return internalRoot;
@@ -2207,10 +2207,7 @@ function getActualRoot(app) {
   if ((ele == null ? void 0 : ele.nodeType) !== Node.ELEMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_FRAGMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_NODE) {
     ele = ele == null ? void 0 : ele.parentNode;
   }
-  const rootNode = (_g = ele == null ? void 0 : ele.getRootNode) == null ? void 0 : _g.call(ele);
-  if (rootNode) {
-    internalRoot = (_h = rootNode.body) != null ? _h : rootNode;
-  }
+  internalRoot = ele;
   return internalRoot;
 }
 const _sfc_main$J = defineComponent({
@@ -2767,7 +2764,7 @@ const _sfc_main$G = defineComponent({
     };
   }
 });
-const _hoisted_1$u = { key: 1 };
+const _hoisted_1$t = { key: 1 };
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.ComponentType), {
     ref: "ComponentRef",
@@ -2800,7 +2797,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           show: _ctx.isOpen,
           ellipsis: _ctx.isEllipsis
-        }) : _ctx.content ? (openBlock(), createElementBlock("span", _hoisted_1$u, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", { key: 2 })
+        }) : _ctx.content ? (openBlock(), createElementBlock("span", _hoisted_1$t, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", { key: 2 })
       ])
     } : void 0
   ]), 1032, ["disabled", "placement", "offset", "class", "append-to", "delay", "popper-class", "width"]);
@@ -2830,12 +2827,12 @@ const _sfc_main$F = defineComponent({
     };
   }
 });
-const _hoisted_1$t = { class: "dao-dialog__header" };
+const _hoisted_1$s = { class: "dao-dialog__header" };
 const _hoisted_2$j = { class: "dao-dialog__header--title" };
 function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_ellipsis = resolveComponent("dao-ellipsis");
   const _component_dao_action_icon = resolveComponent("dao-action-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$t, [
+  return openBlock(), createElementBlock("div", _hoisted_1$s, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", _hoisted_2$j, [
         renderSlot(_ctx.$slots, "before-title"),
@@ -2899,10 +2896,10 @@ const _sfc_main$E = defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "dao-dialog__footer" };
+const _hoisted_1$r = { class: "dao-dialog__footer" };
 function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_button = resolveComponent("dao-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$s, [
+  return openBlock(), createElementBlock("div", _hoisted_1$r, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createVNode(_component_dao_button, {
         type: "ghost",
@@ -3133,7 +3130,7 @@ const _sfc_main$D = defineComponent({
     };
   }
 });
-const _hoisted_1$r = { class: "dao-dialog__body" };
+const _hoisted_1$q = { class: "dao-dialog__body" };
 function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dialog_header = resolveComponent("dialog-header");
   const _component_dialog_footer = resolveComponent("dialog-footer");
@@ -3178,7 +3175,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 3
           }, 8, ["title", "show-close", "onClose"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$r, [
+          createElementVNode("div", _hoisted_1$q, [
             renderSlot(_ctx.$slots, "default")
           ]),
           _ctx.footer ? (openBlock(), createBlock(_component_dialog_footer, {
@@ -3393,7 +3390,7 @@ const _sfc_main$C = defineComponent({
     };
   }
 });
-const _hoisted_1$q = { class: "dao-drawer__content" };
+const _hoisted_1$p = { class: "dao-drawer__content" };
 const _hoisted_2$i = {
   key: 0,
   class: "dao-drawer__header"
@@ -3438,7 +3435,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
           withDirectives(createElementVNode("div", {
             class: normalizeClass(_ctx.contentClassList)
           }, [
-            createElementVNode("div", _hoisted_1$q, [
+            createElementVNode("div", _hoisted_1$p, [
               !_ctx.hideHeader ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
                 renderSlot(_ctx.$slots, "header", {}, () => [
                   createElementVNode("div", _hoisted_3$b, [
@@ -3556,7 +3553,7 @@ const _sfc_main$B = defineComponent({
     };
   }
 });
-const _hoisted_1$p = { tabindex: "0" };
+const _hoisted_1$o = { tabindex: "0" };
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_popper = resolveComponent("dao-popper");
   return openBlock(), createBlock(_component_dao_popper, {
@@ -3575,7 +3572,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "menu")
     ]),
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$p, [
+      createElementVNode("div", _hoisted_1$o, [
         renderSlot(_ctx.$slots, "default")
       ])
     ]),
@@ -3587,9 +3584,9 @@ var dropdownMenu_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$A = defineComponent({
   name: "DaoDropdownMenu"
 });
-const _hoisted_1$o = { class: "dao-dropdown-menu" };
+const _hoisted_1$n = { class: "dao-dropdown-menu" };
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("ul", _hoisted_1$o, [
+  return openBlock(), createElementBlock("ul", _hoisted_1$n, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -3860,7 +3857,7 @@ const _sfc_main$x = defineComponent({
     };
   }
 });
-const _hoisted_1$n = {
+const _hoisted_1$m = {
   key: 0,
   class: "dao-expansion-item-header-handler"
 };
@@ -3897,7 +3894,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
       class: "dao-expansion-item-header",
       onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onItemClick && _ctx.onItemClick(...args))
     }, [
-      _ctx.$slots.handler ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
+      _ctx.$slots.handler ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
         renderSlot(_ctx.$slots, "handler")
       ])) : createCommentVNode("", true),
       !_ctx.$slots.trigger ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
@@ -4063,9 +4060,9 @@ const _sfc_main$v = defineComponent({
     }
   }
 });
-const _hoisted_1$m = { class: "dao-error-text" };
+const _hoisted_1$l = { class: "dao-error-text" };
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+  return openBlock(), createElementBlock("div", _hoisted_1$l, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createTextVNode(toDisplayString(_ctx.content), 1)
     ])
@@ -4082,9 +4079,9 @@ const _sfc_main$u = defineComponent({
     }
   }
 });
-const _hoisted_1$l = { class: "dao-helper-text" };
+const _hoisted_1$k = { class: "dao-helper-text" };
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$l, [
+  return openBlock(), createElementBlock("div", _hoisted_1$k, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createTextVNode(toDisplayString(_ctx.content), 1)
     ])
@@ -4131,7 +4128,7 @@ const _sfc_main$t = defineComponent({
     };
   }
 });
-const _hoisted_1$k = { class: "dao-form-item__label-icon-wrapper" };
+const _hoisted_1$j = { class: "dao-form-item__label-icon-wrapper" };
 const _hoisted_2$g = /* @__PURE__ */ createElementVNode("i", { class: "dao-form-item__label-icon icon-unknow" }, null, -1);
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_ellipsis = resolveComponent("dao-ellipsis");
@@ -4147,7 +4144,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.labelStyle)
     }, [
       renderSlot(_ctx.$slots, "label", {}, () => [
-        createElementVNode("div", _hoisted_1$k, [
+        createElementVNode("div", _hoisted_1$j, [
           createVNode(_component_dao_ellipsis, { class: "dao-form-item__label-icon-label" }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.label), 1)
@@ -4197,10 +4194,10 @@ const _sfc_main$s = defineComponent({
     }
   }
 });
-const _hoisted_1$j = { class: "dao-form-group" };
+const _hoisted_1$i = { class: "dao-form-group" };
 const _hoisted_2$f = { class: "dao-form-group__title" };
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$j, [
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
     createElementVNode("div", _hoisted_2$f, [
       renderSlot(_ctx.$slots, "title", {}, () => [
         createTextVNode(toDisplayString(_ctx.title), 1)
@@ -4690,7 +4687,7 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$h = {
   key: 0,
   class: "dao-input-prepend"
 };
@@ -4711,7 +4708,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("div", mergeProps({ class: _ctx.wrapClasses }, _ctx.rootAttrs), [
     renderSlot(_ctx.$slots, "prepend", {}, () => [
-      _ctx.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$i, toDisplayString(_ctx.prepend), 1)) : createCommentVNode("", true)
+      _ctx.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$h, toDisplayString(_ctx.prepend), 1)) : createCommentVNode("", true)
     ]),
     createElementVNode("div", {
       class: normalizeClass(["dao-input-inner", { "dao-input__changing-number": _ctx.isChangingNumber }])
@@ -4852,7 +4849,7 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "dao-message-icon" };
+const _hoisted_1$g = { class: "dao-message-icon" };
 const _hoisted_2$d = { class: "dao-message-section" };
 const _hoisted_3$8 = {
   key: 0,
@@ -4876,7 +4873,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
           "dao-message-only-content": _ctx.onlyContent
         }])
       }, [
-        createElementVNode("div", _hoisted_1$h, [
+        createElementVNode("div", _hoisted_1$g, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             createElementVNode("i", {
               class: normalizeClass(`icon-sys-${_ctx.type} dao-message-icon-general dao-message-icon-${_ctx.type}`)
@@ -5072,10 +5069,10 @@ const _sfc_main$m = defineComponent({
     });
   }
 });
-const _hoisted_1$g = { class: "dao-nav-bar" };
+const _hoisted_1$f = { class: "dao-nav-bar" };
 const _hoisted_2$c = { class: "dao-nav" };
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("nav", _hoisted_1$g, [
+  return openBlock(), createElementBlock("nav", _hoisted_1$f, [
     renderSlot(_ctx.$slots, "header"),
     createElementVNode("ul", _hoisted_2$c, [
       renderSlot(_ctx.$slots, "default")
@@ -5119,7 +5116,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-const _hoisted_1$f = { class: "dao-nav__head-text dao-nav-text" };
+const _hoisted_1$e = { class: "dao-nav__head-text dao-nav-text" };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   const _component_dao_ellipsis = resolveComponent("dao-ellipsis");
@@ -5136,7 +5133,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _ctx.handleClickBack,
         onKeydown: withKeys(withModifiers(_ctx.handleClickBack, ["stop"]), ["esc"])
       }, null, 8, ["name", "use-font", "onClick", "onKeydown"])) : createCommentVNode("", true),
-      createElementVNode("span", _hoisted_1$f, [
+      createElementVNode("span", _hoisted_1$e, [
         createVNode(_component_dao_ellipsis, { "ellipsis-placement": "right" }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.title), 1)
@@ -5230,7 +5227,7 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "dao-nav-slot" };
+const _hoisted_1$d = { class: "dao-nav-slot" };
 const _hoisted_2$b = { class: "dao-nav__item-text dao-nav-text" };
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
@@ -5244,7 +5241,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
       onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["enter"]))
     }, [
-      createElementVNode("div", _hoisted_1$e, [
+      createElementVNode("div", _hoisted_1$d, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           _ctx.showIcon ? (openBlock(), createBlock(_component_dao_icon, {
             key: 0,
@@ -5389,7 +5386,7 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "dao-nav-slot" };
+const _hoisted_1$c = { class: "dao-nav-slot" };
 const _hoisted_2$a = { class: "dao-nav__sub-text dao-nav-text" };
 const _hoisted_3$7 = {
   key: 0,
@@ -5410,7 +5407,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
       onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["enter"]))
     }, [
-      createElementVNode("div", _hoisted_1$d, [
+      createElementVNode("div", _hoisted_1$c, [
         renderSlot(_ctx.$slots, "title", {}, () => [
           _ctx.showIcon ? (openBlock(), createBlock(_component_dao_icon, {
             key: 0,
@@ -5999,7 +5996,7 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "dao-selection-text" };
+const _hoisted_1$b = { class: "dao-selection-text" };
 const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("i", { class: "icon-dropdown-line dao-selection-icon" }, null, -1);
 const _hoisted_3$6 = {
   key: 0,
@@ -6101,7 +6098,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
           ],
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.state.visible = !_ctx.state.visible)
         }, [
-          withDirectives(createElementVNode("span", _hoisted_1$c, [
+          withDirectives(createElementVNode("span", _hoisted_1$b, [
             _ctx.multiple ? renderSlot(_ctx.$slots, "selected", {
               key: 0,
               selectedLabel: _ctx.state.selectedOption.map((o) => o.label),
@@ -6217,7 +6214,7 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["title"];
+const _hoisted_1$a = ["title"];
 const _hoisted_2$8 = {
   key: 0,
   class: "icon-checked dao-option-checkmark"
@@ -6241,7 +6238,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default", {}, () => [
         createTextVNode(toDisplayString(_ctx.labelValue), 1)
       ])
-    ], 8, _hoisted_1$b),
+    ], 8, _hoisted_1$a),
     _ctx.isSelected ? (openBlock(), createElementBlock("i", _hoisted_2$8)) : createCommentVNode("", true)
   ], 2)), [
     [vShow, _ctx.visible]
@@ -6366,7 +6363,7 @@ const _sfc_main$g = defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["disabled"];
+const _hoisted_1$9 = ["disabled"];
 const _hoisted_2$7 = { class: "dao-pagination__pager-total" };
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_option = resolveComponent("dao-option");
@@ -6399,7 +6396,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.totalPage <= 1,
         onKeydown: _cache[2] || (_cache[2] = withKeys((...args) => _ctx.targetPage && _ctx.targetPage(...args), ["enter"])),
         onInput: _cache[3] || (_cache[3] = (...args) => _ctx.currentShowPageFormat && _ctx.currentShowPageFormat(...args))
-      }, null, 40, _hoisted_1$a), [
+      }, null, 40, _hoisted_1$9), [
         [vModelText, _ctx.currentShowPage]
       ]),
       createElementVNode("span", _hoisted_2$7, " / " + toDisplayString(_ctx.totalPage), 1),
@@ -6445,7 +6442,7 @@ const _sfc_main$f = defineComponent({
     },
     bgColor: {
       type: String,
-      default: "#ebeef5"
+      default: "#eeeeee"
     },
     fill: {
       type: [Array, String],
@@ -6484,7 +6481,7 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "dao-progress" };
+const _hoisted_1$8 = { class: "dao-progress" };
 const _hoisted_2$6 = {
   key: 1,
   class: "dao-progress__stacked"
@@ -6494,7 +6491,7 @@ const _hoisted_3$5 = {
   class: "dao-progress__text"
 };
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [
     createElementVNode("div", {
       class: "dao-progress__inner",
       style: normalizeStyle({ background: _ctx.bgColor })
@@ -6590,7 +6587,7 @@ const _sfc_main$e = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["disabled", "name", "checked"];
+const _hoisted_1$7 = ["disabled", "name", "checked"];
 const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("span", { class: "dao-radio-inner" }, null, -1);
 const _hoisted_3$4 = {
   key: 0,
@@ -6618,7 +6615,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         checked: _ctx.currentValue,
         onChange: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args))
-      }, null, 40, _hoisted_1$8),
+      }, null, 40, _hoisted_1$7),
       _hoisted_2$5
     ], 2),
     _ctx.$slots.default || _ctx.label || _ctx.$slots.helper ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
@@ -6742,7 +6739,7 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["value", "name", "disabled"];
+const _hoisted_1$6 = ["value", "name", "disabled"];
 const _hoisted_2$4 = {
   key: 0,
   class: "dao-switch__label"
@@ -6758,7 +6755,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
       value: _ctx.currentValue,
       name: _ctx.name,
       disabled: _ctx.disabled
-    }, null, 8, _hoisted_1$7),
+    }, null, 8, _hoisted_1$6),
     createElementVNode("span", {
       class: normalizeClass(["dao-switch__pill", { "dao-switch-checked": _ctx.currentValue }])
     }, null, 2),
@@ -6814,9 +6811,9 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "dao-table-resizer-separator" };
+const _hoisted_1$5 = { class: "dao-table-resizer-separator" };
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$6, [
+  return openBlock(), createElementBlock("span", _hoisted_1$5, [
     !_ctx.disabled ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: "dao-table-resizer-handle",
@@ -6853,12 +6850,12 @@ const _sfc_main$a = defineComponent({
   },
   emits: ["close"]
 });
-const _hoisted_1$5 = { class: "dao-tag" };
+const _hoisted_1$4 = { class: "dao-tag" };
 const _hoisted_2$3 = { class: "dao-tag__key" };
 const _hoisted_3$3 = { class: "dao-tag__value" };
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
-  return openBlock(), createElementBlock("span", _hoisted_1$5, [
+  return openBlock(), createElementBlock("span", _hoisted_1$4, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, [
         createElementVNode("span", _hoisted_2$3, [
@@ -7221,7 +7218,7 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "dao-toolbar" };
+const _hoisted_1$3 = { class: "dao-toolbar" };
 const _hoisted_2$2 = {
   key: 0,
   class: "dao-toolbar__filter"
@@ -7249,7 +7246,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
       "dao-toolbar-container--with-rounded": !_ctx.noRounded
     }])
   }, [
-    createElementVNode("div", _hoisted_1$4, [
+    createElementVNode("div", _hoisted_1$3, [
       _ctx.$slots.filter ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
         renderSlot(_ctx.$slots, "filter", { classNames: {
           label: "dao-toolbar__filter-label",
@@ -7357,7 +7354,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_1$2 = /* @__PURE__ */ createElementVNode("img", {
   src: _imports_0,
   alt: ""
 }, null, -1);
@@ -7366,7 +7363,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["dao-empty", `dao-empty--${_ctx.type}`])
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
-      _hoisted_1$3
+      _hoisted_1$2
     ]),
     _ctx.$slots.title || _ctx.formattedTitle ? renderSlot(_ctx.$slots, "title", {
       key: 0,
@@ -8162,7 +8159,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "dao-table__toolbar"
 };
@@ -8216,7 +8213,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       "dao-table-container--with-rounded": !_ctx.noRounded && _ctx.showToolbar
     }])
   }, [
-    _ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    _ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
       createVNode(_component_dao_toolbar, {
         search: _ctx.searchModel,
         "onUpdate:search": _cache[0] || (_cache[0] = ($event) => _ctx.searchModel = $event),
@@ -8635,7 +8632,7 @@ const _sfc_main$3 = defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "dao-tabs__nav__wrap" };
+const _hoisted_1 = { class: "dao-tabs__nav__wrap" };
 const _hoisted_2 = {
   key: 0,
   class: "dao-tabs__action"
@@ -8652,7 +8649,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(["dao-tabs__header", "dao-tabs__header--" + _ctx.type])
     }, [
-      createElementVNode("div", _hoisted_1$1, [
+      createElementVNode("div", _hoisted_1, [
         createVNode(_component_tab_nav, {
           type: _ctx.type,
           "tab-list": _ctx.tabList,
@@ -8713,7 +8710,16 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var tabItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-const transferProps = {
+function simpleOmit(target, keys) {
+  return Object.fromEntries(Object.entries(target).filter(([key]) => !keys.includes(key)));
+}
+const transferType = ["normal", "full"];
+const transferProps = __spreadProps(__spreadValues({
+  type: {
+    type: String,
+    default: "normal",
+    validator: (value) => transferType.includes(value)
+  },
   source: {
     type: Array,
     default: () => []
@@ -8754,7 +8760,11 @@ const transferProps = {
     type: Object,
     default: () => ({})
   }
-};
+}, simpleOmit(paginationProps, ["compact", "noShadow", "layout"])), {
+  pageLayout: __spreadProps(__spreadValues({}, paginationProps.layout), {
+    default: () => []
+  })
+});
 const panelType = ["source", "target"];
 const transferPanelProp = {
   type: {
@@ -8794,24 +8804,20 @@ const _sfc_main$1 = defineComponent({
     DaoEmpty
   },
   props: transferPanelProp,
-  emits: ["selectedChange", "refresh", "checkAll"],
+  emits: ["selectedChange", "search", "refresh", "checkAll"],
   setup(props, { slots, emit }) {
     const { t } = useI18n();
     const query = ref("");
+    watch(query, (val) => emit("search", val));
     const labelProp = computed(() => props.props.label || "label");
     const keyProp = computed(() => props.props.key || "key");
     const descProp = computed(() => props.props.desc || "desc");
     const isSource = computed(() => props.type === "source");
-    const filteredData = computed(() => props.data.filter((item) => {
-      if (!props.filterable) {
-        return true;
-      }
-      if (typeof props.filterMethod === "function") {
-        return props.filterMethod(query.value, item);
-      }
+    const filterFn = computed(() => typeof props.filterMethod === "function" ? props.filterMethod : (queryText, item) => {
       const label = item[labelProp.value] || item[keyProp.value];
-      return String(label).toLowerCase().includes(query.value.toLowerCase());
-    }));
+      return String(label).toLowerCase().includes(queryText.toLowerCase());
+    });
+    const filteredData = computed(() => props.filterable ? props.data.filter((item) => filterFn.value(query.value, item)) : props.data);
     const checkedStatus = reactive({
       checked: false,
       indeterminate: false,
@@ -9038,11 +9044,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2), [
       [vShow, _ctx.isEmpty]
     ]),
-    _ctx.hasFooter ? (openBlock(), createElementBlock("p", {
+    _ctx.hasFooter ? (openBlock(), createElementBlock("div", {
       key: 2,
       class: normalizeClass(`${_ctx.ns}__footer`)
     }, [
-      renderSlot(_ctx.$slots, "footer")
+      renderSlot(_ctx.$slots, "footer", { isEmpty: _ctx.isEmpty })
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
@@ -9052,27 +9058,54 @@ const _sfc_main = defineComponent({
   name: "DaoTransfer",
   components: {
     transferPanel,
-    DaoTextButton: _sfc_main$R
+    DaoTextButton: _sfc_main$R,
+    DaoPagination
   },
   props: transferProps,
-  emits: ["update:modelValue", "add", "clear", "change", "refresh", "checkAll"],
+  emits: [
+    "update:modelValue",
+    "add",
+    "clear",
+    "change",
+    "left-search",
+    "right-search",
+    "refresh",
+    "checkAll",
+    "update:current-page",
+    "update:page-size",
+    "next",
+    "prev",
+    "pageChange",
+    "sizeChange"
+  ],
   setup(props, { emit }) {
     const { t } = useI18n();
     const keyProp = computed(() => props.props.key || "key");
     const sourceData = computed(() => props.source || []);
+    const sourceDataMap = ref(new Map());
+    watch(sourceData, () => {
+      sourceData.value.forEach((item) => {
+        sourceDataMap.value.set(item[keyProp.value], item);
+      });
+    }, {
+      immediate: true
+    });
     const selectedKeys = useVModel(props, "modelValue", emit, {
       passive: true
     });
-    const targetData = computed(() => {
-      const _selectedKeys = new Set(selectedKeys.value);
-      return sourceData.value.reduce((pre, cur) => {
-        const key = cur == null ? void 0 : cur[keyProp.value];
-        if (_selectedKeys.has(key)) {
-          pre.push(cur);
-        }
-        return pre;
-      }, []);
+    const currentPage = useVModel(props, "currentPage", emit, {
+      eventName: "update:current-page"
     });
+    const pageSize = useVModel(props, "pageSize", emit, {
+      eventName: "update:page-size"
+    });
+    const targetData = computed(() => selectedKeys.value.reduce((pre, key) => {
+      const target = sourceDataMap.value.get(key);
+      if (target) {
+        pre.push(target);
+      }
+      return pre;
+    }, []));
     const onChange = ({
       direction,
       row
@@ -9103,12 +9136,10 @@ const _sfc_main = defineComponent({
       checked,
       checkableList
     }) => {
-      const curOperatingKeys = checkableList;
       if (checked) {
-        const selectedKeysSet = new Set(selectedKeys.value.concat(curOperatingKeys));
-        selectedKeys.value = [...selectedKeysSet];
+        selectedKeys.value = [...new Set(selectedKeys.value.concat(checkableList))];
       } else {
-        selectedKeys.value = selectedKeys.value.filter((key) => !curOperatingKeys.includes(key));
+        selectedKeys.value = selectedKeys.value.filter((key) => !checkableList.includes(key));
         emit("clear", selectedKeys.value);
       }
       emit("checkAll", selectedKeys.value);
@@ -9118,18 +9149,22 @@ const _sfc_main = defineComponent({
       sourceData,
       targetData,
       selectedKeys,
+      currentPage,
+      pageSize,
       onChange,
       onClear,
       onCheckAll
     };
   }
 });
-const _hoisted_1 = { class: "dao-transfer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+  const _component_dao_pagination = resolveComponent("dao-pagination");
   const _component_transfer_panel = resolveComponent("transfer-panel");
   const _component_dao_text_button = resolveComponent("dao-text-button");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["dao-transfer", `dao-transfer--${_ctx.type}`])
+  }, [
     createVNode(_component_transfer_panel, {
       ref: "leftPanel",
       type: "source",
@@ -9142,8 +9177,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "disabled-keys": _ctx.disabledKeys,
       props: _ctx.props,
       onSelectedChange: _ctx.onChange,
-      onRefresh: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refresh")),
-      onCheckAll: _ctx.onCheckAll
+      onRefresh: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("refresh")),
+      onCheckAll: _ctx.onCheckAll,
+      onSearch: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("left-search", $event))
     }, createSlots({ _: 2 }, [
       _ctx.$slots["left-header"] ? {
         name: "header",
@@ -9182,10 +9218,30 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "left-empty")
         ])
       } : void 0,
-      ((_d = _ctx.$slots) == null ? void 0 : _d["left-footer"]) ? {
+      ((_d = _ctx.$slots) == null ? void 0 : _d["left-footer"]) || ((_e = _ctx.pageLayout) == null ? void 0 : _e.length) ? {
         name: "footer",
-        fn: withCtx(() => [
-          renderSlot(_ctx.$slots, "left-footer")
+        fn: withCtx(({ isEmpty: isEmpty2 }) => [
+          renderSlot(_ctx.$slots, "left-footer", {}, () => [
+            !isEmpty2 ? (openBlock(), createBlock(_component_dao_pagination, {
+              key: 0,
+              "current-page": _ctx.currentPage,
+              "onUpdate:current-page": _cache[0] || (_cache[0] = ($event) => _ctx.currentPage = $event),
+              "page-size": _ctx.pageSize,
+              "onUpdate:page-size": _cache[1] || (_cache[1] = ($event) => _ctx.pageSize = $event),
+              class: "dao-pagination--transfer",
+              "page-size-options": _ctx.pageSizeOptions,
+              "page-format": _ctx.pageFormat,
+              total: _ctx.total,
+              "total-format": _ctx.totalFormat,
+              layout: _ctx.pageLayout,
+              "page-sizer-width": _ctx.pageSizerWidth,
+              "no-shadow": "",
+              onNext: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("next", $event)),
+              onPrev: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("prev", $event)),
+              onPageChange: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("pageChange", $event)),
+              onSizeChange: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("sizeChange", $event))
+            }, null, 8, ["current-page", "page-size", "page-size-options", "page-format", "total", "total-format", "layout", "page-sizer-width"])) : createCommentVNode("", true)
+          ])
         ])
       } : void 0
     ]), 1032, ["hide-desc", "data", "checked-keys", "filterable", "filter-method", "filter-placeholder", "disabled-keys", "props", "onSelectedChange", "onCheckAll"]),
@@ -9194,12 +9250,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       type: "target",
       "hide-desc": _ctx.hideDesc,
       data: _ctx.targetData,
-      filterable: (_e = _ctx.filterable) == null ? void 0 : _e[1],
-      "filter-method": (_f = _ctx.filterMethod) == null ? void 0 : _f[1],
-      "filter-placeholder": (_g = _ctx.filterPlaceholder) == null ? void 0 : _g[1],
+      filterable: (_f = _ctx.filterable) == null ? void 0 : _f[1],
+      "filter-method": (_g = _ctx.filterMethod) == null ? void 0 : _g[1],
+      "filter-placeholder": (_h = _ctx.filterPlaceholder) == null ? void 0 : _h[1],
       "disabled-keys": _ctx.disabledKeys,
       props: _ctx.props,
-      onSelectedChange: _ctx.onChange
+      onSelectedChange: _ctx.onChange,
+      onSearch: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("right-search", $event))
     }, createSlots({ _: 2 }, [
       _ctx.$slots["right-header"] ? {
         name: "header",
@@ -9249,14 +9306,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "right-empty")
         ])
       } : void 0,
-      ((_h = _ctx.$slots) == null ? void 0 : _h["right-footer"]) ? {
+      ((_i = _ctx.$slots) == null ? void 0 : _i["right-footer"]) ? {
         name: "footer",
         fn: withCtx(() => [
           renderSlot(_ctx.$slots, "right-footer")
         ])
       } : void 0
     ]), 1032, ["hide-desc", "data", "filterable", "filter-method", "filter-placeholder", "disabled-keys", "props", "onSelectedChange"])
-  ]);
+  ], 2);
 }
 var transfer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 var components = /* @__PURE__ */ Object.freeze({