@dao-style/core 0.0.1-beta.15 → 0.0.1-beta.18

package/dist/dao-style.es.js

@@ -17,8 +17,9 @@ 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, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, createVNode, withCtx, watch, Transition, withModifiers, normalizeStyle, withDirectives, vShow, withKeys, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, nextTick, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted, h } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, createVNode, withCtx, watch, onBeforeUnmount, Transition, withModifiers, normalizeStyle, withDirectives, vShow, withKeys, getCurrentInstance, onMounted, Teleport, nextTick, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted, h, resolveDynamicComponent, createSlots } from "vue";
 import { isArray, isSet, looseIndexOf, looseEqual, isFunction, NOOP } from "@vue/shared";
+var common = "";
 var actionIcon_vue_vue_type_style_index_0_lang = "";
 var _export_sfc = (sfc, props) => {
   for (const [key, val] of props) {
@@ -26,7 +27,7 @@ var _export_sfc = (sfc, props) => {
   }
   return sfc;
 };
-const _sfc_main$I = defineComponent({
+const _sfc_main$M = defineComponent({
   name: "DaoActionIcon",
   props: {
     name: {
@@ -55,8 +56,8 @@ const _sfc_main$I = defineComponent({
     };
   }
 });
-const _hoisted_1$w = ["disabled"];
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$A = ["disabled"];
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("button", {
     class: normalizeClass(["dao-action-icon", `dao-action-icon--type-${_ctx.type}`]),
     disabled: _ctx.realDisabled,
@@ -68,9 +69,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["dao-action-icon__iconfont", _ctx.name])
       }, null, 2)) : createCommentVNode("", true)
     ])
-  ], 10, _hoisted_1$w);
+  ], 10, _hoisted_1$A);
 }
-var DaoActionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$F]]);
+var DaoActionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$J]]);
 const BUTTON_TYPES = ["primary", "secondary", "tertiary", "ghost", "danger"];
 var buttonProps = {
   type: {
@@ -109,7 +110,7 @@ var buttonProps = {
   }
 };
 var icon_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$H = defineComponent({
+const _sfc_main$L = defineComponent({
   name: "DaoIcon",
   props: {
     name: {
@@ -122,28 +123,28 @@ const _sfc_main$H = defineComponent({
     }
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$z = {
   key: 1,
   class: "dao-icon dao-svg-icon"
 };
-const _hoisted_2$l = ["xlink:href"];
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$n = ["xlink:href"];
+function _sfc_render$I(_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$v, [
+  }, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_1$z, [
     createElementVNode("use", {
       "xlink:href": `#${_ctx.name}`
-    }, null, 8, _hoisted_2$l)
+    }, null, 8, _hoisted_2$n)
   ]));
 }
-var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$E]]);
+var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$I]]);
 var button_vue_vue_type_style_index_0_lang = "";
 const NO_ICON = Symbol(0);
 const RIGHT_ICON = Symbol(1);
 const LEFT_ICON = Symbol(2);
 const BOTH_ICON = Symbol(3);
-const _sfc_main$G = defineComponent({
+const _sfc_main$K = defineComponent({
   name: "DaoButton",
   components: {
     DaoIcon
@@ -234,12 +235,12 @@ const _sfc_main$G = defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["disabled"];
-const _hoisted_2$k = {
+const _hoisted_1$y = ["disabled"];
+const _hoisted_2$m = {
   key: 1,
   class: "dao-btn__text"
 };
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("button", {
     class: normalizeClass(_ctx.classList),
@@ -253,7 +254,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
         "use-font": _ctx.isIconLeftFont,
         name: _ctx.realIconLeft
       }, null, 8, ["class", "use-font", "name"])) : createCommentVNode("", true),
-      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$k, [
+      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$m, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true),
       _ctx.realIconRight ? (openBlock(), createBlock(_component_dao_icon, {
@@ -263,22 +264,22 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.realIconRight
       }, null, 8, ["class", "use-font", "name"])) : createCommentVNode("", true)
     ], 64))
-  ], 10, _hoisted_1$u);
+  ], 10, _hoisted_1$y);
 }
-var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$D]]);
+var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$H]]);
 var buttonGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$F = defineComponent({
+const _sfc_main$J = defineComponent({
   name: "DaoButtonGroup"
 });
-const _hoisted_1$t = { class: "dao-btn-group" };
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$t, [
+const _hoisted_1$x = { class: "dao-btn-group" };
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$x, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$C]]);
+var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$G]]);
 var card_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$E = defineComponent({
+const _sfc_main$I = defineComponent({
   name: "DaoCard",
   components: {
     DaoIcon
@@ -306,25 +307,25 @@ const _sfc_main$E = defineComponent({
     }
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$w = {
   key: 0,
   class: "dao-card-header"
 };
-const _hoisted_2$j = {
+const _hoisted_2$l = {
   key: 0,
   class: "dao-card-header-item"
 };
-const _hoisted_3$c = { class: "dao-card-header-item dao-card-header-title" };
+const _hoisted_3$e = { class: "dao-card-header-item dao-card-header-title" };
 const _hoisted_4$a = { class: "dao-card-header-item dao-card-header-action" };
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["dao-card", `dao-card--${_ctx.type}`])
   }, [
-    _ctx.type !== "headless" ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
+    _ctx.type !== "headless" ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
       renderSlot(_ctx.$slots, "header", {}, () => [
         renderSlot(_ctx.$slots, "header-prefix"),
-        _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+        _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$l, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             _ctx.icon ? (openBlock(), createBlock(_component_dao_icon, {
               key: 0,
@@ -334,7 +335,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["name", "use-font"])) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_3$e, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ])
@@ -361,22 +362,22 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var card = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$B]]);
+var card = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$F]]);
 var cardItem_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$D = defineComponent({
+const _sfc_main$H = defineComponent({
   name: "DaoCardItem"
 });
-const _hoisted_1$r = { class: "dao-card-item" };
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$r, [
+const _hoisted_1$v = { class: "dao-card-item" };
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$v, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var cardItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$A]]);
+var cardItem = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$E]]);
 function isNullish(val) {
   return val === null || val === void 0;
 }
-const placements$1 = [
+const placements$2 = [
   "auto",
   "auto-start",
   "auto-end",
@@ -416,7 +417,7 @@ function getUnrefItem(set, item) {
     index: index2
   };
 }
-const _sfc_main$C = defineComponent({
+const _sfc_main$G = defineComponent({
   name: "DaoCheckbox",
   props: {
     modelValue: {
@@ -556,9 +557,9 @@ const _sfc_main$C = defineComponent({
     }
   }
 });
-const _hoisted_1$q = ["disabled", "indeterminate", "checked"];
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("span", { class: "dao-checkbox-inner" }, null, -1);
-const _hoisted_3$b = {
+const _hoisted_1$u = ["disabled", "indeterminate", "checked"];
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("span", { class: "dao-checkbox-inner" }, null, -1);
+const _hoisted_3$d = {
   key: 0,
   class: "dao-checkbox__label"
 };
@@ -570,7 +571,7 @@ const _hoisted_5$7 = {
   key: 1,
   class: "dao-checkbox__label-helper"
 };
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(_ctx.wrapClasses)
   }, [
@@ -585,10 +586,10 @@ function _sfc_render$z(_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$q),
-      _hoisted_2$i
+      }), null, 16, _hoisted_1$u),
+      _hoisted_2$k
     ], 2),
-    _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$b, [
+    _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$d, [
       _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$9, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true),
@@ -600,9 +601,9 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$z]]);
+var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$D]]);
 var checkboxGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$B = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "DaoCheckboxGroup",
   props: {
     modelValue: {
@@ -636,15 +637,15 @@ const _sfc_main$B = defineComponent({
     };
   }
 });
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.checkboxGroupClasses)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$y]]);
-const _sfc_main$A = defineComponent({
+var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$C]]);
+const _sfc_main$E = defineComponent({
   name: "DaoDialogHeader",
   components: {
     DaoButton
@@ -667,10 +668,10 @@ const _sfc_main$A = defineComponent({
     };
   }
 });
-const _hoisted_1$p = { class: "dao-dialog__header" };
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$t = { class: "dao-dialog__header" };
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_button = resolveComponent("dao-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$p, [
+  return openBlock(), createElementBlock("div", _hoisted_1$t, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, [
         renderSlot(_ctx.$slots, "title", {}, () => [
@@ -687,8 +688,8 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$x]]);
-const _sfc_main$z = defineComponent({
+var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$B]]);
+const _sfc_main$D = defineComponent({
   name: "DaoDialogFooter",
   components: {
     DaoButton
@@ -724,10 +725,10 @@ const _sfc_main$z = defineComponent({
     };
   }
 });
-const _hoisted_1$o = { class: "dao-dialog__footer" };
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$s = { class: "dao-dialog__footer" };
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_button = resolveComponent("dao-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$o, [
+  return openBlock(), createElementBlock("div", _hoisted_1$s, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createVNode(_component_dao_button, {
         type: "ghost",
@@ -752,13 +753,13 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$w]]);
+var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$A]]);
 var dialog_scss_vue_type_style_index_0_src_lang = "";
 const DIALOG_NUM_ATTR = "dao-dialog__num";
 const DIALOG_MINIMUM_PADDING = "20px";
 const DIALOG_DEFAULT_PADDING_TOP = "100px";
 const DIALOG_DEFAULT_PADDING_BOTTOM = "20px";
-const _sfc_main$y = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "DaoDialog",
   components: {
     DialogHeader,
@@ -864,8 +865,8 @@ const _sfc_main$y = defineComponent({
       if (!lockScroll.value) {
         return;
       }
-      const currentDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR) || 0);
-      document.body.setAttribute(DIALOG_NUM_ATTR, String(currentDialogNum + 1));
+      const bodyDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR) || 0);
+      document.body.setAttribute(DIALOG_NUM_ATTR, String(bodyDialogNum + 1));
       document.body.style.overflow = "hidden";
     };
     const onClose = () => {
@@ -885,16 +886,18 @@ const _sfc_main$y = defineComponent({
         return;
       }
       const specDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR)) - 1;
-      if (specDialogNum === 0) {
+      if (specDialogNum < 1) {
         document.body.removeAttribute(DIALOG_NUM_ATTR);
         document.body.style.overflow = "";
       } else {
         document.body.setAttribute(DIALOG_NUM_ATTR, String(specDialogNum));
       }
     };
+    let currentDialogOpened = false;
     const onBeforeEnter = () => {
-      lockWindowScroll();
       document.addEventListener("keydown", onKeyDown);
+      lockWindowScroll();
+      currentDialogOpened = true;
       emit("before-open");
     };
     const onAfterEnter = () => {
@@ -915,8 +918,14 @@ const _sfc_main$y = defineComponent({
     const onAfterLeave = () => {
       document.removeEventListener("keydown", onKeyDown);
       unLockWindowScroll();
+      currentDialogOpened = false;
       emit("closed");
     };
+    onBeforeUnmount(() => {
+      if (currentDialogOpened) {
+        onAfterLeave();
+      }
+    });
     return {
       computedPaddingTop,
       computedPaddingBottom,
@@ -933,8 +942,8 @@ const _sfc_main$y = defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "dao-dialog__body" };
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$r = { class: "dao-dialog__body" };
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dialog_header = resolveComponent("dialog-header");
   const _component_dialog_footer = resolveComponent("dialog-footer");
   return openBlock(), createBlock(Transition, {
@@ -969,7 +978,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 3
           }, 8, ["title", "show-close", "onClose"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$n, [
+          createElementVNode("div", _hoisted_1$r, [
             renderSlot(_ctx.$slots, "default")
           ]),
           _ctx.footer ? (openBlock(), createBlock(_component_dialog_footer, {
@@ -991,7 +1000,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onBeforeEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"]);
 }
-var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$v]]);
+var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$z]]);
 const drawerProps = {
   modelValue: {
     type: Boolean,
@@ -1061,7 +1070,7 @@ const trapTabKey = (e, firstTab, lastTab) => {
   }
 };
 var drawer_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$x = defineComponent({
+const _sfc_main$B = defineComponent({
   name: "DaoDrawer",
   components: {
     DaoButton,
@@ -1169,19 +1178,19 @@ const _sfc_main$x = defineComponent({
     };
   }
 });
-const _hoisted_1$m = { class: "dao-drawer__content" };
-const _hoisted_2$h = {
+const _hoisted_1$q = { class: "dao-drawer__content" };
+const _hoisted_2$j = {
   key: 0,
   class: "dao-drawer__header"
 };
-const _hoisted_3$a = { class: "dao-drawer__header-group" };
+const _hoisted_3$c = { class: "dao-drawer__header-group" };
 const _hoisted_4$8 = { class: "dao-drawer__body" };
 const _hoisted_5$6 = {
   key: 1,
   class: "dao-drawer__footer"
 };
 const _hoisted_6$4 = { class: "dao-drawer__footer-group" };
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_action_icon = resolveComponent("dao-action-icon");
   const _component_dao_button = resolveComponent("dao-button");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -1213,10 +1222,10 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           withDirectives(createElementVNode("div", {
             class: normalizeClass(_ctx.contentClassList)
           }, [
-            createElementVNode("div", _hoisted_1$m, [
-              !_ctx.hideHeader ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+            createElementVNode("div", _hoisted_1$q, [
+              !_ctx.hideHeader ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
                 renderSlot(_ctx.$slots, "header", {}, () => [
-                  createElementVNode("div", _hoisted_3$a, [
+                  createElementVNode("div", _hoisted_3$c, [
                     createElementVNode("span", null, toDisplayString(_ctx.title), 1),
                     !_ctx.hideCloseIcon ? (openBlock(), createBlock(_component_dao_action_icon, {
                       key: 0,
@@ -1264,7 +1273,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     ], 34)
   ], 64);
 }
-var drawer = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$u]]);
+var drawer = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$y]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -1280,7 +1289,7 @@ var reference = "reference";
 var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
   return acc.concat([placement + "-" + start, placement + "-" + end]);
 }, []);
-var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+var placements$1 = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
   return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
 }, []);
 var beforeRead = "beforeRead";
@@ -1950,16 +1959,16 @@ function computeAutoPlacement(state, options) {
   if (options === void 0) {
     options = {};
   }
-  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
+  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements$1 : _options$allowedAutoP;
   var variation = getVariation(placement);
-  var placements$12 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
+  var placements2 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
     return getVariation(placement2) === variation;
   }) : basePlacements;
-  var allowedPlacements = placements$12.filter(function(placement2) {
+  var allowedPlacements = placements2.filter(function(placement2) {
     return allowedAutoPlacements.indexOf(placement2) >= 0;
   });
   if (allowedPlacements.length === 0) {
-    allowedPlacements = placements$12;
+    allowedPlacements = placements2;
   }
   var overflows = allowedPlacements.reduce(function(acc, placement2) {
     acc[placement2] = detectOverflow(state, {
@@ -2097,7 +2106,7 @@ function distanceAndSkiddingToXY(placement, rects, offset2) {
 function offset(_ref2) {
   var state = _ref2.state, options = _ref2.options, name = _ref2.name;
   var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
-  var data = placements.reduce(function(acc, placement) {
+  var data = placements$1.reduce(function(acc, placement) {
     acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
     return acc;
   }, {});
@@ -2463,7 +2472,7 @@ var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyS
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
-const _sfc_main$w = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "PopperContent",
   props: {
     popperId: {
@@ -2511,12 +2520,12 @@ const _sfc_main$w = defineComponent({
     };
   }
 });
-const _hoisted_1$l = ["id", "aria-hidden", "tabindex"];
-const _hoisted_2$g = {
+const _hoisted_1$p = ["id", "aria-hidden", "tabindex"];
+const _hoisted_2$i = {
   ref: "arrow",
   class: "dao-popper-arrow"
 };
-const _hoisted_3$9 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_3$b = /* @__PURE__ */ createElementVNode("svg", {
   class: "dao-popper-arrow-viewbox",
   viewBox: "0 0 15 15"
 }, [
@@ -2531,9 +2540,9 @@ const _hoisted_3$9 = /* @__PURE__ */ createElementVNode("svg", {
   })
 ], -1);
 const _hoisted_4$7 = [
-  _hoisted_3$9
+  _hoisted_3$b
 ];
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     id: _ctx.popperId,
     ref: "popover",
@@ -2552,12 +2561,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 4),
-    withDirectives(createElementVNode("div", _hoisted_2$g, _hoisted_4$7, 512), [
+    withDirectives(createElementVNode("div", _hoisted_2$i, _hoisted_4$7, 512), [
       [vShow, _ctx.visibleArrow]
     ])
-  ], 42, _hoisted_1$l);
+  ], 42, _hoisted_1$p);
 }
-var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$t]]);
+var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$x]]);
 var PopperProps = {
   modelValue: {
     type: Boolean,
@@ -2590,7 +2599,7 @@ var PopperProps = {
   placement: {
     type: String,
     default: "bottom",
-    validator: (value) => placements$1.includes(value)
+    validator: (value) => placements$2.includes(value)
   },
   trigger: {
     type: [String, Array],
@@ -2663,7 +2672,7 @@ function getActualRoot(app) {
   }
   return internalRoot;
 }
-const _sfc_main$v = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "DaoPopper",
   components: {
     PopperContent
@@ -3034,7 +3043,7 @@ const _sfc_main$v = defineComponent({
     };
   }
 });
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popper_content = resolveComponent("popper-content");
   return openBlock(), createElementBlock("div", {
     ref: "reference",
@@ -3076,8 +3085,8 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["to", "disabled"]))
   ], 2);
 }
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$s]]);
-const _sfc_main$u = defineComponent({
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$w]]);
+const _sfc_main$y = defineComponent({
   name: "DaoDropdown",
   components: {
     DaoPopper: Popper
@@ -3095,7 +3104,7 @@ const _sfc_main$u = defineComponent({
     placement: {
       type: String,
       default: "bottom",
-      validator: (value) => placements$1.includes(value)
+      validator: (value) => placements$2.includes(value)
     },
     offset: {
       type: Number,
@@ -3133,8 +3142,8 @@ const _sfc_main$u = defineComponent({
     };
   }
 });
-const _hoisted_1$k = { tabindex: "0" };
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$o = { tabindex: "0" };
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_popper = resolveComponent("dao-popper");
   return openBlock(), createBlock(_component_dao_popper, {
     ref: "popper",
@@ -3151,27 +3160,27 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "menu")
     ]),
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$k, [
+      createElementVNode("div", _hoisted_1$o, [
         renderSlot(_ctx.$slots, "default")
       ])
     ]),
     _: 3
   }, 8, ["placement", "append-to", "trigger", "offset", "model-value"]);
 }
-var dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$r]]);
+var DaoDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$v]]);
 var dropdownMenu_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$t = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "DaoDropdownMenu"
 });
-const _hoisted_1$j = { class: "dao-dropdown-menu" };
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("ul", _hoisted_1$j, [
+const _hoisted_1$n = { class: "dao-dropdown-menu" };
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("ul", _hoisted_1$n, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var dropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
+var dropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$u]]);
 var dropdownItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$s = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "DaoDropdownItem",
   props: {
     type: {
@@ -3220,12 +3229,12 @@ const _sfc_main$s = defineComponent({
     };
   }
 });
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", mergeProps({ class: _ctx.classList }, _ctx.itemAttrs), [
     _ctx.type !== "divider" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
   ], 16);
 }
-var dropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$p]]);
+var dropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$t]]);
 const expansionProps = {
   modelValue: {
     type: [String, Symbol, Array]
@@ -3250,7 +3259,7 @@ const expansionItemProps = {
   }
 };
 var expansion_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$r = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "DaoExpansion",
   props: expansionProps,
   emits: ["update:modelValue", "change"],
@@ -3320,15 +3329,15 @@ const _sfc_main$r = defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "dao-expansion" };
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+const _hoisted_1$m = { class: "dao-expansion" };
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var expansion = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$o]]);
+var expansion = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$s]]);
 var expansionItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$q = defineComponent({
+const _sfc_main$u = defineComponent({
   name: "DaoExpansionItem",
   components: {
     DaoIcon
@@ -3403,13 +3412,13 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "dao-expansion-item-icon-container" };
-const _hoisted_2$f = { class: "dao-expansion-item-title-container" };
-const _hoisted_3$8 = { class: "dao-expansion-item-title dao-exp-ellipsis" };
+const _hoisted_1$l = { class: "dao-expansion-item-icon-container" };
+const _hoisted_2$h = { class: "dao-expansion-item-title-container" };
+const _hoisted_3$a = { class: "dao-expansion-item-title dao-exp-ellipsis" };
 const _hoisted_4$6 = { class: "dao-expansion-item-description dao-exp-ellipsis" };
 const _hoisted_5$5 = { class: "dao-expansion-item-content-container" };
 const _hoisted_6$3 = { class: "dao-expansion-item-content" };
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["dao-expansion-item", {
@@ -3420,15 +3429,15 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
       class: "dao-expansion-item-header",
       onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onItemClick && _ctx.onItemClick(...args))
     }, [
-      createElementVNode("div", _hoisted_1$h, [
+      createElementVNode("div", _hoisted_1$l, [
         createVNode(_component_dao_icon, {
           name: "icon-dropdown-line",
           class: "dao-expansion-item-icon",
           "use-font": ""
         })
       ]),
-      createElementVNode("div", _hoisted_2$f, [
-        createElementVNode("div", _hoisted_3$8, [
+      createElementVNode("div", _hoisted_2$h, [
+        createElementVNode("div", _hoisted_3$a, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ])
@@ -3470,9 +3479,9 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
   ], 2);
 }
-var expansionItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n]]);
+var expansionItem = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$r]]);
 var form_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$p = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "DaoForm",
   props: {
     type: {
@@ -3490,7 +3499,7 @@ const _sfc_main$p = defineComponent({
     provide(formLabelWidthKey, labelWidth.value);
   }
 });
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "dao-form",
@@ -3512,7 +3521,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     } })
   ], 2);
 }
-var form = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$m]]);
+var form = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
 var tooltipProps = __spreadProps(__spreadValues({}, PopperProps), {
   offset: {
     type: [Number, String],
@@ -3520,16 +3529,16 @@ var tooltipProps = __spreadProps(__spreadValues({}, PopperProps), {
   }
 });
 var tooltip_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$o = defineComponent(__spreadProps(__spreadValues({}, Popper), {
+const _sfc_main$s = defineComponent(__spreadProps(__spreadValues({}, Popper), {
   name: "DaoTooltip",
   props: tooltipProps,
   daoPopperTheme: "dao-tooltip"
 }));
 var formItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$n = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "DaoFormItem",
   components: {
-    DaoTooltip: _sfc_main$o
+    DaoTooltip: _sfc_main$s
   },
   props: {
     label: {
@@ -3578,13 +3587,13 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$k = {
   key: 0,
   class: "dao-form-item__label-icon-wrapper"
 };
-const _hoisted_2$e = { class: "dao-form-item__label-icon-label" };
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("i", { class: "dao-form-item__label-icon icon-unknow" }, null, -1);
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$g = { class: "dao-form-item__label-icon-label" };
+const _hoisted_3$9 = /* @__PURE__ */ createElementVNode("i", { class: "dao-form-item__label-icon icon-unknow" }, null, -1);
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_tooltip = resolveComponent("dao-tooltip");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["dao-form-item", { "is-required": _ctx.required }])
@@ -3595,14 +3604,14 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "label", {}, () => [
         createTextVNode(toDisplayString(!_ctx.iconMessage ? _ctx.label : ""), 1),
-        !!_ctx.iconMessage ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-          createElementVNode("span", _hoisted_2$e, toDisplayString(_ctx.label), 1),
+        !!_ctx.iconMessage ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+          createElementVNode("span", _hoisted_2$g, toDisplayString(_ctx.label), 1),
           createVNode(_component_dao_tooltip, {
             content: _ctx.iconMessage,
             placement: "top"
           }, {
             default: withCtx(() => [
-              _hoisted_3$7
+              _hoisted_3$9
             ]),
             _: 1
           }, 8, ["content"])
@@ -3617,9 +3626,9 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]);
+var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$p]]);
 var formGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$m = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "DaoFormGroup",
   props: {
     title: {
@@ -3628,11 +3637,11 @@ const _sfc_main$m = defineComponent({
     }
   }
 });
-const _hoisted_1$f = { class: "dao-form-group" };
-const _hoisted_2$d = { class: "dao-form-group__title" };
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$f, [
-    createElementVNode("div", _hoisted_2$d, [
+const _hoisted_1$j = { class: "dao-form-group" };
+const _hoisted_2$f = { class: "dao-form-group__title" };
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [
+    createElementVNode("div", _hoisted_2$f, [
       renderSlot(_ctx.$slots, "title", {}, () => [
         createTextVNode(toDisplayString(_ctx.title), 1)
       ])
@@ -3640,7 +3649,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k]]);
+var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$o]]);
 const headerProps = {
   type: {
     type: String,
@@ -3652,7 +3661,7 @@ const headerProps = {
   }
 };
 var header_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$l = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "DaoHeader",
   props: headerProps,
   setup(props, { slots }) {
@@ -3666,11 +3675,11 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "header",
     "aria-label": "Header",
-    class: normalizeClass(_ctx.ns)
+    class: normalizeClass([_ctx.ns, `${_ctx.ns}--${_ctx.type}`])
   }, [
     createElementVNode("div", {
       class: normalizeClass(_ctx.ns + "__left-container")
@@ -3698,7 +3707,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var header = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]);
+var header = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n]]);
 const breadcrumbProps = {
   type: {
     type: String,
@@ -3731,7 +3740,7 @@ const breadcrumbItemProps = {
     type: [String, Object]
   }
 };
-const _sfc_main$k = defineComponent({
+const _sfc_main$o = defineComponent({
   name: "DaoBreadcrumbItem",
   props: breadcrumbItemProps,
   setup(props) {
@@ -3753,7 +3762,7 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.ns + "__item")
   }, [
@@ -3785,9 +3794,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.separator), 3)
   ], 2);
 }
-var DaoBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
+var DaoBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m]]);
 var breadcrumb_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$j = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "DaoBreadcrumb",
   components: {
     DaoIcon,
@@ -3802,7 +3811,7 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   var _a2;
   const _component_dao_icon = resolveComponent("dao-icon");
   const _component_dao_breadcrumb_item = resolveComponent("dao-breadcrumb-item");
@@ -3834,7 +3843,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
+var breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]);
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
@@ -3901,7 +3910,7 @@ var inputProps = {
   }
 };
 var input_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$i = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "DaoInput",
   components: {
     DaoIcon
@@ -3929,7 +3938,7 @@ const _sfc_main$i = defineComponent({
     } = toRefs(props);
     const currentValue = ref(modelValue.value);
     const isFocus = ref(false);
-    const input2 = ref(null);
+    const input = ref(null);
     const isIncreaseDisabled = ref(false);
     const isDecreaseDisabled = ref(false);
     const isChangingNumber = ref(false);
@@ -4001,7 +4010,7 @@ const _sfc_main$i = defineComponent({
       }
       updateModel("");
       emit("after-reset");
-      (_a2 = input2.value) == null ? void 0 : _a2.focus();
+      (_a2 = input.value) == null ? void 0 : _a2.focus();
     };
     const getInputRealNumber = (val, fixedPointNum) => parseFloat(val.toFixed(fixedPointNum));
     const changeNumberValue = (changeType) => {
@@ -4034,7 +4043,7 @@ const _sfc_main$i = defineComponent({
         setValue = minimum;
       }
       updateModel(getInputRealNumber(setValue, stepPointNum));
-      (_a2 = input2.value) == null ? void 0 : _a2.focus();
+      (_a2 = input.value) == null ? void 0 : _a2.focus();
       if (!counterTimeout && !counterInterval) {
         counterTimeout = window.setTimeout(() => {
           counterInterval = window.setInterval(() => changeNumberValue(changeType), 100);
@@ -4057,7 +4066,7 @@ const _sfc_main$i = defineComponent({
       counterInterval = null;
       isChangingNumber.value = false;
       if (onEvents) {
-        (_a2 = input2.value) == null ? void 0 : _a2.focus();
+        (_a2 = input.value) == null ? void 0 : _a2.focus();
       }
     };
     const inputAttrs = computed(() => {
@@ -4094,7 +4103,7 @@ const _sfc_main$i = defineComponent({
     return {
       currentValue,
       isFocus,
-      input: input2,
+      input,
       clearable,
       wrapClasses,
       inputClasses,
@@ -4112,15 +4121,15 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$i = {
   key: 0,
   class: "dao-input-prepend"
 };
-const _hoisted_2$c = {
+const _hoisted_2$e = {
   key: 0,
   class: "dao-input-prefix"
 };
-const _hoisted_3$6 = ["type", "disabled", "value"];
+const _hoisted_3$8 = ["type", "disabled", "value"];
 const _hoisted_4$5 = {
   key: 4,
   class: "dao-input-suffix"
@@ -4129,18 +4138,18 @@ const _hoisted_5$4 = {
   key: 0,
   class: "dao-input-append"
 };
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.wrapClasses)
   }, [
     renderSlot(_ctx.$slots, "prepend", {}, () => [
-      _ctx.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$e, toDisplayString(_ctx.prepend), 1)) : createCommentVNode("", true)
+      _ctx.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$i, toDisplayString(_ctx.prepend), 1)) : createCommentVNode("", true)
     ]),
     createElementVNode("div", {
       class: normalizeClass(["dao-input-inner", { "dao-input__changing-number": _ctx.isChangingNumber }])
     }, [
-      _ctx.slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
+      _ctx.slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
         renderSlot(_ctx.$slots, "prefix")
       ])) : createCommentVNode("", true),
       _ctx.type === "search" ? (openBlock(), createElementBlock("i", {
@@ -4155,7 +4164,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.disabled,
         value: _ctx.currentValue,
         onKeyup: _cache[0] || (_cache[0] = withKeys((...args) => _ctx.resetCurrentVal && _ctx.resetCurrentVal(...args), ["esc"]))
-      }), null, 16, _hoisted_3$6),
+      }), null, 16, _hoisted_3$8),
       _ctx.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
         createElementVNode("i", {
           class: normalizeClass([
@@ -4203,7 +4212,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var input = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
+var DaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k]]);
 var MessageProps = {
   modelValue: {
     type: Boolean,
@@ -4227,7 +4236,7 @@ var MessageProps = {
   }
 };
 var message_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$h = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "DaoMessage",
   props: MessageProps,
   emits: ["update:modelValue", "change", "beforeClose", "closed", "beforeShow", "show"],
@@ -4274,9 +4283,9 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "dao-message-icon" };
-const _hoisted_2$b = { class: "dao-message-section" };
-const _hoisted_3$5 = {
+const _hoisted_1$h = { class: "dao-message-icon" };
+const _hoisted_2$d = { class: "dao-message-section" };
+const _hoisted_3$7 = {
   key: 0,
   class: "dao-message-title"
 };
@@ -4284,7 +4293,7 @@ const _hoisted_4$4 = {
   key: 0,
   class: "dao-message-content"
 };
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.isMessageShow ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(["dao-message-outer", _ctx.typeClass]),
@@ -4295,17 +4304,17 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass(["dao-message-inner", { "dao-message-inner-without-close": !_ctx.isCloseShow }])
       }, [
-        createElementVNode("div", _hoisted_1$d, [
+        createElementVNode("div", _hoisted_1$h, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             createElementVNode("i", {
               class: normalizeClass(`icon-sys-${_ctx.type} dao-message-icon-general dao-message-icon-${_ctx.type}`)
             }, null, 2)
           ])
         ]),
-        createElementVNode("div", _hoisted_2$b, [
+        createElementVNode("div", _hoisted_2$d, [
           renderSlot(_ctx.$slots, "section", {}, () => [
             renderSlot(_ctx.$slots, "title", { className: "dao-message-title" }, () => [
-              _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$5, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
+              _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$7, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
             ]),
             renderSlot(_ctx.$slots, "default", { className: "dao-message-content" }, () => [
               _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_4$4, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
@@ -4321,7 +4330,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 34)) : createCommentVNode("", true);
 }
-var message = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f]]);
+var message = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]);
 const NAV_TYPES = ["2rd", "3rd"];
 const navProps = {
   accordion: {
@@ -4417,7 +4426,7 @@ const navItemProps = {
   }
 };
 var nav_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$g = defineComponent({
+const _sfc_main$k = defineComponent({
   name: "DaoNav",
   props: navProps,
   emits: ["back", "select", "toggle"],
@@ -4491,18 +4500,18 @@ const _sfc_main$g = defineComponent({
     });
   }
 });
-const _hoisted_1$c = { class: "dao-nav-bar" };
-const _hoisted_2$a = { class: "dao-nav" };
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("nav", _hoisted_1$c, [
+const _hoisted_1$g = { class: "dao-nav-bar" };
+const _hoisted_2$c = { class: "dao-nav" };
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("nav", _hoisted_1$g, [
     renderSlot(_ctx.$slots, "header"),
-    createElementVNode("ul", _hoisted_2$a, [
+    createElementVNode("ul", _hoisted_2$c, [
       renderSlot(_ctx.$slots, "default")
     ])
   ]);
 }
-var nav = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e]]);
-const _sfc_main$f = defineComponent({
+var nav = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
+const _sfc_main$j = defineComponent({
   name: "DaoNavHead",
   components: {
     DaoIcon
@@ -4537,8 +4546,8 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "dao-nav__head-text dao-nav-text" };
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$f = { class: "dao-nav__head-text dao-nav-text" };
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(_ctx.classHeadList)
@@ -4553,12 +4562,12 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _ctx.handleClickBack,
         onKeyup: withKeys(withModifiers(_ctx.handleClickBack, ["stop"]), ["esc"])
       }, null, 8, ["name", "use-font", "onClick", "onKeyup"])) : createCommentVNode("", true),
-      createElementVNode("span", _hoisted_1$b, toDisplayString(_ctx.title), 1)
+      createElementVNode("span", _hoisted_1$f, toDisplayString(_ctx.title), 1)
     ])
   ], 2);
 }
-var navHead = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$d]]);
-const _sfc_main$e = defineComponent({
+var navHead = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
+const _sfc_main$i = defineComponent({
   name: "DaoNavItem",
   components: {
     DaoIcon
@@ -4639,9 +4648,9 @@ const _sfc_main$e = defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "dao-nav-slot" };
-const _hoisted_2$9 = { class: "dao-nav__item-text dao-nav-text" };
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$e = { class: "dao-nav-slot" };
+const _hoisted_2$b = { class: "dao-nav__item-text dao-nav-text" };
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(_ctx.classItemList)
@@ -4652,7 +4661,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
       onKeyup: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["enter"]))
     }, [
-      createElementVNode("div", _hoisted_1$a, [
+      createElementVNode("div", _hoisted_1$e, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           _ctx.showIcon ? (openBlock(), createBlock(_component_dao_icon, {
             key: 0,
@@ -4660,14 +4669,14 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             name: _ctx.icon,
             "use-font": _ctx.useFont
           }, null, 8, ["name", "use-font"])) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_2$9, toDisplayString(_ctx.title), 1)
+          createElementVNode("span", _hoisted_2$b, toDisplayString(_ctx.title), 1)
         ])
       ])
     ], 34)
   ], 2);
 }
-var navItem = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
-const _sfc_main$d = defineComponent({
+var navItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
+const _sfc_main$h = defineComponent({
   name: "DaoNavSub",
   components: {
     DaoIcon
@@ -4789,16 +4798,16 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "dao-nav-slot" };
-const _hoisted_2$8 = { class: "dao-nav__sub-text dao-nav-text" };
-const _hoisted_3$4 = {
+const _hoisted_1$d = { class: "dao-nav-slot" };
+const _hoisted_2$a = { class: "dao-nav__sub-text dao-nav-text" };
+const _hoisted_3$6 = {
   key: 0,
   class: "icon-dropdown-line dao-nav__sub__icon-fold"
 };
 const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("span", { class: "dao-nav__sub-gap" }, null, -1);
 const _hoisted_5$3 = { class: "dao-nav dao-nav-inner" };
 const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("span", { class: "dao-nav__sub-gap" }, null, -1);
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("li", {
     class: normalizeClass(_ctx.classSubList)
@@ -4809,7 +4818,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
       onKeyup: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["enter"]))
     }, [
-      createElementVNode("div", _hoisted_1$9, [
+      createElementVNode("div", _hoisted_1$d, [
         renderSlot(_ctx.$slots, "title", {}, () => [
           _ctx.showIcon ? (openBlock(), createBlock(_component_dao_icon, {
             key: 0,
@@ -4817,10 +4826,10 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
             name: _ctx.icon,
             "use-font": _ctx.useFont
           }, null, 8, ["name", "use-font"])) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_2$8, toDisplayString(_ctx.title), 1)
+          createElementVNode("span", _hoisted_2$a, toDisplayString(_ctx.title), 1)
         ])
       ]),
-      _ctx.fold ? (openBlock(), createElementBlock("i", _hoisted_3$4)) : createCommentVNode("", true)
+      _ctx.fold ? (openBlock(), createElementBlock("i", _hoisted_3$6)) : createCommentVNode("", true)
     ], 34),
     createVNode(Transition, { name: "dao-nav" }, {
       default: withCtx(() => [
@@ -4838,7 +4847,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-var navSub = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
+var navSub = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f]]);
 const paginationProps = {
   pageSize: {
     type: Number,
@@ -4966,8 +4975,45 @@ _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
 var _a, _b;
 isClient && (window == null ? void 0 : window.navigator) && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.platform) && /iP(ad|hone|od)/.test((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.platform);
+function useVModel(props, key, emit, options = {}) {
+  var _a2;
+  const {
+    passive: passive2 = false,
+    eventName,
+    deep = false
+  } = options;
+  const vm = getCurrentInstance();
+  const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a2 = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a2.bind(vm));
+  let event = eventName;
+  if (!key) {
+    {
+      key = "modelValue";
+    }
+  }
+  event = eventName || event || `update:${key}`;
+  if (passive2) {
+    const proxy = ref(props[key]);
+    watch(() => props[key], (v) => proxy.value = v);
+    watch(proxy, (v) => {
+      if (v !== props[key] || deep)
+        _emit(event, v);
+    }, {
+      deep
+    });
+    return proxy;
+  } else {
+    return computed({
+      get() {
+        return props[key];
+      },
+      set(value) {
+        _emit(event, value);
+      }
+    });
+  }
+}
 var select_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$c = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "DaoSelect",
   components: {
     DaoPopper: Popper
@@ -4975,7 +5021,7 @@ const _sfc_main$c = defineComponent({
   directives: {},
   props: {
     modelValue: {
-      type: [String, Number, Boolean],
+      type: [String, Number, Boolean, Array],
       default: void 0
     },
     placeholder: {
@@ -5010,6 +5056,10 @@ const _sfc_main$c = defineComponent({
     appendTo: {
       type: [String, Boolean, Object],
       default: "root"
+    },
+    multiple: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:modelValue", "change", "search-change", "close", "open"],
@@ -5019,12 +5069,13 @@ const _sfc_main$c = defineComponent({
       disabled,
       size,
       menuClass,
-      search
+      search,
+      multiple
     } = toRefs(props);
     const state = reactive({
       optionFocusIndex: -1,
       visible: false,
-      selectedOption: void 0,
+      selectedOption: [],
       options: [],
       searchText: ""
     });
@@ -5064,7 +5115,7 @@ const _sfc_main$c = defineComponent({
     });
     const isSelected = computed(() => {
       var _a2;
-      return !isNullish((_a2 = state.selectedOption) == null ? void 0 : _a2.value);
+      return !!((_a2 = state.selectedOption) == null ? void 0 : _a2.length);
     });
     const isNoResult = computed(() => {
       const unrefSearch = unref(search);
@@ -5095,32 +5146,61 @@ const _sfc_main$c = defineComponent({
       (_a2 = searchInput.value) == null ? void 0 : _a2.focus();
     };
     const onSelect = (option) => {
-      const unrefPopper = unref(popper2);
-      state.selectedOption = option;
-      onSearchClear();
-      emit("update:modelValue", state.selectedOption.value);
-      emit("change", state.selectedOption.value);
-      unrefPopper == null ? void 0 : unrefPopper.hide();
+      if (!multiple.value) {
+        const unrefPopper = unref(popper2);
+        state.selectedOption = [option];
+        onSearchClear();
+        emit("update:modelValue", option.value);
+        emit("change", option.value);
+        unrefPopper == null ? void 0 : unrefPopper.hide();
+        return;
+      }
+      const index2 = state.selectedOption.indexOf(option);
+      if (index2 > -1) {
+        state.selectedOption.splice(index2, 1);
+      } else {
+        state.selectedOption.push(option);
+      }
+      const values = state.selectedOption.map((i) => i.value);
+      emit("update:modelValue", values);
+      emit("change", values);
     };
     const checkUpdatedOption = () => {
-      var _a2;
       const unrefModelValue = unref(modelValue);
-      if (!isNullish(unrefModelValue) && unrefModelValue !== ((_a2 = state.selectedOption) == null ? void 0 : _a2.value)) {
+      if (isNullish(unrefModelValue)) {
+        state.selectedOption = [];
+        return;
+      }
+      if (!multiple.value && !Array.isArray(unrefModelValue)) {
         const target = state.options.find((o) => o.value === unrefModelValue);
-        state.selectedOption = target;
+        if (target) {
+          state.selectedOption = [target];
+        } else {
+          state.selectedOption = [];
+        }
+      } else if (multiple.value && Array.isArray(unrefModelValue)) {
+        state.selectedOption = state.options.filter((o) => unrefModelValue == null ? void 0 : unrefModelValue.includes(o.value));
       }
     };
     const checkNewOption = (option) => {
-      var _a2;
       const unrefModelValue = unref(modelValue);
-      if (!isNullish(unrefModelValue) && isNullish((_a2 = state.selectedOption) == null ? void 0 : _a2.value) && unrefModelValue === option.value) {
-        state.selectedOption = option;
+      if (isNullish(unrefModelValue)) {
+        return;
+      }
+      if (!multiple.value && !Array.isArray(unrefModelValue)) {
+        if (option.value === unrefModelValue) {
+          state.selectedOption = [option];
+        }
+      } else if (multiple.value && Array.isArray(unrefModelValue)) {
+        if (unrefModelValue.includes(option.value)) {
+          state.selectedOption.push(option);
+        }
       }
     };
     const checkRemovedOption = (option) => {
-      var _a2;
-      if (((_a2 = state.selectedOption) == null ? void 0 : _a2.value) === option.value) {
-        state.selectedOption = void 0;
+      const index2 = state.selectedOption.findIndex((o) => o.value === option.value);
+      if (index2 > -1) {
+        state.selectedOption.splice(index2, 1);
       }
     };
     const filterFn = (keyword, value, option) => {
@@ -5159,8 +5239,10 @@ const _sfc_main$c = defineComponent({
     const bindTriggerEleOutsideClick = {
       cleanup: void 0,
       visible() {
-        if (!this.cleanup) {
-          this.cleanup = onClickOutside(popper2, () => {
+        var _a2;
+        const el = (_a2 = popper2.value) == null ? void 0 : _a2.popper.$el;
+        if (!this.cleanup && el) {
+          this.cleanup = onClickOutside(el, () => {
             state.visible = false;
           }, {
             ignore: [triggerRef]
@@ -5188,13 +5270,14 @@ const _sfc_main$c = defineComponent({
       }
     };
     watch(() => state.visible, (visible) => {
+      var _a2;
       if (visible) {
         bindTriggerEleOutsideClick.visible();
         bindPopperTrigger.visible();
-        state.optionFocusIndex = (state == null ? void 0 : state.selectedOption) ? state == null ? void 0 : state.options.indexOf(state.selectedOption) : -1;
+        state.optionFocusIndex = (state == null ? void 0 : state.selectedOption) ? state == null ? void 0 : state.options.indexOf((_a2 = state.selectedOption) == null ? void 0 : _a2[0]) : -1;
         setTimeout(() => {
-          var _a2;
-          (_a2 = searchInput.value) == null ? void 0 : _a2.focus();
+          var _a3;
+          (_a3 = searchInput.value) == null ? void 0 : _a3.focus();
         }, 0);
       } else {
         bindTriggerEleOutsideClick.invisible();
@@ -5274,9 +5357,9 @@ const _sfc_main$c = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "dao-selection-text" };
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("i", { class: "icon-dropdown-line dao-selection-icon" }, null, -1);
-const _hoisted_3$3 = {
+const _hoisted_1$c = { class: "dao-selection-text" };
+const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("i", { class: "icon-dropdown-line dao-selection-icon" }, null, -1);
+const _hoisted_3$5 = {
   key: 0,
   class: "dao-selection-search"
 };
@@ -5287,12 +5370,12 @@ const _hoisted_7$1 = {
   key: "dao-option-placeholder",
   class: "dao-option-placeholder"
 };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_popper = resolveComponent("dao-popper");
   return openBlock(), createBlock(_component_dao_popper, {
     ref: "popper",
     modelValue: _ctx.state.visible,
-    "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => _ctx.state.visible = $event),
+    "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => _ctx.state.visible = $event),
     delay: 0,
     disabled: _ctx.disabled,
     offset: _ctx.popperOffset,
@@ -5304,25 +5387,25 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     transition: "dao-select",
     trigger: "manual",
     placement: "bottom",
-    onHide: _cache[14] || (_cache[14] = ($event) => _ctx.$emit("close")),
-    onShow: _cache[15] || (_cache[15] = ($event) => _ctx.$emit("open"))
+    onHide: _cache[15] || (_cache[15] = ($event) => _ctx.$emit("close")),
+    onShow: _cache[16] || (_cache[16] = ($event) => _ctx.$emit("open"))
   }, {
     content: withCtx(() => [
       renderSlot(_ctx.$slots, "optionsHeader", {}, () => [
-        _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+        _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
           withDirectives(createElementVNode("input", {
             ref: "searchInput",
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.state.searchText = $event),
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.state.searchText = $event),
             placeholder: _ctx.searchPlaceholder,
             class: "dao-selection-search-input",
             type: "search",
-            onInput: _cache[6] || (_cache[6] = (...args) => _ctx.onSearchTextChange && _ctx.onSearchTextChange(...args)),
+            onInput: _cache[7] || (_cache[7] = (...args) => _ctx.onSearchTextChange && _ctx.onSearchTextChange(...args)),
             onKeydown: [
-              _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => _ctx.state.visible = false, ["stop", "prevent"]), ["tab"])),
-              _cache[8] || (_cache[8] = withKeys((...args) => _ctx.handleEvent.searchInput.keydownEsc && _ctx.handleEvent.searchInput.keydownEsc(...args), ["esc"])),
-              _cache[9] || (_cache[9] = withKeys(withModifiers((...args) => _ctx.handleEvent.searchInput.keydownEnter && _ctx.handleEvent.searchInput.keydownEnter(...args), ["stop", "prevent"]), ["enter"])),
-              _cache[10] || (_cache[10] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
-              _cache[11] || (_cache[11] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"]))
+              _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => _ctx.state.visible = false, ["stop", "prevent"]), ["tab"])),
+              _cache[9] || (_cache[9] = withKeys((...args) => _ctx.handleEvent.searchInput.keydownEsc && _ctx.handleEvent.searchInput.keydownEsc(...args), ["esc"])),
+              _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEvent.searchInput.keydownEnter && _ctx.handleEvent.searchInput.keydownEnter(...args), ["stop", "prevent"]), ["enter"])),
+              _cache[11] || (_cache[11] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
+              _cache[12] || (_cache[12] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"]))
             ]
           }, null, 40, _hoisted_4$2), [
             [vModelText, _ctx.state.searchText]
@@ -5330,7 +5413,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           _hoisted_5$2,
           withDirectives(createElementVNode("i", {
             class: "icon-sys-error dao-selection-search-clear-icon",
-            onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.onSearchClear && _ctx.onSearchClear(...args), ["stop", "prevent"]))
+            onClick: _cache[13] || (_cache[13] = withModifiers((...args) => _ctx.onSearchClear && _ctx.onSearchClear(...args), ["stop", "prevent"]))
           }, null, 512), [
             [vShow, _ctx.state.searchText]
           ])
@@ -5342,28 +5425,37 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     default: withCtx(() => {
-      var _a2, _b2;
+      var _a2, _b2, _c, _d, _e;
       return [
         createElementVNode("button", {
           ref: "triggerRef",
           class: "dao-selection",
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTargetTrigger && _ctx.handleTargetTrigger(...args)),
           onKeydown: [
-            _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => _ctx.state.visible = false, ["stop"]), ["tab"])),
-            _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => _ctx.state.visible = false, ["stop", "prevent"]), ["esc"])),
-            _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
-            _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"]))
-          ]
+            _cache[0] || (_cache[0] = withKeys(withModifiers((...args) => _ctx.handleTargetTrigger && _ctx.handleTargetTrigger(...args), ["prevent"]), ["enter"])),
+            _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => _ctx.state.visible = false, ["stop"]), ["tab"])),
+            _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.state.visible = false, ["stop", "prevent"]), ["esc"])),
+            _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["prevent"]), ["down"])),
+            _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["prevent"]), ["up"]))
+          ],
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.state.visible = !_ctx.state.visible)
         }, [
-          withDirectives(createElementVNode("span", _hoisted_1$8, [
-            renderSlot(_ctx.$slots, "selected", {
-              selectedLabel: (_a2 = _ctx.state.selectedOption) == null ? void 0 : _a2.label,
+          withDirectives(createElementVNode("span", _hoisted_1$c, [
+            _ctx.multiple ? renderSlot(_ctx.$slots, "selected", {
+              key: 0,
+              selectedLabel: _ctx.state.selectedOption.map((o) => o.label),
               selectedOption: _ctx.state.selectedOption,
-              selectedValue: (_b2 = _ctx.state.selectedOption) == null ? void 0 : _b2.value
+              selectedValue: _ctx.state.selectedOption.map((o) => o.value)
+            }, () => [
+              createTextVNode(toDisplayString(_ctx.state.selectedOption.map((i) => i.labelValue).join(", ")), 1)
+            ]) : renderSlot(_ctx.$slots, "selected", {
+              key: 1,
+              selectedLabel: (_b2 = (_a2 = _ctx.state.selectedOption) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.label,
+              selectedOption: (_c = _ctx.state.selectedOption) == null ? void 0 : _c[0],
+              selectedValue: (_e = (_d = _ctx.state.selectedOption) == null ? void 0 : _d[0]) == null ? void 0 : _e.value
             }, () => {
-              var _a3;
+              var _a3, _b3;
               return [
-                createTextVNode(toDisplayString((_a3 = _ctx.state.selectedOption) == null ? void 0 : _a3.labelValue), 1)
+                createTextVNode(toDisplayString((_b3 = (_a3 = _ctx.state.selectedOption) == null ? void 0 : _a3[0]) == null ? void 0 : _b3.labelValue), 1)
               ];
             })
           ], 512), [
@@ -5372,16 +5464,16 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           withDirectives(createElementVNode("span", { class: "dao-selection-text--placeholder" }, toDisplayString(_ctx.placeholder), 513), [
             [vShow, !_ctx.isSelected]
           ]),
-          _hoisted_2$7
+          _hoisted_2$9
         ], 544)
       ];
     }),
     _: 3
   }, 8, ["modelValue", "disabled", "offset", "popper-class", "popper-options", "class", "append-to"]);
 }
-var DaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a]]);
+var DaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e]]);
 var option_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$b = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "DaoOption",
   props: {
     value: {
@@ -5423,7 +5515,7 @@ const _sfc_main$b = defineComponent({
     const visible = computed(() => instance.visible);
     const isSelected = computed(() => {
       var _a2;
-      return ((_a2 = selectState == null ? void 0 : selectState.selectedOption) == null ? void 0 : _a2.value) === instance.value;
+      return !!((_a2 = selectState == null ? void 0 : selectState.selectedOption) == null ? void 0 : _a2.find((option) => option.value === instance.value));
     });
     const isFocus = computed(() => {
       var _a2, _b2;
@@ -5463,12 +5555,12 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["title"];
-const _hoisted_2$6 = {
+const _hoisted_1$b = ["title"];
+const _hoisted_2$8 = {
   key: 0,
   class: "icon-checked dao-option-checkmark"
 };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     ref: "optionRef",
     class: normalizeClass([
@@ -5487,16 +5579,16 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default", {}, () => [
         createTextVNode(toDisplayString(_ctx.labelValue), 1)
       ])
-    ], 8, _hoisted_1$7),
-    _ctx.isSelected ? (openBlock(), createElementBlock("i", _hoisted_2$6)) : createCommentVNode("", true)
+    ], 8, _hoisted_1$b),
+    _ctx.isSelected ? (openBlock(), createElementBlock("i", _hoisted_2$8)) : createCommentVNode("", true)
   ], 2)), [
     [vShow, _ctx.visible]
   ]);
 }
-var DaoOption = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$9]]);
+var DaoOption = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$d]]);
 var pagination_vue_vue_type_style_index_0_lang = "";
 const numberAscSort = (a, b) => a - b;
-const _sfc_main$a = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "DaoPagination",
   components: {
     DaoSelect,
@@ -5600,9 +5692,9 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["disabled"];
-const _hoisted_2$5 = { class: "dao-pagination__pager-total" };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$a = ["disabled"];
+const _hoisted_2$7 = { class: "dao-pagination__pager-total" };
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_option = resolveComponent("dao-option");
   const _component_dao_select = resolveComponent("dao-select");
   return _ctx.computedLayout.show ? (openBlock(), createElementBlock("div", {
@@ -5629,10 +5721,10 @@ function _sfc_render$8(_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$6), [
+      }, null, 40, _hoisted_1$a), [
         [vModelText, _ctx.currentShowPage]
       ]),
-      createElementVNode("span", _hoisted_2$5, " / " + toDisplayString(_ctx.totalPage), 1),
+      createElementVNode("span", _hoisted_2$7, " / " + toDisplayString(_ctx.totalPage), 1),
       createElementVNode("i", {
         class: normalizeClass([
           "icon-arrow-next",
@@ -5663,15 +5755,15 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["class", "model-value", "style", "onChange"])
   ], 2)) : createCommentVNode("", true);
 }
-var DaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8]]);
+var DaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
 var popover_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$9 = defineComponent(__spreadProps(__spreadValues({}, Popper), {
+const _sfc_main$d = defineComponent(__spreadProps(__spreadValues({}, Popper), {
   name: "DaoPopover",
   props: PopperProps,
   daoPopperTheme: "dao-popover"
 }));
 var progress_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$8 = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "DaoProgress",
   props: {
     value: {
@@ -5720,17 +5812,17 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "dao-progress" };
-const _hoisted_2$4 = {
+const _hoisted_1$9 = { class: "dao-progress" };
+const _hoisted_2$6 = {
   key: 1,
   class: "dao-progress__stacked"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$4 = {
   key: 0,
   class: "dao-progress__text"
 };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$5, [
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [
     createElementVNode("div", {
       class: "dao-progress__inner",
       style: normalizeStyle({ background: _ctx.bgColor })
@@ -5739,7 +5831,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: "dao-progress__bar",
         style: normalizeStyle({ width: `${_ctx.value}%`, background: _ctx.stackedBgColor })
-      }, null, 4)) : (openBlock(), createElementBlock("div", _hoisted_2$4, [
+      }, null, 4)) : (openBlock(), createElementBlock("div", _hoisted_2$6, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stackedStyles, (stackedStyle, idx) => {
           return openBlock(), createElementBlock("div", {
             key: idx,
@@ -5749,14 +5841,14 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ]))
     ], 4),
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$2, [
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true)
   ]);
 }
-var progress = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+var progress = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]]);
 var radio_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$7 = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "DaoRadio",
   props: {
     modelValue: {
@@ -5826,9 +5918,9 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["disabled", "name", "checked"];
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("span", { class: "dao-radio-inner" }, null, -1);
-const _hoisted_3$1 = {
+const _hoisted_1$8 = ["disabled", "name", "checked"];
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("span", { class: "dao-radio-inner" }, null, -1);
+const _hoisted_3$3 = {
   key: 0,
   class: "dao-radio__label-wrapper"
 };
@@ -5840,7 +5932,7 @@ const _hoisted_5$1 = {
   key: 1,
   class: "dao-radio__help"
 };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(_ctx.wrapClasses)
   }, [
@@ -5854,10 +5946,10 @@ function _sfc_render$6(_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$4),
-      _hoisted_2$3
+      }, null, 40, _hoisted_1$8),
+      _hoisted_2$5
     ], 2),
-    _ctx.$slots.default || _ctx.label || _ctx.$slots.helper ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+    _ctx.$slots.default || _ctx.label || _ctx.$slots.helper ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
       _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(_ctx.label), 1)
@@ -5869,9 +5961,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var radio = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
+var radio = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]]);
 var radioGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$6 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "DaoRadioGroup",
   props: {
     modelValue: {
@@ -5905,16 +5997,16 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.radioGroupClasses)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var radioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
+var radioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
 var switch_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$5 = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "DaoSwitch",
   props: {
     modelValue: {
@@ -5969,12 +6061,12 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["value", "name", "disabled"];
-const _hoisted_2$2 = {
+const _hoisted_1$7 = ["value", "name", "disabled"];
+const _hoisted_2$4 = {
   key: 0,
   class: "dao-switch__label"
 };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["dao-switch", { "dao-switch--disabled": _ctx.disabled, "dao-switch--size-sm": _ctx.size === "sm" }]),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggle && _ctx.toggle(...args))
@@ -5985,16 +6077,16 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       value: _ctx.currentValue,
       name: _ctx.name,
       disabled: _ctx.disabled
-    }, null, 8, _hoisted_1$3),
+    }, null, 8, _hoisted_1$7),
     createElementVNode("span", {
       class: normalizeClass(["dao-switch__pill", { "dao-switch-checked": _ctx.currentValue }])
     }, null, 2),
-    _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.currentValue ? _ctx.textOn : _ctx.textOff), 1)) : createCommentVNode("", true)
+    _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(_ctx.currentValue ? _ctx.textOn : _ctx.textOff), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var _switch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
+var _switch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
 var resizer_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$4 = defineComponent({
+const _sfc_main$8 = defineComponent({
   name: "DaoResizer",
   props: {
     column: {
@@ -6041,9 +6133,9 @@ const _sfc_main$4 = defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "dao-table-resizer-separator" };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$2, [
+const _hoisted_1$6 = { class: "dao-table-resizer-separator" };
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1$6, [
     !_ctx.disabled ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: "dao-table-resizer-handle",
@@ -6053,7 +6145,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 32)) : createCommentVNode("", true)
   ]);
 }
-var DaoResizer = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
+var DaoResizer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
 const tableProps = {
   id: {
     type: String,
@@ -6072,9 +6164,13 @@ const tableProps = {
     default: true
   },
   selectable: {
-    type: Boolean,
+    type: [Function, Boolean],
     default: false
   },
+  selectedRows: {
+    type: Array,
+    default: () => []
+  },
   expandable: {
     type: Boolean,
     default: false
@@ -6136,16 +6232,20 @@ const defaultColumnConfig = {
   hidable: true,
   defaultHide: false
 };
-const _sfc_main$3 = defineComponent({
+const defaultSelectableFn = () => true;
+const _sfc_main$7 = defineComponent({
   name: "DaoTable",
   components: {
     DaoResizer,
     DaoPagination,
-    DaoCheckbox
+    DaoCheckbox,
+    DaoButton,
+    DaoDropdown
   },
   props: tableProps,
   emits: [
     "select",
+    "update:selectedRows",
     "sortChange",
     "hideColumn",
     "afterResize",
@@ -6163,51 +6263,137 @@ const _sfc_main$3 = defineComponent({
     const tableSetting = reactive({});
     const sort = reactive(props.sort);
     const expandRows = reactive([]);
-    const selectedRows = reactive(new Set());
-    const expandedRows = reactive(new WeakSet());
-    const columnRefs = reactive({});
-    const columns = reactive([]);
-    const currentPage = computed({
-      get() {
-        return props.currentPage;
-      },
-      set(value) {
-        emit("update:current-page", value);
-      }
-    });
-    const pageSize = computed({
-      get() {
-        return props.pageSize;
-      },
-      set(value) {
-        emit("update:page-size", value);
-      }
-    });
-    const tableScroll = ref();
     const global2 = reactive({
       checked: false,
       indeterminate: false
     });
-    const setColumnRef = (columnId, el) => {
-      columnRefs[columnId] = el;
-    };
-    const getTableSetting = () => {
-      const setting = localStorage.getItem(tableId.value) || "";
-      try {
-        return JSON.parse(setting);
-      } catch (e) {
-        console.warn("JSON parse error", setting);
-        return null;
-      }
-    };
-    const setTableSetting = (setting) => {
-      try {
-        localStorage.setItem(tableId.value, JSON.stringify(setting));
-      } catch (e) {
-        console.error("JSON stringify error", setting);
+    const selectedRowsModel = useVModel(props, "selectedRows", emit);
+    const selectedRowsSet = reactive(new Set());
+    const isRowSelected = (row) => selectedRowsSet.has(row);
+    const selectableFn = computed(() => typeof props.selectable === "function" ? props.selectable : defaultSelectableFn);
+    const selectableRows = computed(() => {
+      var _a2;
+      const selectableRowsSet = new Set();
+      (_a2 = props.data) == null ? void 0 : _a2.forEach((item, index2) => {
+        if (selectableFn.value(item, index2)) {
+          selectableRowsSet.add(item);
+        }
+      });
+      return selectableRowsSet;
+    });
+    const toggleSelected = (row) => {
+      if (selectedRowsSet.has(row)) {
+        selectedRowsSet.delete(row);
+      } else {
+        selectedRowsSet.add(row);
       }
+      emit("select", Array.from(selectedRowsSet));
     };
-    watch(tableSetting, (val) => {
+    const clearSelection = () => {
+      selectedRowsSet.forEach((item) => {
+        if (selectableRows.value.has(item)) {
+          selectedRowsSet.delete(item);
+        }
+      });
+    };
+    const selectedAll = () => {
+      props.data.forEach((item) => {
+        if (selectableRows.value.has(item)) {
+          selectedRowsSet.add(item);
+        }
+      });
+    };
+    const toggleSelectedAll = () => {
+      if (!global2.checked || global2.indeterminate) {
+        selectedAll();
+      } else {
+        clearSelection();
+      }
+      emit("select", Array.from(selectedRowsSet));
+    };
+    watchEffect(() => {
+      let have = 0;
+      let notHave = 0;
+      for (let i = 0; i < props.data.length; i += 1) {
+        const item = props.data[i];
+        if (selectedRowsSet.has(item)) {
+          have += 1;
+        } else if (selectableRows.value.has(item)) {
+          notHave += 1;
+        }
+        if (have && notHave) {
+          break;
+        }
+      }
+      if (have && notHave) {
+        global2.checked = false;
+        global2.indeterminate = true;
+      } else if (have) {
+        global2.checked = true;
+        global2.indeterminate = false;
+      } else {
+        global2.checked = false;
+        global2.indeterminate = false;
+      }
+      selectedRowsModel.value = Array.from(selectedRowsSet);
+    });
+    const handleSelectedRows = () => {
+      const nowValue = selectedRowsModel.value;
+      const { data } = props;
+      const { length } = data;
+      selectedRowsSet.clear();
+      if (nowValue.length && length) {
+        for (let index2 = 0; index2 < length; index2 += 1) {
+          const row = data[index2];
+          if (nowValue.includes(row)) {
+            selectedRowsSet.add(row);
+          }
+        }
+      }
+    };
+    watch(() => [props.data, selectedRowsModel.value], handleSelectedRows, {
+      immediate: true
+    });
+    const expandedRows = reactive(new WeakSet());
+    const columnRefs = reactive({});
+    const columns = reactive([]);
+    const currentPage = computed({
+      get() {
+        return props.currentPage;
+      },
+      set(value) {
+        emit("update:current-page", value);
+      }
+    });
+    const pageSize = computed({
+      get() {
+        return props.pageSize;
+      },
+      set(value) {
+        emit("update:page-size", value);
+      }
+    });
+    const tableScroll = ref();
+    const setColumnRef = (columnId, el) => {
+      columnRefs[columnId] = el;
+    };
+    const getTableSetting = () => {
+      const setting = localStorage.getItem(tableId.value) || "";
+      try {
+        return JSON.parse(setting);
+      } catch (e) {
+        console.warn("JSON parse error", setting);
+        return null;
+      }
+    };
+    const setTableSetting = (setting) => {
+      try {
+        localStorage.setItem(tableId.value, JSON.stringify(setting));
+      } catch (e) {
+        console.error("JSON stringify error", setting);
+      }
+    };
+    watch(tableSetting, (val) => {
       setTableSetting(val);
     });
     function formatDefaultTableSetting(tempColumns) {
@@ -6291,7 +6477,6 @@ const _sfc_main$3 = defineComponent({
       return "";
     };
     const isRowExpanded = (row) => expandRows.includes(row);
-    const isRowSelected = (row) => selectedRows.has(row);
     const toggleExpand = (row, rowIndex) => {
       expandedRows.add(row);
       const index2 = expandRows.indexOf(row);
@@ -6303,26 +6488,6 @@ const _sfc_main$3 = defineComponent({
         emit("expandToggle", row, rowIndex, true);
       }
     };
-    const toggleSelected = (row) => {
-      if (selectedRows.has(row)) {
-        selectedRows.delete(row);
-        emit("select", Array.from(selectedRows));
-      } else {
-        selectedRows.add(row);
-        emit("select", Array.from(selectedRows));
-      }
-    };
-    const toggleSelectedAll = () => {
-      if (global2.checked) {
-        selectedRows.clear();
-        emit("select", []);
-      } else {
-        props.data.forEach((item) => {
-          selectedRows.add(item);
-        });
-        emit("select", Array.from(selectedRows));
-      }
-    };
     const fixedColumnWidth = () => {
       columns.forEach((column) => {
         tableSetting[column.id].width = `${columnRefs[column.id].clientWidth}px`;
@@ -6334,9 +6499,6 @@ const _sfc_main$3 = defineComponent({
     const clearExpansion = () => {
       expandRows.length = 0;
     };
-    const clearSelection = () => {
-      selectedRows.clear();
-    };
     const clearState = () => {
       clearExpansion();
       clearSelection();
@@ -6344,31 +6506,6 @@ const _sfc_main$3 = defineComponent({
     watch(() => props.columns, () => {
       init();
     }, { deep: true, immediate: true });
-    watchEffect(() => {
-      let have = 0;
-      let notHave = 0;
-      for (let i = 0; i < props.data.length; i += 1) {
-        const item = props.data[i];
-        if (selectedRows.has(item)) {
-          have += 1;
-        } else {
-          notHave += 1;
-        }
-        if (have && notHave) {
-          break;
-        }
-      }
-      if (have && notHave) {
-        global2.checked = false;
-        global2.indeterminate = true;
-      } else if (have) {
-        global2.checked = true;
-        global2.indeterminate = false;
-      } else {
-        global2.checked = false;
-        global2.indeterminate = false;
-      }
-    });
     const isEllipsis = () => {
       if (!tableScroll.value) {
         return false;
@@ -6405,10 +6542,7 @@ const _sfc_main$3 = defineComponent({
       sort,
       thClass,
       isRowExpanded,
-      isRowSelected,
       toggleExpand,
-      toggleSelected,
-      toggleSelectedAll,
       setColumnRef,
       fixedColumnWidth,
       updateColumnWidth,
@@ -6419,16 +6553,20 @@ const _sfc_main$3 = defineComponent({
       tableScroll,
       expandedRows,
       onRowClick,
-      isEmpty
+      isEmpty,
+      selectableRows,
+      isRowSelected,
+      toggleSelected,
+      toggleSelectedAll
     };
   }
 });
-const _hoisted_1$1 = { class: "dao-table" };
-const _hoisted_2$1 = {
+const _hoisted_1$5 = { class: "dao-table" };
+const _hoisted_2$3 = {
   key: 0,
   class: "dao-table-thead"
 };
-const _hoisted_3 = { class: "dao-table-tr" };
+const _hoisted_3$2 = { class: "dao-table-tr" };
 const _hoisted_4 = {
   key: 0,
   class: "dao-table-th"
@@ -6459,9 +6597,11 @@ const _hoisted_14 = {
   class: "dao-table__empty-block"
 };
 const _hoisted_15 = { class: "dao-table-pagination" };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_checkbox = resolveComponent("dao-checkbox");
   const _component_dao_resizer = resolveComponent("dao-resizer");
+  const _component_dao_button = resolveComponent("dao-button");
+  const _component_dao_dropdown = resolveComponent("dao-dropdown");
   const _component_dao_pagination = resolveComponent("dao-pagination");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["dao-table-container", { "dao-table-container--with-shadow": !_ctx.noShadow }])
@@ -6470,9 +6610,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "tableScroll",
       class: normalizeClass(["dao-table-scroll", _ctx.tableWrapperClasses])
     }, [
-      createElementVNode("table", _hoisted_1$1, [
-        _ctx.showHeader ? (openBlock(), createElementBlock("thead", _hoisted_2$1, [
-          createElementVNode("tr", _hoisted_3, [
+      createElementVNode("table", _hoisted_1$5, [
+        _ctx.showHeader ? (openBlock(), createElementBlock("thead", _hoisted_2$3, [
+          createElementVNode("tr", _hoisted_3$2, [
             _ctx.selectable ? (openBlock(), createElementBlock("th", _hoisted_4, [
               createVNode(_component_dao_checkbox, {
                 checked: _ctx.global.checked,
@@ -6521,9 +6661,10 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 _ctx.selectable ? (openBlock(), createElementBlock("td", _hoisted_10, [
                   createVNode(_component_dao_checkbox, {
+                    disabled: !_ctx.selectableRows.has(row),
                     checked: _ctx.isRowSelected(row),
                     onChange: ($event) => _ctx.toggleSelected(row)
-                  }, null, 8, ["checked", "onChange"])
+                  }, null, 8, ["disabled", "checked", "onChange"])
                 ])) : createCommentVNode("", true),
                 _ctx.expandable ? (openBlock(), createElementBlock("td", _hoisted_11, [
                   createElementVNode("i", {
@@ -6537,7 +6678,31 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "dao-table-td",
                     style: normalizeStyle(_ctx.columnStyle(column.id))
                   }, [
-                    renderSlot(_ctx.$slots, `td-${column.id}`, {
+                    column.id === "action" ? renderSlot(_ctx.$slots, `td-${column.id}`, {
+                      key: 0,
+                      value: row[column.id],
+                      row,
+                      rowIndex: index2
+                    }, () => [
+                      createVNode(_component_dao_dropdown, { placement: "bottom-end" }, {
+                        menu: withCtx(() => [
+                          renderSlot(_ctx.$slots, `td-${column.id}-menu`, {
+                            value: row[column.id],
+                            row,
+                            rowIndex: index2
+                          })
+                        ]),
+                        default: withCtx(() => [
+                          createVNode(_component_dao_button, {
+                            size: "sm",
+                            "icon-left": "icon_more",
+                            type: "secondary"
+                          })
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]) : renderSlot(_ctx.$slots, `td-${column.id}`, {
+                      key: 1,
                       value: row[column.id],
                       row,
                       rowIndex: index2
@@ -6604,9 +6769,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
+var table = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
 var tabNav_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$2 = defineComponent({
+const _sfc_main$6 = defineComponent({
   name: "DaoTabNav",
   props: {
     type: {
@@ -6657,7 +6822,7 @@ const _sfc_main$2 = defineComponent({
       const activeLineStyle = ref({});
       setActiveLineStyle = () => {
         const tab = unref(activeTab);
-        if (tab && tab.offsetWidth && tab.offsetLeft) {
+        if (tab && tab.offsetWidth && tab.offsetLeft !== void 0) {
           activeLineStyle.value = {
             "--active-line-width": `${tab.offsetWidth || 0}px`,
             "--active-line-left": `${tab.offsetLeft || 0}px`
@@ -6705,12 +6870,12 @@ const _sfc_main$2 = defineComponent({
       const isActive = tab.value === props.currentTab;
       const hasHoverLine = isLine.value && !tab.disabled;
       const hasActiveLine = isLine.value && isActive;
-      return h("li", {
+      return h("div", {
         class: {
-          "dao-tab-nav-item": true,
-          "dao-tab-nav-item--active": isActive,
-          "dao-tab-nav-item--custom": isNotString,
-          "dao-tab-nav-item--disabled": tab.disabled
+          "dao-tabs__nav-item": true,
+          "dao-tabs__nav-item--active": isActive,
+          "dao-tabs__nav-item--custom": isNotString,
+          "dao-tabs__nav-item--disabled": tab.disabled
         },
         ref: hasActiveLine ? activeTab : void 0,
         key: index2,
@@ -6719,21 +6884,24 @@ const _sfc_main$2 = defineComponent({
         onMouseleave: hasHoverLine ? onMouseleave : void 0
       }, [isNotString ? label() : label]);
     }));
-    return () => h("ul", {
+    return () => h("div", {
       class: [
-        "dao-tab-nav",
-        `dao-tab-nav--${props.type}`
+        "dao-tabs__nav__scroll"
+      ]
+    }, h("div", {
+      class: [
+        "dao-tabs__nav"
       ],
       style: lineStyle == null ? void 0 : lineStyle.value,
       ref: tabNav
-    }, tabsLi.value);
+    }, tabsLi.value));
   }
 });
 var tabs_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$1 = defineComponent({
+const _sfc_main$5 = defineComponent({
   name: "DaoTabs",
   components: {
-    TabNav: _sfc_main$2
+    TabNav: _sfc_main$6
   },
   props: {
     type: {
@@ -6802,30 +6970,44 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "dao-tabs" };
-const _hoisted_2 = {
+const _hoisted_1$4 = { class: "dao-tabs__nav__warp" };
+const _hoisted_2$2 = {
+  key: 0,
+  class: "dao-tabs__action"
+};
+const _hoisted_3$1 = {
   ref: "tabBody",
-  class: "dao-tabs-body"
+  class: "dao-tabs__body"
 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_tab_nav = resolveComponent("tab-nav");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_tab_nav, {
-      type: _ctx.type,
-      "tab-list": _ctx.tabList,
-      class: normalizeClass({ "dao-tabs--right": _ctx.direction === "right" }),
-      "current-tab": _ctx.modelValue,
-      onUpdateValue: _ctx.updateValue,
-      onClick: _ctx.onClick
-    }, null, 8, ["type", "tab-list", "class", "current-tab", "onUpdateValue", "onClick"]),
-    createElementVNode("div", _hoisted_2, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["dao-tabs", ["dao-tabs--" + _ctx.type, _ctx.direction === "right" ? "dao-tabs--right" : ""]])
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["dao-tabs__header", "dao-tabs__header--" + _ctx.type])
+    }, [
+      createElementVNode("div", _hoisted_1$4, [
+        createVNode(_component_tab_nav, {
+          type: _ctx.type,
+          "tab-list": _ctx.tabList,
+          "current-tab": _ctx.modelValue,
+          onUpdateValue: _ctx.updateValue,
+          onClick: _ctx.onClick
+        }, null, 8, ["type", "tab-list", "current-tab", "onUpdateValue", "onClick"])
+      ]),
+      _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+        renderSlot(_ctx.$slots, "action")
+      ])) : createCommentVNode("", true)
+    ], 2),
+    createElementVNode("div", _hoisted_3$1, [
       renderSlot(_ctx.$slots, "default")
     ], 512)
-  ]);
+  ], 2);
 }
-var tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+var tabs = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
 var tabItem_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main = defineComponent({
+const _sfc_main$4 = defineComponent({
   name: "DaoTabItem",
   props: {
     label: {
@@ -6855,7 +7037,7 @@ const _sfc_main = defineComponent({
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "tabItem",
     class: normalizeClass(["dao-tab-item", {
@@ -6865,7 +7047,657 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var tabItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+var tabItem = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const placements = [
+  "auto",
+  "auto-start",
+  "auto-end",
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+];
+const ellipsisProps = {
+  type: {
+    type: String,
+    default: "tooltip"
+  },
+  manual: {
+    type: Boolean,
+    default: false
+  },
+  force: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  content: {
+    type: String,
+    default: ""
+  },
+  width: {
+    type: Number,
+    default: 200
+  },
+  ellipsisPlacement: {
+    type: String,
+    default: "bottom-start",
+    validator: (value) => placements.includes(value)
+  },
+  appendTo: {
+    type: [String, Boolean, Object],
+    default: "root"
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  offset: {
+    type: [Number, String],
+    default: 10
+  },
+  delay: {
+    type: [Number, Object, String],
+    default: () => ({ show: 0, hide: 100 })
+  }
+};
+var ellipsis_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$3 = defineComponent({
+  name: "DaoEllipsis",
+  components: {
+    Tooltip: _sfc_main$s
+  },
+  props: ellipsisProps,
+  setup(props) {
+    const disabled = ref(true);
+    const tooltipRef = ref();
+    const ComponentType = computed(() => props.type === "tooltip" ? _sfc_main$s : _sfc_main$d);
+    const isOpen = computed(() => {
+      var _a2, _b2, _c, _d;
+      return (_d = (_c = (_b2 = (_a2 = tooltipRef.value) == null ? void 0 : _a2.$) == null ? void 0 : _b2.ctx) == null ? void 0 : _c.isOpen) != null ? _d : false;
+    });
+    const isEllipsis = ref(false);
+    const update = (ele) => {
+      isEllipsis.value = ((ele == null ? void 0 : ele.offsetWidth) || 0) < ((ele == null ? void 0 : ele.scrollWidth) || 0);
+      if (props.disabled) {
+        disabled.value = true;
+        return;
+      }
+      if (props.force) {
+        disabled.value = false;
+        return;
+      }
+      disabled.value = !isEllipsis.value;
+    };
+    function onMouseOver(e) {
+      var _a2;
+      let path = (_a2 = e == null ? void 0 : e.path) != null ? _a2 : [];
+      if (e.composedPath) {
+        path = e.composedPath();
+      }
+      const count = path.length;
+      let index2 = 0;
+      while (index2 < count) {
+        const target = path[index2];
+        if (target.scrollWidth) {
+          update(target);
+          break;
+        }
+        index2 += 1;
+      }
+    }
+    return {
+      ns: "dao-ellipsis",
+      disabled,
+      onMouseOver,
+      tooltipRef,
+      isOpen,
+      isEllipsis,
+      Tooltip: _sfc_main$s,
+      ComponentType
+    };
+  }
+});
+const _hoisted_1$3 = { key: 1 };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.ComponentType), {
+    ref: "ComponentRef",
+    disabled: _ctx.disabled,
+    "visible-arrow": false,
+    placement: _ctx.ellipsisPlacement,
+    offset: _ctx.offset,
+    class: normalizeClass({ ns: _ctx.ns, [`${_ctx.ns}--auto-mode`]: !_ctx.manual }),
+    "append-to": _ctx.appendTo,
+    delay: _ctx.delay,
+    "popper-class": [`${_ctx.ns}-popper`, _ctx.popperClass].join(" "),
+    width: _ctx.width
+  }, createSlots({
+    default: withCtx(() => [
+      createElementVNode("span", {
+        class: normalizeClass([_ctx.ns + "__target", { "is-disabled": _ctx.disabled }]),
+        onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseOver && _ctx.onMouseOver(...args))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 34)
+    ]),
+    _: 2
+  }, [
+    !_ctx.disabled ? {
+      name: "content",
+      fn: withCtx(() => [
+        _ctx.$slots.content ? renderSlot(_ctx.$slots, "content", {
+          key: 0,
+          show: _ctx.isOpen,
+          ellipsis: _ctx.isEllipsis
+        }) : _ctx.content ? (openBlock(), createElementBlock("span", _hoisted_1$3, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", { key: 2 })
+      ])
+    } : void 0
+  ]), 1032, ["disabled", "placement", "offset", "class", "append-to", "delay", "popper-class", "width"]);
+}
+var DaoEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const transferProps = {
+  source: {
+    type: Array,
+    default: () => []
+  },
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  disabledKeys: {
+    type: Array,
+    default: () => []
+  },
+  filterable: {
+    type: Array,
+    default: () => [false, false]
+  },
+  filterMethod: {
+    type: Array,
+    default: () => []
+  },
+  filterPlaceholder: {
+    type: Array,
+    default: () => []
+  },
+  hideDesc: {
+    type: Boolean,
+    default: false
+  },
+  props: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const panelType = ["source", "target"];
+const transferPanelProp = {
+  type: {
+    type: String,
+    default: panelType[0]
+  },
+  data: {
+    type: Array,
+    default: () => []
+  },
+  checkedKeys: {
+    type: Array,
+    default: () => []
+  },
+  disabledKeys: transferProps.disabledKeys,
+  filterable: {
+    type: Boolean,
+    default: false
+  },
+  filterMethod: {
+    type: Function
+  },
+  filterPlaceholder: {
+    type: String
+  },
+  hideDesc: transferProps.hideDesc,
+  props: transferProps.props
+};
+var link_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$2 = defineComponent({
+  name: "Link",
+  components: {
+    DaoIcon
+  },
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: {
+    click: (evt) => evt instanceof MouseEvent
+  },
+  setup(props, { emit }) {
+    function handleClick(event) {
+      if (!props.disabled) {
+        emit("click", event);
+      }
+    }
+    return {
+      handleClick
+    };
+  }
+});
+const _hoisted_1$2 = {
+  key: 1,
+  class: "dao-link__inner"
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(["dao-link", `dao-link--${_ctx.type}`, _ctx.disabled && "is-disabled"]),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.icon ? (openBlock(), createBlock(_component_dao_icon, {
+      key: 0,
+      "use-font": "",
+      class: "dao-action-icon__svg",
+      name: _ctx.icon
+    }, null, 8, ["name"])) : createCommentVNode("", true),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_1$2, [
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var DaoLink = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const _sfc_main$1 = defineComponent({
+  name: "DaoTransferPanel",
+  components: {
+    DaoCheckbox,
+    DaoInput,
+    DaoActionIcon,
+    DaoLink,
+    DaoEllipsis
+  },
+  props: transferPanelProp,
+  emits: ["selectedChange", "refresh"],
+  setup(props, { slots, emit }) {
+    const query = ref("");
+    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 label = item[labelProp.value] || item[keyProp.value];
+      return String(label).toLowerCase().includes(query.value.toLowerCase());
+    }));
+    const hasNoMatch = computed(() => query.value.length > 0 && filteredData.value.length === 0);
+    const isEmpty = computed(() => hasNoMatch.value || props.data.length === 0);
+    const hasFooter = computed(() => {
+      var _a2;
+      return !!((_a2 = slots.footer) == null ? void 0 : _a2.call(slots));
+    });
+    function handleEvent(action, row) {
+      let direction = "";
+      const key = row[keyProp.value];
+      const isDisabled = (props.disabledKeys || []).includes(key);
+      const isChecked = (props.checkedKeys || []).includes(key);
+      switch (action) {
+        case "remove":
+          direction = "left";
+          break;
+        case "check":
+          direction = isChecked ? "left" : "right";
+          break;
+      }
+      if (!isDisabled) {
+        emit("selectedChange", { direction, row });
+      }
+    }
+    return {
+      ns: "dao-transfer-panel",
+      query,
+      labelProp,
+      keyProp,
+      descProp,
+      filteredData,
+      isSource,
+      isEmpty,
+      hasFooter,
+      handleEvent
+    };
+  }
+});
+const _hoisted_1$1 = ["onClick"];
+const _hoisted_2$1 = /* @__PURE__ */ createTextVNode(" empty ");
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_input = resolveComponent("dao-input");
+  const _component_dao_action_icon = resolveComponent("dao-action-icon");
+  const _component_dao_ellipsis = resolveComponent("dao-ellipsis");
+  const _component_dao_checkbox = resolveComponent("dao-checkbox");
+  const _component_dao_link = resolveComponent("dao-link");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.ns, `${_ctx.ns}--${_ctx.type}`, _ctx.hideDesc && `${_ctx.ns}--desc-hide`])
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(`${_ctx.ns}__header`)
+    }, [
+      renderSlot(_ctx.$slots, "header", {}, () => [
+        createElementVNode("div", {
+          class: normalizeClass(`${_ctx.ns}__header-left`)
+        }, [
+          renderSlot(_ctx.$slots, "header-left")
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(`${_ctx.ns}__header-right`)
+        }, [
+          renderSlot(_ctx.$slots, "header-right")
+        ], 2)
+      ])
+    ], 2),
+    createElementVNode("div", {
+      class: normalizeClass(`${_ctx.ns}__toolbar`)
+    }, [
+      createElementVNode("div", {
+        class: normalizeClass(`${_ctx.ns}__toolbar-left`)
+      }, [
+        _ctx.filterable ? (openBlock(), createBlock(_component_dao_input, {
+          key: 0,
+          modelValue: _ctx.query,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.query = $event),
+          block: "",
+          type: "search",
+          placeholder: _ctx.filterPlaceholder,
+          class: normalizeClass(`${_ctx.ns}__toolbar__search`)
+        }, null, 8, ["modelValue", "placeholder", "class"])) : createCommentVNode("", true)
+      ], 2),
+      _ctx.isSource ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`${_ctx.ns}__toolbar-right`)
+      }, [
+        createVNode(_component_dao_action_icon, {
+          name: "icon-refresh",
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("refresh"))
+        })
+      ], 2)) : createCommentVNode("", true)
+    ], 2),
+    createElementVNode("div", {
+      class: normalizeClass([`${_ctx.ns}__body`, _ctx.hasFooter && "is-with-footer"])
+    }, [
+      withDirectives(createElementVNode("div", {
+        class: normalizeClass([`${_ctx.ns}__list`, _ctx.filterable && "is-filterable"])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filteredData, (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: _ctx.type + item[_ctx.keyProp],
+            class: normalizeClass(`${_ctx.ns}__item`)
+          }, [
+            createVNode(_component_dao_checkbox, {
+              id: _ctx.type + item[_ctx.keyProp],
+              class: normalizeClass(_ctx.ns + "__content"),
+              type: "checkbox",
+              checked: _ctx.checkedKeys.includes(item[_ctx.keyProp]),
+              disabled: _ctx.disabledKeys.includes(item[_ctx.keyProp]),
+              onChange: ($event) => _ctx.handleEvent("check", item)
+            }, createSlots({
+              default: withCtx(() => [
+                createVNode(_component_dao_ellipsis, null, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "item", {
+                      row: item,
+                      role: _ctx.type
+                    }, () => [
+                      createTextVNode(toDisplayString(String(item[_ctx.labelProp])), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, [
+              !_ctx.hideDesc && !_ctx.$slots.item ? {
+                name: "helper",
+                fn: withCtx(() => [
+                  createVNode(_component_dao_ellipsis, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(String(item[_ctx.descProp])), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              } : void 0
+            ]), 1032, ["id", "class", "checked", "disabled", "onChange"]),
+            !_ctx.isSource && !_ctx.disabledKeys.includes(item[_ctx.keyProp]) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              onClick: ($event) => _ctx.handleEvent("remove", item)
+            }, [
+              createVNode(_component_dao_link, {
+                style: { fontSize: "16px" },
+                icon: "icon-sys-error"
+              })
+            ], 8, _hoisted_1$1)) : createCommentVNode("", true)
+          ], 2);
+        }), 128))
+      ], 2), [
+        [vShow, !_ctx.isEmpty]
+      ]),
+      withDirectives(createElementVNode("div", {
+        class: normalizeClass(`${_ctx.ns}__empty`)
+      }, [
+        renderSlot(_ctx.$slots, "empty", {}, () => [
+          _hoisted_2$1
+        ])
+      ], 2), [
+        [vShow, _ctx.isEmpty]
+      ])
+    ], 2),
+    _ctx.hasFooter ? (openBlock(), createElementBlock("p", {
+      key: 0,
+      class: normalizeClass(`${_ctx.ns}__footer`)
+    }, [
+      renderSlot(_ctx.$slots, "footer")
+    ], 2)) : createCommentVNode("", true)
+  ], 2);
+}
+var transferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+var transfer_scss_vue_type_style_index_0_src_lang = "";
+const _sfc_main = defineComponent({
+  name: "DaoTransfer",
+  components: {
+    transferPanel,
+    DaoLink
+  },
+  props: transferProps,
+  emits: ["update:modelValue", "add", "clear", "change", "refresh"],
+  setup(props, { emit }) {
+    const keyProp = computed(() => props.props.key || "key");
+    const sourceData = computed(() => props.source || []);
+    const selectedKeys = useVModel(props, "modelValue", emit, {
+      passive: true
+    });
+    const targetData = computed(() => sourceData.value.filter((item) => selectedKeys.value.includes(item == null ? void 0 : item[keyProp.value])));
+    const onAdd = () => {
+      emit("add");
+    };
+    const onChange = ({
+      direction,
+      row
+    }) => {
+      const key = row[keyProp.value];
+      const index2 = selectedKeys.value.indexOf(key);
+      switch (direction) {
+        case "left":
+          if (index2 > -1) {
+            selectedKeys.value.splice(index2, 1);
+          }
+          break;
+        case "right":
+          index2 > -1 || selectedKeys.value.push(key);
+          break;
+        default:
+          console.warn(`${direction} callback is not defined`);
+          break;
+      }
+      emit("change", { direction, rows: [row] });
+    };
+    const onClear = () => {
+      const disabledKeys = props.disabledKeys || [];
+      if (disabledKeys.length) {
+        selectedKeys.value = selectedKeys.value.filter((key) => disabledKeys.includes(key));
+      } else {
+        selectedKeys.value = [];
+      }
+      emit("clear", selectedKeys.value);
+    };
+    return {
+      sourceData,
+      targetData,
+      selectedKeys,
+      onAdd,
+      onChange,
+      onClear
+    };
+  }
+});
+const _hoisted_1 = { class: "dao-transfer" };
+const _hoisted_2 = /* @__PURE__ */ createTextVNode(" + \u6DFB\u52A0 ");
+const _hoisted_3 = /* @__PURE__ */ createTextVNode(" \u6E05\u7A7A ");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a2, _b2, _c, _d, _e, _f, _g, _h;
+  const _component_dao_link = resolveComponent("dao-link");
+  const _component_transfer_panel = resolveComponent("transfer-panel");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_transfer_panel, {
+      ref: "leftPanel",
+      type: "source",
+      "hide-desc": _ctx.hideDesc,
+      data: _ctx.sourceData,
+      "checked-keys": _ctx.selectedKeys,
+      filterable: (_a2 = _ctx.filterable) == null ? void 0 : _a2[0],
+      "filter-method": (_b2 = _ctx.filterMethod) == null ? void 0 : _b2[0],
+      "filter-placeholder": (_c = _ctx.filterPlaceholder) == null ? void 0 : _c[0],
+      "disabled-keys": _ctx.disabledKeys,
+      props: _ctx.props,
+      onSelectedChange: _ctx.onChange,
+      onRefresh: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refresh"))
+    }, createSlots({
+      header: withCtx(() => [
+        renderSlot(_ctx.$slots, "left-header")
+      ]),
+      "header-left": withCtx(() => [
+        renderSlot(_ctx.$slots, "left-header-left")
+      ]),
+      "header-right": withCtx(() => [
+        renderSlot(_ctx.$slots, "left-header-right", {}, () => [
+          createVNode(_component_dao_link, {
+            type: "primary",
+            class: "dao-transfer__add",
+            onClick: _ctx.onAdd
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "add", {}, () => [
+                _hoisted_2
+              ])
+            ]),
+            _: 3
+          }, 8, ["onClick"])
+        ])
+      ]),
+      _: 2
+    }, [
+      _ctx.$slots.item ? {
+        name: "item",
+        fn: withCtx(({ row, role }) => [
+          renderSlot(_ctx.$slots, "item", {
+            row,
+            role
+          })
+        ])
+      } : void 0,
+      ((_d = _ctx.$slots) == null ? void 0 : _d["left-footer"]) ? {
+        name: "footer",
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, "left-footer")
+        ])
+      } : void 0
+    ]), 1032, ["hide-desc", "data", "checked-keys", "filterable", "filter-method", "filter-placeholder", "disabled-keys", "props", "onSelectedChange"]),
+    createVNode(_component_transfer_panel, {
+      ref: "rightPanel",
+      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],
+      "disabled-keys": _ctx.disabledKeys,
+      props: _ctx.props,
+      onSelectedChange: _ctx.onChange
+    }, createSlots({
+      header: withCtx(() => [
+        renderSlot(_ctx.$slots, "right-header")
+      ]),
+      "header-left": withCtx(() => [
+        renderSlot(_ctx.$slots, "right-header-left")
+      ]),
+      "header-right": withCtx(() => [
+        renderSlot(_ctx.$slots, "right-header-right", {}, () => [
+          renderSlot(_ctx.$slots, "header-right", {}, () => [
+            createVNode(_component_dao_link, {
+              class: "dao-transfer__clear",
+              type: "primary",
+              onClick: _ctx.onClear
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "clear", {}, () => [
+                  _hoisted_3
+                ])
+              ]),
+              _: 3
+            }, 8, ["onClick"])
+          ])
+        ])
+      ]),
+      _: 2
+    }, [
+      _ctx.$slots.item ? {
+        name: "item",
+        fn: withCtx(({ row, role }) => [
+          renderSlot(_ctx.$slots, "item", {
+            row,
+            role
+          })
+        ])
+      } : void 0,
+      ((_h = _ctx.$slots) == null ? void 0 : _h["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"])
+  ]);
+}
+var transfer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
@@ -6880,7 +7712,7 @@ var components = /* @__PURE__ */ Object.freeze({
   DialogFooter,
   DialogHeader,
   Drawer: drawer,
-  Dropdown: dropdown,
+  Dropdown: DaoDropdown,
   DropdownMenu: dropdownMenu,
   DropdownItem: dropdownItem,
   Expansion: expansion,
@@ -6892,14 +7724,14 @@ var components = /* @__PURE__ */ Object.freeze({
   Breadcrumb: breadcrumb,
   BreadcrumbItem: DaoBreadcrumbItem,
   Icon: DaoIcon,
-  Input: input,
+  Input: DaoInput,
   Message: message,
   Nav: nav,
   NavHead: navHead,
   NavItem: navItem,
   NavSub: navSub,
   Pagination: DaoPagination,
-  Popover: _sfc_main$9,
+  Popover: _sfc_main$d,
   Popper,
   Progress: progress,
   Radio: radio,
@@ -6909,12 +7741,13 @@ var components = /* @__PURE__ */ Object.freeze({
   Switch: _switch,
   Table: table,
   Tabs: tabs,
-  TabNav: _sfc_main$2,
+  TabNav: _sfc_main$6,
   TabItem: tabItem,
-  Tooltip: _sfc_main$o
+  Tooltip: _sfc_main$s,
+  DaoEllipsis,
+  Transfer: transfer,
+  TransferPanel: transferPanel
 });
-var common = "";
-var alias = "";
 const plugin = (app) => {
   Object.values(components).forEach((c) => {
     app.component(c.name, c);
@@ -6926,4 +7759,4 @@ const install = (Vue) => {
 var index = {
   install
 };
-export { DaoActionIcon as ActionIcon, breadcrumb as Breadcrumb, DaoBreadcrumbItem as BreadcrumbItem, DaoButton as Button, buttonGroup as ButtonGroup, card as Card, cardItem as CardItem, DaoCheckbox as Checkbox, checkboxGroup as CheckboxGroup, dialog as Dialog, DialogFooter, DialogHeader, drawer as Drawer, dropdown as Dropdown, dropdownItem as DropdownItem, dropdownMenu as DropdownMenu, expansion as Expansion, expansionItem as ExpansionItem, form as Form, formGroup as FormGroup, formItem as FormItem, header as Header, DaoIcon as Icon, input as Input, message as Message, nav as Nav, navHead as NavHead, navItem as NavItem, navSub as NavSub, DaoOption as Option, DaoPagination as Pagination, _sfc_main$9 as Popover, Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$2 as TabNav, table as Table, tabs as Tabs, _sfc_main$o as Tooltip, index as default };
+export { DaoActionIcon as ActionIcon, breadcrumb as Breadcrumb, DaoBreadcrumbItem as BreadcrumbItem, DaoButton as Button, buttonGroup as ButtonGroup, card as Card, cardItem as CardItem, DaoCheckbox as Checkbox, checkboxGroup as CheckboxGroup, DaoEllipsis, dialog as Dialog, DialogFooter, DialogHeader, drawer as Drawer, DaoDropdown as Dropdown, dropdownItem as DropdownItem, dropdownMenu as DropdownMenu, expansion as Expansion, expansionItem as ExpansionItem, form as Form, formGroup as FormGroup, formItem as FormItem, header as Header, DaoIcon as Icon, DaoInput as Input, message as Message, nav as Nav, navHead as NavHead, navItem as NavItem, navSub as NavSub, DaoOption as Option, DaoPagination as Pagination, _sfc_main$d as Popover, Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$6 as TabNav, table as Table, tabs as Tabs, _sfc_main$s as Tooltip, transfer as Transfer, transferPanel as TransferPanel, index as default };