@dao-style/core 0.3.2 → 0.4.2

package/dist/dao-style.es.js

@@ -17,9 +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, withKeys, normalizeStyle, withDirectives, vShow, watch, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, createVNode, Transition, withCtx, nextTick, resolveDynamicComponent, createSlots, withModifiers, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted, h, toRef } from "vue";
-import { isArray as isArray$2, isSet, looseIndexOf, looseEqual, isFunction as isFunction$1, NOOP } from "@vue/shared";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, toRef, h, toDisplayString, createVNode, withCtx, createTextVNode, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, withKeys, normalizeStyle, withDirectives, vShow, watch, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, Transition, nextTick, resolveDynamicComponent, createSlots, withModifiers, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted } from "vue";
 import { useI18n } from "vue-i18n";
+import { isFunction as isFunction$1, isArray as isArray$2, isSet, looseIndexOf, looseEqual, NOOP } from "@vue/shared";
 var common = "";
 var actionIcon_vue_vue_type_style_index_0_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -28,7 +28,7 @@ var _export_sfc = (sfc, props) => {
   }
   return sfc;
 };
-const _sfc_main$Q = defineComponent({
+const _sfc_main$R = defineComponent({
   name: "DaoActionIcon",
   props: {
     name: {
@@ -61,8 +61,8 @@ const _sfc_main$Q = defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["disabled"];
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$B = ["disabled"];
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("button", {
     class: normalizeClass([
       "dao-action-icon",
@@ -78,9 +78,9 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(["dao-action-icon__iconfont", _ctx.name])
       }, null, 2)) : createCommentVNode("", true)
     ])
-  ], 10, _hoisted_1$A);
+  ], 10, _hoisted_1$B);
 }
-var DaoActionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$M]]);
+var DaoActionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$N]]);
 const BUTTON_TYPES = ["primary", "secondary", "tertiary", "ghost", "danger"];
 var buttonProps = {
   type: {
@@ -119,7 +119,7 @@ var buttonProps = {
   }
 };
 var icon_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$P = defineComponent({
+const _sfc_main$Q = defineComponent({
   name: "DaoIcon",
   props: {
     name: {
@@ -132,28 +132,28 @@ const _sfc_main$P = defineComponent({
     }
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   key: 1,
   class: "dao-icon dao-svg-icon"
 };
-const _hoisted_2$p = ["xlink:href"];
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$q = ["xlink:href"];
+function _sfc_render$M(_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$z, [
+  }, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_1$A, [
     createElementVNode("use", {
       "xlink:href": `#${_ctx.name}`
-    }, null, 8, _hoisted_2$p)
+    }, null, 8, _hoisted_2$q)
   ]));
 }
-var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$L]]);
+var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$M]]);
 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$O = defineComponent({
+const _sfc_main$P = defineComponent({
   name: "DaoButton",
   components: {
     DaoIcon
@@ -244,12 +244,12 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["disabled"];
-const _hoisted_2$o = {
+const _hoisted_1$z = ["disabled"];
+const _hoisted_2$p = {
   key: 1,
   class: "dao-btn__text"
 };
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("button", {
     class: normalizeClass(_ctx.classList),
@@ -263,7 +263,7 @@ function _sfc_render$K(_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$o, [
+      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$p, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true),
       _ctx.realIconRight ? (openBlock(), createBlock(_component_dao_icon, {
@@ -273,11 +273,171 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.realIconRight
       }, null, 8, ["class", "use-font", "name"])) : createCommentVNode("", true)
     ], 64))
-  ], 10, _hoisted_1$y);
+  ], 10, _hoisted_1$z);
 }
-var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$K]]);
-var buttonGroup_vue_vue_type_style_index_0_lang = "";
+var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$L]]);
+const textButtonType = ["default", "action", "link", "custom"];
+var TextButtonProps = {
+  tag: {
+    type: [Object, String],
+    default: "button"
+  },
+  prop: {
+    type: Object,
+    default: () => ({
+      type: "default"
+    })
+  }
+};
+var textButton_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$O = defineComponent({
+  name: "DaoTextButton",
+  components: {
+    DaoIcon
+  },
+  props: TextButtonProps,
+  setup(props, { slots, attrs }) {
+    const prop = toRef(props, "prop");
+    const computedType = computed(() => {
+      var _a2;
+      return ((_a2 = prop.value) == null ? void 0 : _a2.type) && textButtonType.includes(prop.value.type) ? prop.value.type : "custom";
+    });
+    const componentComputed = computed(() => ({
+      class: [
+        "dao-text-button",
+        `dao-text-button--${computedType.value}`,
+        attrs.disabled ? "is-disabled" : ""
+      ]
+    }));
+    const iconTemp = computed(() => {
+      var _a2, _b2;
+      return ((_a2 = prop.value) == null ? void 0 : _a2.icon) ? h(DaoIcon, {
+        name: (_b2 = prop.value) == null ? void 0 : _b2.icon,
+        "use-font": true,
+        class: "dao-text-button__icon"
+      }) : null;
+    });
+    const slotTemp = computed(() => {
+      const _slots = __spreadValues({
+        default: () => ""
+      }, slots);
+      return Object.fromEntries(Object.entries(_slots).map(([key, item]) => {
+        const newSlot = isFunction$1(item) ? item : () => item || null;
+        if (key === "default") {
+          return [
+            key,
+            (...args) => {
+              const defaultSlot = newSlot.call(null, ...args);
+              return [
+                iconTemp.value,
+                defaultSlot ? h("span", { class: "dao-text-button__slot" }, { default: () => defaultSlot }) : ""
+              ];
+            }
+          ];
+        }
+        return [key, newSlot];
+      }));
+    });
+    return () => h(props.tag, __spreadValues({}, componentComputed.value), slotTemp.value);
+  }
+});
+const BatchBarProps = {
+  total: {
+    type: Number,
+    default: 0
+  },
+  selectedFormat: {
+    type: Function,
+    default: void 0
+  },
+  deselectText: {
+    type: String,
+    default: void 0
+  },
+  removeText: {
+    type: String,
+    default: void 0
+  }
+};
+var batchBar_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$N = defineComponent({
+  name: "DaoBatchBar",
+  components: {
+    DaoButton,
+    DaoTextButton: _sfc_main$O
+  },
+  props: BatchBarProps,
+  emits: ["delete", "deselect"],
+  setup: (props, { emit }) => {
+    var _a2;
+    const { t } = useI18n();
+    const selectedFormatFun = (_a2 = props.selectedFormat) != null ? _a2 : (total) => t("core.batchBar.selectedFormat", {
+      n: total
+    });
+    const text = computed(() => {
+      var _a3, _b2;
+      return {
+        remove: (_a3 = props.removeText) != null ? _a3 : t("core.batchBar.removeText"),
+        deselect: (_b2 = props.deselectText) != null ? _b2 : t("core.batchBar.deselectText"),
+        selected: selectedFormatFun(props.total)
+      };
+    });
+    const onHandleDeselect = () => {
+      emit("deselect");
+    };
+    const onHandleDelete = () => {
+      emit("delete");
+    };
+    const showSelf = computed(() => props.total > 0);
+    return {
+      text,
+      showSelf,
+      onHandleDelete,
+      onHandleDeselect
+    };
+  }
+});
+const _hoisted_1$y = {
+  key: 0,
+  class: "dao-batch-bar"
+};
+const _hoisted_2$o = { class: "dao-batch-bar__text" };
+const _hoisted_3$f = { class: "dao-batch-bar__text--select" };
+const _hoisted_4$c = { class: "dao-batch-bar__action" };
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_text_button = resolveComponent("dao-text-button");
+  const _component_dao_button = resolveComponent("dao-button");
+  return _ctx.showSelf ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
+    createElementVNode("div", _hoisted_2$o, [
+      createElementVNode("span", _hoisted_3$f, toDisplayString(_ctx.text.selected), 1),
+      createVNode(_component_dao_text_button, {
+        class: "dao-batch-bar__text--deselect",
+        onClick: _ctx.onHandleDeselect
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.text.deselect), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    createElementVNode("div", _hoisted_4$c, [
+      renderSlot(_ctx.$slots, "default", { onDelete: _ctx.onHandleDelete }, () => [
+        createVNode(_component_dao_button, {
+          type: "danger",
+          onClick: _ctx.onHandleDelete
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.text.remove), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ])
+  ])) : createCommentVNode("", true);
+}
+var DaoBatchBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$K]]);
+var buttonGroup_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$M = defineComponent({
   name: "DaoButtonGroup"
 });
 const _hoisted_1$x = { class: "dao-btn-group" };
@@ -286,9 +446,9 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$J]]);
+var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$J]]);
 var card_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$M = defineComponent({
+const _sfc_main$L = defineComponent({
   name: "DaoCard",
   components: {
     DaoIcon
@@ -371,9 +531,9 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var card = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$I]]);
+var card = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$I]]);
 var cardItem_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$L = defineComponent({
+const _sfc_main$K = defineComponent({
   name: "DaoCardItem"
 });
 const _hoisted_1$v = { class: "dao-card-item" };
@@ -382,7 +542,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var cardItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$H]]);
+var cardItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$H]]);
 function isNullish(val) {
   return val === null || val === void 0;
 }
@@ -425,7 +585,7 @@ function getUnrefItem(set, item) {
     index: index2
   };
 }
-const _sfc_main$K = defineComponent({
+const _sfc_main$J = defineComponent({
   name: "DaoCheckbox",
   props: {
     modelValue: {
@@ -609,9 +769,9 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$G]]);
+var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$G]]);
 var checkboxGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$J = defineComponent({
+const _sfc_main$I = defineComponent({
   name: "DaoCheckboxGroup",
   props: {
     modelValue: {
@@ -652,7 +812,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$F]]);
+var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$F]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -1851,7 +2011,7 @@ var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyS
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
-const _sfc_main$I = defineComponent({
+const _sfc_main$H = defineComponent({
   name: "PopperContent",
   props: {
     popperId: {
@@ -1945,7 +2105,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 42, _hoisted_1$t);
 }
-var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$E]]);
+var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$E]]);
 var PopperProps = {
   modelValue: {
     type: Boolean,
@@ -2051,7 +2211,7 @@ function getActualRoot(app) {
   }
   return internalRoot;
 }
-const _sfc_main$H = defineComponent({
+const _sfc_main$G = defineComponent({
   name: "DaoPopper",
   components: {
     PopperContent
@@ -2464,7 +2624,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["to", "disabled"]))
   ], 2);
 }
-var DaoPopper = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$D]]);
+var DaoPopper = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$D]]);
 var tooltipProps = __spreadProps(__spreadValues({}, PopperProps), {
   offset: {
     type: [Number, String],
@@ -2472,13 +2632,13 @@ var tooltipProps = __spreadProps(__spreadValues({}, PopperProps), {
   }
 });
 var tooltip_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$G = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
+const _sfc_main$F = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
   name: "DaoTooltip",
   props: tooltipProps,
   daoPopperTheme: "dao-tooltip"
 }));
 var popover_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$F = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
+const _sfc_main$E = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
   name: "DaoPopover",
   props: PopperProps,
   daoPopperTheme: "dao-popover"
@@ -2548,17 +2708,17 @@ const ellipsisProps = {
   }
 };
 var ellipsis_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$E = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "DaoEllipsis",
   components: {
-    Tooltip: _sfc_main$G,
-    Popover: _sfc_main$F
+    Tooltip: _sfc_main$F,
+    Popover: _sfc_main$E
   },
   props: ellipsisProps,
   setup(props) {
     const disabled = ref(true);
     const tooltipRef = ref();
-    const ComponentType = computed(() => props.type === "tooltip" ? _sfc_main$G : _sfc_main$F);
+    const ComponentType = computed(() => props.type === "tooltip" ? _sfc_main$F : _sfc_main$E);
     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;
@@ -2600,7 +2760,7 @@ const _sfc_main$E = defineComponent({
       tooltipRef,
       isOpen,
       isEllipsis,
-      Tooltip: _sfc_main$G,
+      Tooltip: _sfc_main$F,
       ComponentType
     };
   }
@@ -2643,8 +2803,8 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["disabled", "placement", "offset", "class", "append-to", "delay", "popper-class", "width"]);
 }
-var DaoEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$C]]);
-const _sfc_main$D = defineComponent({
+var DaoEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$C]]);
+const _sfc_main$C = defineComponent({
   name: "DaoDialogHeader",
   components: {
     DaoActionIcon,
@@ -2696,8 +2856,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$B]]);
-const _sfc_main$C = defineComponent({
+var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$B]]);
+const _sfc_main$B = defineComponent({
   name: "DaoDialogFooter",
   components: {
     DaoButton
@@ -2766,14 +2926,14 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$A]]);
+var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["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 KEYBOARD_EVENT_NAME$1 = "keydown";
-const _sfc_main$B = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "DaoDialog",
   components: {
     DialogHeader,
@@ -3037,7 +3197,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onBeforeEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"]);
 }
-var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$z]]);
+var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$z]]);
 const drawerProps = {
   modelValue: {
     type: Boolean,
@@ -3108,7 +3268,7 @@ const trapTabKey = (e, firstTab, lastTab) => {
 };
 var drawer_vue_vue_type_style_index_0_lang = "";
 const KEYBOARD_EVENT_NAME = "keydown";
-const _sfc_main$A = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "DaoDrawer",
   components: {
     DaoButton,
@@ -3321,8 +3481,8 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     ], 34)
   ]);
 }
-var drawer = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$y]]);
-const _sfc_main$z = defineComponent({
+var drawer = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$y]]);
+const _sfc_main$y = defineComponent({
   name: "DaoDropdown",
   components: {
     DaoPopper
@@ -3403,9 +3563,9 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["placement", "append-to", "trigger", "offset", "model-value"]);
 }
-var DaoDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$x]]);
+var DaoDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$x]]);
 var dropdownMenu_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$y = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "DaoDropdownMenu"
 });
 const _hoisted_1$m = { class: "dao-dropdown-menu" };
@@ -3414,9 +3574,9 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var DaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$w]]);
+var DaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$w]]);
 var dropdownItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$x = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "DaoDropdownItem",
   props: {
     type: {
@@ -3470,7 +3630,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.type !== "divider" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
   ], 16);
 }
-var DaoDropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$v]]);
+var DaoDropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$v]]);
 const expansionProps = {
   modelValue: {
     type: [String, Symbol, Array]
@@ -3499,7 +3659,7 @@ const expansionItemProps = {
   }
 };
 var expansion_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$w = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "DaoExpansion",
   props: expansionProps,
   emits: ["update:modelValue", "change"],
@@ -3598,15 +3758,16 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var expansion = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$u]]);
+var expansion = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$u]]);
 var expansionItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$v = defineComponent({
+const _sfc_main$u = defineComponent({
   name: "DaoExpansionItem",
   components: {
     DaoIcon,
     DaoEllipsis
   },
   props: expansionItemProps,
+  emits: ["close"],
   setup(props) {
     const toggleItem = inject(ToggleItemKey, null);
     const parentState = inject(ExpansionStateKey, null);
@@ -3701,7 +3862,7 @@ const _hoisted_6$4 = {
   key: 4,
   class: "dao-expansion-item-header-item"
 };
-const _hoisted_7$3 = { class: "dao-expansion-item-content-container" };
+const _hoisted_7$2 = { class: "dao-expansion-item-content-container" };
 const _hoisted_8$1 = { class: "dao-expansion-item-content" };
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
@@ -3715,7 +3876,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("div", {
       class: "dao-expansion-item-header",
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onItemClick && _ctx.onItemClick(...args))
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onItemClick && _ctx.onItemClick(...args))
     }, [
       _ctx.$slots.handler ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
         renderSlot(_ctx.$slots, "handler")
@@ -3745,13 +3906,19 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.$slots["after-title"] ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
         renderSlot(_ctx.$slots, "after-title")
       ])) : createCommentVNode("", true),
-      _ctx.$slots.action ? (openBlock(), createElementBlock("div", {
+      _ctx.$slots.action || _ctx.expansionType === "doc" ? (openBlock(), createElementBlock("div", {
         key: 5,
         class: "dao-expansion-item-action",
-        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        onClick: _cache[1] || (_cache[1] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        renderSlot(_ctx.$slots, "action")
+        _ctx.expansionType === "doc" ? (openBlock(), createBlock(_component_dao_icon, {
+          key: 0,
+          "use-font": "",
+          name: "icon-close",
+          class: "dao-expansion-item__close-icon",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", _ctx.name))
+        })) : renderSlot(_ctx.$slots, "action", { key: 1 })
       ])) : createCommentVNode("", true)
     ]),
     createVNode(Transition, {
@@ -3764,7 +3931,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
       onAfterLeave: _ctx.onAfterLeave
     }, {
       default: withCtx(() => [
-        withDirectives(createElementVNode("div", _hoisted_7$3, [
+        withDirectives(createElementVNode("div", _hoisted_7$2, [
           createElementVNode("div", _hoisted_8$1, [
             renderSlot(_ctx.$slots, "default")
           ])
@@ -3776,7 +3943,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
   ], 2);
 }
-var expansionItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$t]]);
+var expansionItem = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$t]]);
 const formType = ["horizontal", "vertical"];
 const formClassNames = {
   text: {
@@ -3804,7 +3971,7 @@ const formProps = {
 };
 const formKey = Symbol("formKey");
 var form_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$u = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "DaoForm",
   props: formProps,
   setup(props) {
@@ -3828,12 +3995,12 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", { classNames: _ctx.formClassNames })
   ], 2);
 }
-var form = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$s]]);
+var form = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$s]]);
 var formItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$t = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "DaoFormItem",
   components: {
-    DaoTooltip: _sfc_main$G,
+    DaoTooltip: _sfc_main$F,
     DaoEllipsis
   },
   props: {
@@ -3933,9 +4100,9 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 2);
 }
-var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$r]]);
+var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$r]]);
 var formGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$s = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "DaoFormGroup",
   props: {
     title: {
@@ -3956,11 +4123,11 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$q]]);
+var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$q]]);
 const headerProps = {
   type: {
     type: String,
-    default: "2rd"
+    default: "2nd"
   },
   title: {
     type: String,
@@ -3968,13 +4135,13 @@ const headerProps = {
   }
 };
 var header_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$r = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "DaoHeader",
   props: headerProps,
   setup(props, { slots }) {
     const showInfo = computed(() => ({
       title: props.type === "3rd" ? false : Boolean(props.title || slots.title),
-      breadcrumb: props.type === "2rd" ? false : slots.breadcrumb
+      breadcrumb: props.type === "2nd" ? false : slots.breadcrumb
     }));
     return {
       ns: "dao-header",
@@ -4014,7 +4181,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var header = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$p]]);
+var header = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$p]]);
 const breadcrumbProps = {
   type: {
     type: String,
@@ -4047,7 +4214,7 @@ const breadcrumbItemProps = {
     type: [String, Object]
   }
 };
-const _sfc_main$q = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "DaoBreadcrumbItem",
   props: breadcrumbItemProps,
   setup(props) {
@@ -4101,9 +4268,9 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.separator), 3)
   ], 2);
 }
-var DaoBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$o]]);
+var DaoBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$o]]);
 var breadcrumb_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$p = defineComponent({
+const _sfc_main$o = defineComponent({
   name: "DaoBreadcrumb",
   components: {
     DaoIcon,
@@ -4150,7 +4317,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n]]);
+var breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$n]]);
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
@@ -4217,7 +4384,7 @@ var inputProps = {
   }
 };
 var input_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$o = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "DaoInput",
   components: {
     DaoIcon
@@ -4519,7 +4686,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var DaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m]]);
+var DaoInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$m]]);
 var MessageProps = {
   modelValue: {
     type: Boolean,
@@ -4543,7 +4710,7 @@ var MessageProps = {
   }
 };
 var message_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$n = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "DaoMessage",
   props: MessageProps,
   emits: ["update:modelValue", "change", "beforeClose", "closed", "beforeShow", "show"],
@@ -4642,8 +4809,8 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 34)) : createCommentVNode("", true);
 }
-var message = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]);
-const NAV_TYPES = ["2rd", "3rd"];
+var message = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l]]);
+const NAV_TYPES = ["2nd", "3rd"];
 const navProps = {
   accordion: {
     type: Boolean,
@@ -4655,7 +4822,7 @@ const navProps = {
   },
   type: {
     type: String,
-    default: "2rd",
+    default: "2nd",
     validator: (value) => NAV_TYPES.includes(value)
   }
 };
@@ -4738,7 +4905,7 @@ const navItemProps = {
   }
 };
 var nav_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$m = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "DaoNav",
   props: navProps,
   emits: ["back", "select", "toggle"],
@@ -4822,8 +4989,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var nav = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k]]);
-const _sfc_main$l = defineComponent({
+var nav = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$k]]);
+const _sfc_main$k = defineComponent({
   name: "DaoNavHead",
   components: {
     DaoIcon,
@@ -4837,14 +5004,14 @@ const _sfc_main$l = defineComponent({
     }
     const { icon, title, useFont } = toRefs(props);
     const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "3rd" || Boolean(unref(icon)));
-    const headIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" ? unref(icon) : "icon-back");
-    const isFontType = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" ? unref(useFont) : true);
+    const headIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" ? unref(icon) : "icon-back");
+    const isFontType = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" ? unref(useFont) : true);
     const classHeadList = computed(() => [
       "dao-nav__head",
       `dao-nav__head--${rootNav == null ? void 0 : rootNav.type}`
     ]);
     const handleClickBack = () => {
-      if ((rootNav == null ? void 0 : rootNav.type) === "2rd") {
+      if ((rootNav == null ? void 0 : rootNav.type) === "2nd") {
         return;
       }
       rootNav == null ? void 0 : rootNav.handleNavHeadClick();
@@ -4887,8 +5054,8 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var navHead = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]);
-const _sfc_main$k = defineComponent({
+var navHead = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j]]);
+const _sfc_main$j = defineComponent({
   name: "DaoNavItem",
   components: {
     DaoIcon,
@@ -4910,7 +5077,7 @@ const _sfc_main$k = defineComponent({
       isExactActive,
       index: index2
     } = toRefs(props);
-    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" && Boolean(icon.value));
+    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" && Boolean(icon.value));
     const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
     const isNavItemActive = computed(() => {
       const unrefIsActive = unref(isActive);
@@ -5005,8 +5172,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ], 34)
   ], 2);
 }
-var navItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
-const _sfc_main$j = defineComponent({
+var navItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i]]);
+const _sfc_main$i = defineComponent({
   name: "DaoNavSub",
   components: {
     DaoIcon,
@@ -5032,7 +5199,7 @@ const _sfc_main$j = defineComponent({
     const currentActiveIndex = ref(false);
     const opened = ref(false);
     const childrenActiveMap = reactive(new Map());
-    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" && Boolean(icon.value));
+    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" && Boolean(icon.value));
     const foldIcon = computed(() => opened.value ? "icon_caret-up" : "icon_caret-down");
     const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
     const classSubList = computed(() => {
@@ -5186,7 +5353,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-var navSub = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
+var navSub = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h]]);
 const paginationProps = {
   pageSize: {
     type: Number,
@@ -5224,6 +5391,10 @@ const paginationProps = {
   layout: {
     type: Array,
     default: ["total", "pager", "sizer"]
+  },
+  noShadow: {
+    type: Boolean,
+    default: false
   }
 };
 function tryOnScopeDispose(fn2) {
@@ -5403,7 +5574,7 @@ var DaoSelectProps = {
   }
 };
 var select_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$i = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "DaoSelect",
   components: {
     DaoPopper,
@@ -5728,7 +5899,7 @@ const _hoisted_3$6 = {
 const _hoisted_4$3 = ["placeholder"];
 const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("i", { class: "icon-search dao-selection-search-icon" }, null, -1);
 const _hoisted_6$2 = { class: "dao-option-list" };
-const _hoisted_7$2 = {
+const _hoisted_7$1 = {
   key: "dao-option-placeholder",
   class: "dao-option-placeholder"
 };
@@ -5784,7 +5955,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       createElementVNode("ul", _hoisted_6$2, [
         renderSlot(_ctx.$slots, "default"),
-        _ctx.isNoResult || _ctx.loading ? (openBlock(), createElementBlock("li", _hoisted_7$2, [
+        _ctx.isNoResult || _ctx.loading ? (openBlock(), createElementBlock("li", _hoisted_7$1, [
           _ctx.loading ? (openBlock(), createBlock(_component_dao_button, {
             key: 0,
             type: "ghost",
@@ -5851,9 +6022,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "disabled", "offset", "popper-class", "popper-options", "class", "append-to"]);
 }
-var DaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
+var DaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]);
 var option_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$h = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "DaoOption",
   props: {
     value: {
@@ -5965,10 +6136,10 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var DaoOption = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f]]);
+var DaoOption = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]);
 var pagination_vue_vue_type_style_index_0_lang = "";
 const numberAscSort = (a, b) => a - b;
-const _sfc_main$g = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "DaoPagination",
   components: {
     DaoSelect,
@@ -6091,7 +6262,11 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_select = resolveComponent("dao-select");
   return _ctx.computedLayout.show ? (openBlock(), createElementBlock("div", {
     key: 0,
-    class: normalizeClass(["dao-pagination", { "dao-pagination--compact": _ctx.compact }])
+    class: normalizeClass([
+      "dao-pagination",
+      { "dao-pagination--compact": _ctx.compact },
+      { "dao-pagination--with-shadow": !_ctx.noShadow }
+    ])
   }, [
     createElementVNode("div", {
       class: normalizeClass(["dao-pagination__total", { "is-invisible": !_ctx.computedLayout.total }])
@@ -6147,9 +6322,9 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["class", "model-value", "style", "onChange"])
   ], 2)) : createCommentVNode("", true);
 }
-var DaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e]]);
+var DaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e]]);
 var progress_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$f = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "DaoProgress",
   props: {
     value: {
@@ -6232,9 +6407,9 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-var progress = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$d]]);
+var progress = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]);
 var radio_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$e = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "DaoRadio",
   props: {
     modelValue: {
@@ -6347,9 +6522,9 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var radio = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
+var radio = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c]]);
 var radioGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$d = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "DaoRadioGroup",
   props: {
     modelValue: {
@@ -6390,9 +6565,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var radioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
+var radioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]]);
 var switch_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$c = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "DaoSwitch",
   props: {
     modelValue: {
@@ -6479,9 +6654,9 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(_ctx.currentValue ? _ctx.textContent.on : _ctx.textContent.off), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var _switch = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a]]);
+var _switch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]]);
 var resizer_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$b = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "DaoResizer",
   props: {
     column: {
@@ -6540,1765 +6715,1816 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 32)) : createCommentVNode("", true)
   ]);
 }
-var DaoResizer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$9]]);
-var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-var freeGlobal$1 = freeGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root = freeGlobal$1 || freeSelf || Function("return this")();
-var root$1 = root;
-var Symbol$1 = root$1.Symbol;
-var Symbol$2 = Symbol$1;
-var objectProto$6 = Object.prototype;
-var hasOwnProperty$4 = objectProto$6.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$6.toString;
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function getRawTag(value) {
-  var isOwn = hasOwnProperty$4.call(value, symToStringTag$1), tag = value[symToStringTag$1];
-  try {
-    value[symToStringTag$1] = void 0;
-    var unmasked = true;
-  } catch (e) {
-  }
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
+var DaoResizer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
+var tag_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$9 = defineComponent({
+  name: "DaoTag",
+  components: {
+    DaoIcon
+  },
+  props: {
+    closable: {
+      type: Boolean,
+      default: false
+    },
+    separator: {
+      type: String,
+      default: ": "
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: String,
+      default: ""
     }
-  }
-  return result;
-}
-var objectProto$5 = Object.prototype;
-var nativeObjectToString = objectProto$5.toString;
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function baseGetTag(value) {
-  if (value == null) {
-    return value === void 0 ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-}
-function isObjectLike(value) {
-  return value != null && typeof value == "object";
-}
-var isArray = Array.isArray;
-var isArray$1 = isArray;
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == "object" || type == "function");
-}
-var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-function isFunction(value) {
-  if (!isObject(value)) {
-    return false;
-  }
-  var tag = baseGetTag(value);
-  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
-}
-var coreJsData = root$1["__core-js_shared__"];
-var coreJsData$1 = coreJsData;
-var maskSrcKey = function() {
-  var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || "");
-  return uid ? "Symbol(src)_1." + uid : "";
-}();
-function isMasked(func) {
-  return !!maskSrcKey && maskSrcKey in func;
-}
-var funcProto$1 = Function.prototype;
-var funcToString$1 = funcProto$1.toString;
-function toSource(func) {
-  if (func != null) {
-    try {
-      return funcToString$1.call(func);
-    } catch (e) {
-    }
-    try {
-      return func + "";
-    } catch (e) {
-    }
-  }
-  return "";
-}
-var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto = Function.prototype, objectProto$4 = Object.prototype;
-var funcToString = funcProto.toString;
-var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
-var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty$3).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
-function baseIsNative(value) {
-  if (!isObject(value) || isMasked(value)) {
-    return false;
-  }
-  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
-  return pattern.test(toSource(value));
-}
-function getValue(object, key) {
-  return object == null ? void 0 : object[key];
-}
-function getNative(object, key) {
-  var value = getValue(object, key);
-  return baseIsNative(value) ? value : void 0;
-}
-var WeakMap = getNative(root$1, "WeakMap");
-var WeakMap$1 = WeakMap;
-var MAX_SAFE_INTEGER = 9007199254740991;
-function isLength(value) {
-  return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-}
-function isArrayLike(value) {
-  return value != null && isLength(value.length) && !isFunction(value);
-}
-var objectProto$3 = Object.prototype;
-function isPrototype(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$3;
-  return value === proto;
-}
-var argsTag$1 = "[object Arguments]";
-function baseIsArguments(value) {
-  return isObjectLike(value) && baseGetTag(value) == argsTag$1;
-}
-var objectProto$2 = Object.prototype;
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
-var propertyIsEnumerable = objectProto$2.propertyIsEnumerable;
-var isArguments = baseIsArguments(function() {
-  return arguments;
-}()) ? baseIsArguments : function(value) {
-  return isObjectLike(value) && hasOwnProperty$2.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
-};
-var isArguments$1 = isArguments;
-function stubFalse() {
-  return false;
-}
-var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
-var Buffer2 = moduleExports$1 ? root$1.Buffer : void 0;
-var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
-var isBuffer = nativeIsBuffer || stubFalse;
-var isBuffer$1 = isBuffer;
-var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag$2 = "[object Map]", numberTag = "[object Number]", objectTag$1 = "[object Object]", regexpTag = "[object RegExp]", setTag$2 = "[object Set]", stringTag = "[object String]", weakMapTag$1 = "[object WeakMap]";
-var arrayBufferTag = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
-var typedArrayTags = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
-typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag$1] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag] = typedArrayTags[objectTag$1] = typedArrayTags[regexpTag] = typedArrayTags[setTag$2] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag$1] = false;
-function baseIsTypedArray(value) {
-  return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
-}
-function baseUnary(func) {
-  return function(value) {
-    return func(value);
-  };
-}
-var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports = freeModule && freeModule.exports === freeExports;
-var freeProcess = moduleExports && freeGlobal$1.process;
-var nodeUtil = function() {
-  try {
-    var types = freeModule && freeModule.require && freeModule.require("util").types;
-    if (types) {
-      return types;
-    }
-    return freeProcess && freeProcess.binding && freeProcess.binding("util");
-  } catch (e) {
-  }
-}();
-var nodeUtil$1 = nodeUtil;
-var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
-var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-var isTypedArray$1 = isTypedArray;
-function overArg(func, transform) {
-  return function(arg) {
-    return func(transform(arg));
-  };
+  },
+  emits: ["close"]
+});
+const _hoisted_1$5 = { class: "dao-tag" };
+const _hoisted_2$4 = { class: "dao-tag__key" };
+const _hoisted_3$3 = { class: "dao-tag__value" };
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
+  return openBlock(), createElementBlock("span", _hoisted_1$5, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      createElementVNode("span", null, [
+        createElementVNode("span", _hoisted_2$4, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(_ctx.label), 1)
+          ]),
+          createTextVNode(toDisplayString(_ctx.separator), 1)
+        ]),
+        createElementVNode("span", _hoisted_3$3, [
+          renderSlot(_ctx.$slots, "value", {}, () => [
+            createTextVNode(toDisplayString(_ctx.value), 1)
+          ])
+        ])
+      ])
+    ]),
+    _ctx.closable ? (openBlock(), createBlock(_component_dao_icon, {
+      key: 0,
+      class: "dao-tag__close-icon",
+      name: "icon-close",
+      "use-font": "",
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+    })) : createCommentVNode("", true)
+  ]);
 }
-var nativeKeys = overArg(Object.keys, Object);
-var nativeKeys$1 = nativeKeys;
-var objectProto$1 = Object.prototype;
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-function baseKeys(object) {
-  if (!isPrototype(object)) {
-    return nativeKeys$1(object);
-  }
-  var result = [];
-  for (var key in Object(object)) {
-    if (hasOwnProperty$1.call(object, key) && key != "constructor") {
-      result.push(key);
+var DaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
+var toolbarFilter_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$8 = defineComponent({
+  name: "DaoToolbarFilter",
+  components: {
+    DaoInput,
+    DaoDropdown,
+    DaoDropdownMenu,
+    DaoDropdownItem
+  },
+  props: {
+    search: {
+      type: Object,
+      default: () => ({})
+    },
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    searchOptions: {
+      type: Array,
+      default: () => []
+    },
+    fuzzy: {
+      type: Object,
+      default: void 0
     }
-  }
-  return result;
-}
-var Map$1 = getNative(root$1, "Map");
-var Map$2 = Map$1;
-var DataView = getNative(root$1, "DataView");
-var DataView$1 = DataView;
-var Promise$1 = getNative(root$1, "Promise");
-var Promise$2 = Promise$1;
-var Set$1 = getNative(root$1, "Set");
-var Set$2 = Set$1;
-var mapTag$1 = "[object Map]", objectTag = "[object Object]", promiseTag = "[object Promise]", setTag$1 = "[object Set]", weakMapTag = "[object WeakMap]";
-var dataViewTag = "[object DataView]";
-var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$2), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$2), weakMapCtorString = toSource(WeakMap$1);
-var getTag = baseGetTag;
-if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag || Map$2 && getTag(new Map$2()) != mapTag$1 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$2 && getTag(new Set$2()) != setTag$1 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag) {
-  getTag = function(value) {
-    var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
-    if (ctorString) {
-      switch (ctorString) {
-        case dataViewCtorString:
-          return dataViewTag;
-        case mapCtorString:
-          return mapTag$1;
-        case promiseCtorString:
-          return promiseTag;
-        case setCtorString:
-          return setTag$1;
-        case weakMapCtorString:
-          return weakMapTag;
+  },
+  emits: ["update:search", "search"],
+  setup(props, { emit }) {
+    const { t } = useI18n();
+    const searchModel = useVModel(props, "search", emit, {
+      passive: true,
+      deep: true
+    });
+    const visible = ref(false);
+    const searchText = ref("");
+    const dropdownRef = ref();
+    const computedSearchPlaceholder = computed(() => props.searchPlaceholder || t("core.toolbar.searchPlaceholder"));
+    const daoInputSearchRef = ref();
+    const type = computed(() => searchText.value.includes(":") ? "value" : "key");
+    const searchKey = computed(() => searchText.value.split(":")[0]);
+    const searchValue = computed(() => searchText.value.split(":")[1].trim());
+    const selectedKey = computed(() => {
+      if (type.value === "key") {
+        return void 0;
+      }
+      return props.searchOptions.find((i) => i.label === searchKey.value || i.key === searchKey.value);
+    });
+    const resetSearch = () => {
+      emit("search");
+      searchText.value = "";
+      visible.value = false;
+      daoInputSearchRef.value.input.focus();
+      daoInputSearchRef.value.input.click();
+    };
+    const singleHasChose = (searchOption) => {
+      var _a2;
+      if (searchOption.single && ((_a2 = searchModel.value[searchOption.key]) == null ? void 0 : _a2.length)) {
+        return true;
       }
-    }
-    return result;
-  };
-}
-var getTag$1 = getTag;
-var mapTag = "[object Map]", setTag = "[object Set]";
-var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
-function isEmpty(value) {
-  if (value == null) {
-    return true;
-  }
-  if (isArrayLike(value) && (isArray$1(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer$1(value) || isTypedArray$1(value) || isArguments$1(value))) {
-    return !value.length;
-  }
-  var tag = getTag$1(value);
-  if (tag == mapTag || tag == setTag) {
-    return !value.size;
-  }
-  if (isPrototype(value)) {
-    return !baseKeys(value).length;
-  }
-  for (var key in value) {
-    if (hasOwnProperty.call(value, key)) {
       return false;
-    }
+    };
+    const hasFuzzyOption = (value) => {
+      var _a2, _b2;
+      const { fuzzy } = props;
+      if (!fuzzy) {
+        return true;
+      }
+      if ((fuzzy == null ? void 0 : fuzzy.single) && ((_a2 = searchModel.value[fuzzy.key]) == null ? void 0 : _a2.length)) {
+        return true;
+      }
+      if ((_b2 = searchModel.value[fuzzy.key]) == null ? void 0 : _b2.includes(value)) {
+        return true;
+      }
+      return false;
+    };
+    const addFuzzyOption = (value) => {
+      const { fuzzy } = props;
+      if (!fuzzy || hasFuzzyOption(value)) {
+        return;
+      }
+      if (!searchModel.value[fuzzy.key]) {
+        searchModel.value[fuzzy.key] = [value];
+      } else {
+        searchModel.value[fuzzy.key].push(value);
+      }
+      resetSearch();
+    };
+    const filteredKeys = computed(() => {
+      if (type.value === "value") {
+        return [];
+      }
+      return props.searchOptions.reduce((pre, cur) => {
+        var _a2;
+        const label = (_a2 = cur.label) != null ? _a2 : cur.key;
+        if (!label.includes(searchKey.value) || singleHasChose(cur)) {
+          return pre;
+        }
+        return [
+          ...pre,
+          {
+            label,
+            key: cur.key
+          }
+        ];
+      }, []);
+    });
+    const filteredValues = computed(() => {
+      var _a2, _b2;
+      if (type.value === "key" || !selectedKey.value) {
+        return [];
+      }
+      if (selectedKey.value.single && singleHasChose(selectedKey.value)) {
+        return [];
+      }
+      return (_b2 = (_a2 = selectedKey.value.values) == null ? void 0 : _a2.filter((i) => {
+        var _a3, _b3;
+        return i.label.includes(searchValue.value) && !((_b3 = searchModel.value[((_a3 = selectedKey.value) == null ? void 0 : _a3.key) || ""]) == null ? void 0 : _b3.includes(i.value));
+      })) != null ? _b2 : [];
+    });
+    const selectKey = (item) => {
+      searchText.value = `${item.label}: `;
+      daoInputSearchRef.value.input.focus();
+    };
+    const selectValue = (item) => {
+      var _a2, _b2, _c;
+      visible.value = false;
+      const key = (_b2 = (_a2 = selectedKey.value) == null ? void 0 : _a2.key) != null ? _b2 : "";
+      const target = (_c = searchModel.value) == null ? void 0 : _c[key];
+      if (target) {
+        target.push(item.value);
+      } else {
+        searchModel.value[key] = [item.value];
+      }
+      resetSearch();
+    };
+    const handleEnter = () => {
+      var _a2, _b2, _c, _d, _e, _f, _g, _h;
+      if (!searchText.value) {
+        return;
+      }
+      if (type.value === "key") {
+        const target2 = filteredKeys.value.find((i) => i.label === searchText.value || i.key === searchText.value);
+        if (!target2) {
+          addFuzzyOption(searchText.value);
+          return;
+        }
+        selectKey(target2);
+        return;
+      }
+      if (!searchValue.value) {
+        return;
+      }
+      if (!((_a2 = selectedKey.value) == null ? void 0 : _a2.enum) || !((_c = (_b2 = selectedKey.value) == null ? void 0 : _b2.values) == null ? void 0 : _c.length)) {
+        const key = (_e = (_d = selectedKey.value) == null ? void 0 : _d.key) != null ? _e : "";
+        const target2 = (_f = searchModel.value) == null ? void 0 : _f[key];
+        if (target2) {
+          if (target2.includes(searchValue.value)) {
+            return;
+          }
+          target2.push(searchValue.value);
+        } else {
+          searchModel.value[key] = [searchValue.value];
+        }
+        resetSearch();
+        return;
+      }
+      const target = (_h = (_g = selectedKey.value) == null ? void 0 : _g.values) == null ? void 0 : _h.find((i) => i.label === searchValue.value);
+      if (!target) {
+        return;
+      }
+      selectValue(target);
+    };
+    const showPopover = () => {
+      visible.value = true;
+    };
+    onClickOutside(dropdownRef, () => {
+      visible.value = false;
+    });
+    return {
+      computedSearchPlaceholder,
+      daoInputSearchRef,
+      filteredKeys,
+      filteredValues,
+      visible,
+      searchText,
+      type,
+      selectedKey,
+      dropdownRef,
+      selectKey,
+      selectValue,
+      showPopover,
+      handleEnter
+    };
   }
-  return true;
-}
-function isNil(value) {
-  return value == null;
-}
-function withDefaultValue(val) {
-  return isNil(val) || isObject(val) && isEmpty(val) ? "-" : val;
+});
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_input = resolveComponent("dao-input");
+  const _component_dao_dropdown_item = resolveComponent("dao-dropdown-item");
+  const _component_dao_dropdown_menu = resolveComponent("dao-dropdown-menu");
+  const _component_dao_dropdown = resolveComponent("dao-dropdown");
+  return openBlock(), createBlock(_component_dao_dropdown, {
+    ref: "dropdownRef",
+    "append-to": false,
+    trigger: "manual",
+    visible: _ctx.visible && !!(_ctx.filteredKeys.length || _ctx.filteredValues.length),
+    placement: "bottom-start"
+  }, {
+    menu: withCtx(() => [
+      createVNode(_component_dao_dropdown_menu, null, {
+        default: withCtx(() => [
+          _ctx.type === "key" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.filteredKeys, (item, index2) => {
+            return openBlock(), createBlock(_component_dao_dropdown_item, {
+              key: index2,
+              onClick: ($event) => _ctx.selectKey(item)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]);
+          }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.filteredValues, (item, index2) => {
+            return openBlock(), createBlock(_component_dao_dropdown_item, {
+              key: index2,
+              onClick: ($event) => _ctx.selectValue(item)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]);
+          }), 128))
+        ]),
+        _: 1
+      })
+    ]),
+    default: withCtx(() => [
+      createVNode(_component_dao_input, {
+        ref: "daoInputSearchRef",
+        modelValue: _ctx.searchText,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.searchText = $event),
+        type: "search",
+        borderless: "",
+        block: "",
+        placeholder: _ctx.computedSearchPlaceholder,
+        onKeyup: withKeys(_ctx.handleEnter, ["enter"]),
+        onClick: _ctx.showPopover
+      }, null, 8, ["modelValue", "placeholder", "onKeyup", "onClick"])
+    ]),
+    _: 1
+  }, 8, ["visible"]);
 }
-const tableProps = {
-  id: {
+var DaoToolbarFilter = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+const toolbarProps = {
+  search: {
+    type: Object,
+    default: () => ({})
+  },
+  searchPlaceholder: {
     type: String,
-    require: true
+    default: ""
   },
-  columns: {
+  searchOptions: {
     type: Array,
     default: () => []
   },
-  data: {
-    type: Array,
-    default: () => []
+  fuzzy: {
+    type: Object,
+    default: void 0
   },
-  showHeader: {
+  hideRefresh: {
     type: Boolean,
-    default: true
+    default: false
   },
-  selectable: {
-    type: [Function, Boolean],
+  hideSearch: {
+    type: Boolean,
     default: false
   },
-  selectedRows: {
-    type: Array,
-    default: () => []
-  },
-  expandable: {
-    type: Boolean,
-    default: false
-  },
-  sort: {
-    type: Object,
-    default: () => ({ id: "", desc: true })
-  },
-  compact: {
-    type: Boolean,
-    default: false
-  },
-  pageSize: {
-    type: Number,
-    default: 10,
-    validator: (val) => val > 0 && Math.floor(val) === val
-  },
-  pageSizeOptions: {
-    type: Array,
-    default: () => [10, 20, 50]
-  },
-  pageFormat: {
-    type: Function,
-    default: void 0
-  },
-  total: {
-    type: Number,
-    default: 0
-  },
-  totalFormat: {
-    type: Function,
-    required: false
-  },
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  pageSizerWidth: {
-    type: Number,
-    default: 110
-  },
-  emptyText: {
-    type: String,
-    default: void 0
-  },
   noShadow: {
     type: Boolean,
     default: false
-  },
-  pageLayout: paginationProps.layout
-};
-const _sfc_main$a = defineComponent({
-  components: {
-    DaoActionIcon,
-    DaoDropdown,
-    DaoDropdownMenu
-  },
-  setup() {
-    function handleClick(e) {
-      e.stopRowClick = true;
-    }
-    return {
-      handleClick
-    };
   }
-});
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_action_icon = resolveComponent("dao-action-icon");
-  const _component_dao_dropdown_menu = resolveComponent("dao-dropdown-menu");
-  const _component_dao_dropdown = resolveComponent("dao-dropdown");
-  return openBlock(), createBlock(_component_dao_dropdown, { placement: "bottom-end" }, {
-    menu: withCtx(() => [
-      createVNode(_component_dao_dropdown_menu, null, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      })
-    ]),
-    default: withCtx(() => [
-      createVNode(_component_dao_action_icon, {
-        name: "icon-more-vertical",
-        "data-action-td": "",
-        "use-font": "",
-        onClick: _ctx.handleClick
-      }, null, 8, ["onClick"])
-    ]),
-    _: 3
-  });
-}
-var TdAction = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8]]);
-var table_vue_vue_type_style_index_0_lang = "";
-const positiveIntegerNumberReg = /^[1-9]\d*$/;
-const defaultColumnConfig = {
-  defaultWidth: 1,
-  minWidth: 56,
-  sortable: false,
-  resizable: true,
-  hidable: true,
-  defaultHide: false
 };
-const defaultSelectableFn = () => true;
-const _sfc_main$9 = defineComponent({
-  name: "DaoTable",
+var toolbar_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$7 = defineComponent({
+  name: "DaoToolbar",
   components: {
-    DaoResizer,
-    DaoPagination,
-    DaoCheckbox,
-    TdAction
+    DaoActionIcon,
+    DaoToolbarFilter,
+    DaoTag
   },
-  props: tableProps,
-  emits: [
-    "select",
-    "update:selectedRows",
-    "sortChange",
-    "hideColumn",
-    "afterResize",
-    "expandToggle",
-    "update:current-page",
-    "update:page-size",
-    "next",
-    "prev",
-    "pageChange",
-    "sizeChange",
-    "row-click"
-  ],
+  props: toolbarProps,
+  emits: ["update:search", "search", "refresh"],
   setup(props, { emit }) {
     const { t } = useI18n();
-    const tableId = computed(() => `DAO_TABLE_${props.id}`);
-    const tableSetting = reactive({});
-    const sort = reactive(props.sort);
-    const textContent = computed(() => ({
-      emptyText: props.emptyText || t("core.table.emptyText")
-    }));
-    const expandRows = reactive([]);
-    const global2 = reactive({
-      checked: false,
-      indeterminate: false
-    });
-    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(() => {
+    const searchModel = useVModel(props, "search", emit);
+    const isFuzzyOption = (key) => {
       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);
+      if (((_a2 = props.fuzzy) == null ? void 0 : _a2.key) === key) {
+        return true;
       }
-      emit("select", Array.from(selectedRowsSet));
+      return false;
     };
-    const clearSelection = () => {
-      selectedRowsSet.forEach((item) => {
-        if (selectableRows.value.has(item)) {
-          selectedRowsSet.delete(item);
-        }
-      });
+    const getKeyLabel = (key) => {
+      var _a2;
+      const target = props.searchOptions.find((i) => i.key === key);
+      return (_a2 = target == null ? void 0 : target.label) != null ? _a2 : key;
     };
-    const selectedAll = () => {
-      props.data.forEach((item) => {
-        if (selectableRows.value.has(item)) {
-          selectedRowsSet.add(item);
-        }
-      });
+    const getValueLabel = (key, value) => {
+      var _a2, _b2, _c;
+      const searchOption = props.searchOptions.find((i) => i.key === key);
+      return (_c = (_b2 = (_a2 = searchOption == null ? void 0 : searchOption.values) == null ? void 0 : _a2.find((i) => i.value === value)) == null ? void 0 : _b2.label) != null ? _c : value;
     };
-    const toggleSelectedAll = () => {
-      if (!global2.checked || global2.indeterminate) {
-        selectedAll();
-      } else {
-        clearSelection();
+    const removeValue = (key, valueIndex) => {
+      searchModel.value[key].splice(valueIndex, 1);
+      if (searchModel.value[key].length === 0) {
+        delete searchModel.value[key];
       }
-      emit("select", Array.from(selectedRowsSet));
+      emit("search");
     };
-    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);
-          }
-        }
-      }
+    const clearFilter = () => {
+      Object.keys(searchModel.value).forEach((key) => {
+        delete searchModel.value[key];
+      });
+      emit("search");
     };
-    watch([() => props.data, selectedRowsModel], handleSelectedRows, {
-      immediate: true,
-      deep: true
-    });
-    watch([selectedRowsSet, selectableRows], () => {
-      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.splice(0, selectedRowsModel.value.length, ...Array.from(selectedRowsSet));
-    }, {
-      deep: true,
-      immediate: true,
-      flush: "post"
-    });
-    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) {
-      return tempColumns.reduce((prev, current) => {
-        const preValue = prev;
-        preValue[current.id] = {
-          width: current.defaultWidth,
-          hide: current.hidable && current.defaultHide
-        };
-        return preValue;
-      }, {});
-    }
-    const init = () => {
-      const tempColumns = [];
-      props.columns.forEach((column) => {
-        tempColumns.push(__spreadValues(__spreadValues({}, defaultColumnConfig), column));
-      });
-      const storedTableSetting = getTableSetting();
-      const defaultTableSetting = formatDefaultTableSetting(tempColumns);
-      if (!storedTableSetting) {
-        Object.assign(tableSetting, defaultTableSetting);
-      } else {
-        tempColumns.forEach((column) => {
-          const { id } = column;
-          if (!storedTableSetting[id]) {
-            tableSetting[id] = {
-              width: column.defaultWidth,
-              hide: column.hidable && column.defaultHide
-            };
-          } else if (!column.hidable) {
-            tableSetting[id] = {
-              width: storedTableSetting[id].width,
-              hide: false
-            };
-          } else {
-            tableSetting[id] = storedTableSetting[id];
-          }
-        });
-      }
-      columns.splice(0, columns.length, ...tempColumns);
-    };
-    const columnStyle = (id) => {
-      const setting = tableSetting[id];
-      const { width } = setting;
-      if (positiveIntegerNumberReg.test(width.toString())) {
-        return { flex: `${width} ${width} auto` };
-      }
-      return { width };
-    };
-    const filterColumns = computed(() => columns.filter((c) => !tableSetting[c.id].hide));
-    const tableWrapperClasses = computed(() => {
-      const classes = [];
-      if (props.compact) {
-        classes.push("dao-table--compact");
-      }
-      if (props.selectable) {
-        classes.push("dao-table--selectable");
-      }
-      if (props.expandable) {
-        classes.push("dao-table--expandable");
-      }
-      return classes;
-    });
-    const isEmpty2 = computed(() => (props.data || []).length === 0);
-    const sortColumn = (column) => {
-      if (!column.sortable) {
-        return;
-      }
-      if (sort.id === column.id) {
-        sort.desc = !sort.desc;
-      } else {
-        sort.id = column.id;
-        sort.desc = true;
-      }
-      emit("sortChange", sort);
-    };
-    const thClass = (column) => {
-      if (column.sortable) {
-        return "dao-table-th--sortable";
-      }
-      return "";
-    };
-    const isRowExpanded = (row) => expandRows.includes(row);
-    const toggleExpand = (row, rowIndex) => {
-      expandedRows.add(row);
-      const index2 = expandRows.indexOf(row);
-      if (index2 > -1) {
-        expandRows.splice(index2, 1);
-        emit("expandToggle", row, rowIndex, false);
-      } else {
-        expandRows.push(row);
-        emit("expandToggle", row, rowIndex, true);
-      }
-    };
-    const fixedColumnWidth = () => {
-      columns.forEach((column) => {
-        tableSetting[column.id].width = `${columnRefs[column.id].clientWidth}px`;
-      });
-    };
-    const updateColumnWidth = (columnWidth, columnId) => {
-      tableSetting[columnId].width = `${columnWidth}px`;
-    };
-    const clearExpansion = () => {
-      expandRows.length = 0;
-    };
-    const clearState = () => {
-      clearExpansion();
-      clearSelection();
-    };
-    watch(() => props.columns, () => {
-      init();
-    }, { deep: true, immediate: true });
-    const isEllipsis = () => {
-      if (!tableScroll.value) {
-        return false;
-      }
-      return tableScroll.value.offsetWidth < tableScroll.value.scrollWidth;
-    };
-    const windowResize = () => {
-      if (isEllipsis()) {
-        return;
-      }
-      columns.forEach((column) => {
-        const width = column.defaultWidth;
-        if (positiveIntegerNumberReg.test(width.toString())) {
-          tableSetting[column.id].width = width;
-        }
-      });
-    };
-    onMounted(() => {
-      window.addEventListener("resize", windowResize);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("resize", windowResize);
-    });
-    function onRowClick(e, row, rowIndex) {
-      if (e.stopRowClick) {
-        return;
-      }
-      emit("row-click", row, rowIndex);
-    }
     return {
-      textContent,
-      columns,
-      filterColumns,
-      tableWrapperClasses,
-      tableSetting,
-      columnStyle,
-      sortColumn,
-      sort,
-      thClass,
-      isRowExpanded,
-      toggleExpand,
-      setColumnRef,
-      fixedColumnWidth,
-      updateColumnWidth,
-      currentPage,
-      pageSize,
-      clearState,
-      global: global2,
-      tableScroll,
-      expandedRows,
-      onRowClick,
-      isEmpty: isEmpty2,
-      selectableRows,
-      isRowSelected,
-      toggleSelected,
-      toggleSelectedAll,
-      withDefaultValue
+      t,
+      searchModel,
+      isFuzzyOption,
+      removeValue,
+      clearFilter,
+      getKeyLabel,
+      getValueLabel
     };
   }
 });
-const _hoisted_1$5 = { class: "dao-table" };
-const _hoisted_2$4 = {
-  key: 0,
-  class: "dao-table-thead"
-};
-const _hoisted_3$3 = { class: "dao-table-tr" };
-const _hoisted_4$1 = {
-  key: 0,
-  class: "dao-table-th"
-};
-const _hoisted_5$1 = {
-  key: 1,
-  class: "dao-table-th dao-table-th--expandable"
-};
-const _hoisted_6$1 = ["onClick"];
-const _hoisted_7$1 = { class: "dao-table-th__content" };
-const _hoisted_8 = { class: "dao-table-tbody" };
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = {
+const _hoisted_1$4 = { class: "dao-toolbar" };
+const _hoisted_2$3 = {
   key: 0,
-  class: "dao-table-td"
+  class: "dao-toolbar__filter"
 };
-const _hoisted_11 = {
+const _hoisted_3$2 = {
   key: 1,
-  class: "dao-table-td"
+  class: "dao-toolbar__search"
 };
-const _hoisted_12 = ["onClick"];
-const _hoisted_13 = {
-  key: 0,
-  class: "dao-table-tr-expand"
+const _hoisted_4$1 = { class: "dao-toolbar__actions" };
+const _hoisted_5$1 = {
+  key: 2,
+  class: "dao-toolbar__primary-action"
 };
-const _hoisted_14 = {
+const _hoisted_6$1 = {
   key: 0,
-  class: "dao-table__empty-block"
+  class: "dao-toolbar__tag-container"
 };
-const _hoisted_15 = { class: "dao-table-pagination" };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_checkbox = resolveComponent("dao-checkbox");
-  const _component_dao_resizer = resolveComponent("dao-resizer");
-  const _component_td_action = resolveComponent("td-action");
-  const _component_dao_pagination = resolveComponent("dao-pagination");
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_toolbar_filter = resolveComponent("dao-toolbar-filter");
+  const _component_dao_action_icon = resolveComponent("dao-action-icon");
+  const _component_dao_tag = resolveComponent("dao-tag");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["dao-table-container", { "dao-table-container--with-shadow": !_ctx.noShadow }])
+    class: normalizeClass(["dao-toolbar-container", { "dao-toolbar-container--with-shadow": !_ctx.noShadow }])
   }, [
-    createElementVNode("div", {
-      ref: "tableScroll",
-      class: normalizeClass(["dao-table-scroll", _ctx.tableWrapperClasses])
-    }, [
-      createElementVNode("table", _hoisted_1$5, [
-        _ctx.showHeader ? (openBlock(), createElementBlock("thead", _hoisted_2$4, [
-          createElementVNode("tr", _hoisted_3$3, [
-            _ctx.selectable ? (openBlock(), createElementBlock("th", _hoisted_4$1, [
-              createVNode(_component_dao_checkbox, {
-                checked: _ctx.global.checked,
-                indeterminate: _ctx.global.indeterminate,
-                onChange: _ctx.toggleSelectedAll
-              }, null, 8, ["checked", "indeterminate", "onChange"])
-            ])) : createCommentVNode("", true),
-            _ctx.expandable ? (openBlock(), createElementBlock("th", _hoisted_5$1)) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterColumns, (column) => {
-              return openBlock(), createElementBlock("th", {
-                key: column.id,
-                ref: (el) => _ctx.setColumnRef(column.id, el),
-                class: normalizeClass(["dao-table-th", _ctx.thClass(column)]),
-                style: normalizeStyle(_ctx.columnStyle(column.id)),
-                onClick: ($event) => _ctx.sortColumn(column)
-              }, [
-                createElementVNode("span", _hoisted_7$1, [
-                  renderSlot(_ctx.$slots, `th-${column.id}`, { column }, () => [
-                    createTextVNode(toDisplayString(column.header), 1)
-                  ])
-                ]),
-                column.sortable ? withDirectives((openBlock(), createElementBlock("i", {
-                  key: 0,
-                  class: normalizeClass(["icon-sorting dao-table-sort-icon", { "dao-table-sort-icon--desc": _ctx.sort.desc }])
-                }, null, 2)), [
-                  [vShow, _ctx.sort.id === column.id]
-                ]) : createCommentVNode("", true),
-                createVNode(_component_dao_resizer, {
-                  disabled: !column.resizable,
-                  setting: _ctx.tableSetting[column.id],
-                  column,
-                  onFixedColumnWidth: _ctx.fixedColumnWidth,
-                  onUpdateColumnWidth: ($event) => _ctx.updateColumnWidth($event, column.id),
-                  onAfterResize: ($event) => _ctx.$emit("afterResize", column.id)
-                }, null, 8, ["disabled", "setting", "column", "onFixedColumnWidth", "onUpdateColumnWidth", "onAfterResize"])
-              ], 14, _hoisted_6$1);
-            }), 128))
-          ])
-        ])) : createCommentVNode("", true),
-        createElementVNode("tbody", _hoisted_8, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row, index2) => {
-            return openBlock(), createElementBlock(Fragment, { key: index2 }, [
-              createElementVNode("tr", {
-                class: normalizeClass(["dao-table-tr", { "dao-table-tr--expandable-open": _ctx.expandable && _ctx.isRowExpanded(row) }]),
-                onClick: (e) => _ctx.onRowClick(e, row, index2)
-              }, [
-                _ctx.selectable ? (openBlock(), createElementBlock("td", _hoisted_10, [
-                  createVNode(_component_dao_checkbox, {
-                    disabled: !_ctx.selectableRows.has(row),
-                    checked: _ctx.isRowSelected(row),
-                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                    }, ["stop"])),
-                    onChange: ($event) => _ctx.toggleSelected(row)
-                  }, null, 8, ["disabled", "checked", "onChange"])
-                ])) : createCommentVNode("", true),
-                _ctx.expandable ? (openBlock(), createElementBlock("td", _hoisted_11, [
-                  createElementVNode("i", {
-                    class: "dao-table-expand-toggle icon-arrow-sharp",
-                    onClick: ($event) => _ctx.toggleExpand(row, index2)
-                  }, null, 8, _hoisted_12)
-                ])) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterColumns, (column) => {
-                  return openBlock(), createElementBlock(Fragment, {
-                    key: column.id
-                  }, [
-                    column.id === "action" ? (openBlock(), createElementBlock("td", {
-                      key: 0,
-                      class: "dao-table-td",
-                      style: normalizeStyle(_ctx.columnStyle(column.id))
-                    }, [
-                      renderSlot(_ctx.$slots, `td-${column.id}`, {
-                        value: row[column.id],
-                        row,
-                        rowIndex: index2
-                      }, () => [
-                        createVNode(_component_td_action, null, {
-                          default: withCtx(() => [
-                            renderSlot(_ctx.$slots, `td-${column.id}-menu`, {
-                              value: row[column.id],
-                              row,
-                              rowIndex: index2
-                            })
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ])
-                    ], 4)) : (openBlock(), createElementBlock("td", {
-                      key: 1,
-                      class: "dao-table-td",
-                      style: normalizeStyle(_ctx.columnStyle(column.id))
-                    }, [
-                      renderSlot(_ctx.$slots, `td-${column.id}`, {
-                        value: row[column.id],
-                        row,
-                        rowIndex: index2
-                      }, () => [
-                        createElementVNode("span", null, toDisplayString(_ctx.withDefaultValue(row[column.id])), 1)
-                      ])
-                    ], 4))
-                  ], 64);
-                }), 128))
-              ], 10, _hoisted_9),
-              _ctx.expandable && _ctx.expandedRows.has(row) ? withDirectives((openBlock(), createElementBlock("tr", _hoisted_13, [
-                renderSlot(_ctx.$slots, "expand", {
-                  row,
-                  rowIndex: index2
-                })
-              ], 512)), [
-                [vShow, _ctx.isRowExpanded(row)]
-              ]) : createCommentVNode("", true)
-            ], 64);
-          }), 128)),
-          _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_14, [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createTextVNode(toDisplayString(_ctx.textContent.emptyText), 1)
-            ])
-          ])) : createCommentVNode("", true)
+    createElementVNode("div", _hoisted_1$4, [
+      _ctx.$slots.filter ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+        renderSlot(_ctx.$slots, "filter", { classNames: {
+          label: "dao-toolbar__filter-label",
+          widget: "dao-toolbar__filter-widget"
+        } })
+      ])) : createCommentVNode("", true),
+      !_ctx.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+        renderSlot(_ctx.$slots, "search", {}, () => [
+          createVNode(_component_dao_toolbar_filter, {
+            search: _ctx.searchModel,
+            "onUpdate:search": _cache[0] || (_cache[0] = ($event) => _ctx.searchModel = $event),
+            "search-placeholder": _ctx.searchPlaceholder,
+            "search-options": _ctx.searchOptions,
+            fuzzy: _ctx.fuzzy,
+            onSearch: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search"))
+          }, null, 8, ["search", "search-placeholder", "search-options", "fuzzy"])
         ])
-      ])
-    ], 2),
-    createElementVNode("div", _hoisted_15, [
-      renderSlot(_ctx.$slots, "pagination", {}, () => {
-        var _a2;
-        return [
-          !_ctx.isEmpty && ((_a2 = _ctx.pageLayout) == null ? void 0 : _a2.length) ? (openBlock(), createBlock(_component_dao_pagination, {
-            key: 0,
-            "current-page": _ctx.currentPage,
-            "onUpdate:current-page": _cache[1] || (_cache[1] = ($event) => _ctx.currentPage = $event),
-            "page-size": _ctx.pageSize,
-            "onUpdate:page-size": _cache[2] || (_cache[2] = ($event) => _ctx.pageSize = $event),
-            "page-size-options": _ctx.pageSizeOptions,
-            "page-format": _ctx.pageFormat,
-            compact: _ctx.compact,
-            total: _ctx.total,
-            "total-format": _ctx.totalFormat,
-            layout: _ctx.pageLayout,
-            "page-sizer-width": _ctx.pageSizerWidth,
-            onNext: _cache[3] || (_cache[3] = ($event) => {
-              _ctx.$emit("next", $event);
-              _ctx.clearState();
-            }),
-            onPrev: _cache[4] || (_cache[4] = ($event) => {
-              _ctx.$emit("prev", $event);
-              _ctx.clearState();
-            }),
-            onPageChange: _cache[5] || (_cache[5] = ($event) => {
-              _ctx.$emit("pageChange", $event);
-              _ctx.clearState();
-            }),
-            onSizeChange: _cache[6] || (_cache[6] = ($event) => {
-              _ctx.$emit("sizeChange", $event);
-              _ctx.clearState();
-            })
-          }, null, 8, ["current-page", "page-size", "page-size-options", "page-format", "compact", "total", "total-format", "layout", "page-sizer-width"])) : createCommentVNode("", true)
-        ];
+      ])) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_4$1, [
+        !_ctx.hideRefresh ? (openBlock(), createBlock(_component_dao_action_icon, {
+          key: 0,
+          class: "dao-toolbar__actions-refresh",
+          name: "icon-refresh",
+          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("refresh"))
+        })) : createCommentVNode("", true)
+      ]),
+      _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        renderSlot(_ctx.$slots, "action")
+      ])) : createCommentVNode("", true)
+    ]),
+    _ctx.search && Object.keys(_ctx.search).length ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.search, (values, key) => {
+        return openBlock(), createElementBlock(Fragment, { key }, [
+          _ctx.isFuzzyOption(key) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(values, (value, index2) => {
+            return openBlock(), createBlock(_component_dao_tag, {
+              key: index2,
+              "is-close-show": "",
+              closable: "",
+              onClose: ($event) => _ctx.removeValue(key, index2)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(value), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClose"]);
+          }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(values, (value, index2) => {
+            return openBlock(), createBlock(_component_dao_tag, {
+              key: index2,
+              "is-close-show": "",
+              closable: "",
+              onClose: ($event) => _ctx.removeValue(key, index2)
+            }, {
+              label: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.getKeyLabel(key)), 1)
+              ]),
+              value: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.getValueLabel(key, value)), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClose"]);
+          }), 128))
+        ], 64);
+      }), 128)),
+      createElementVNode("span", {
+        class: "dao-toolbar__clear",
+        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.clearFilter && _ctx.clearFilter(...args))
+      }, toDisplayString(_ctx.t("core.toolbar.clear")), 1)
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var DaoToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
+var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+var freeGlobal$1 = freeGlobal;
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal$1 || freeSelf || Function("return this")();
+var root$1 = root;
+var Symbol$1 = root$1.Symbol;
+var Symbol$2 = Symbol$1;
+var objectProto$6 = Object.prototype;
+var hasOwnProperty$4 = objectProto$6.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$6.toString;
+var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function getRawTag(value) {
+  var isOwn = hasOwnProperty$4.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = void 0;
+    var unmasked = true;
+  } catch (e) {
+  }
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var objectProto$5 = Object.prototype;
+var nativeObjectToString = objectProto$5.toString;
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function baseGetTag(value) {
+  if (value == null) {
+    return value === void 0 ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+function isObjectLike(value) {
+  return value != null && typeof value == "object";
+}
+var isArray = Array.isArray;
+var isArray$1 = isArray;
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+function isFunction(value) {
+  if (!isObject(value)) {
+    return false;
+  }
+  var tag = baseGetTag(value);
+  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+var coreJsData = root$1["__core-js_shared__"];
+var coreJsData$1 = coreJsData;
+var maskSrcKey = function() {
+  var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || "");
+  return uid ? "Symbol(src)_1." + uid : "";
+}();
+function isMasked(func) {
+  return !!maskSrcKey && maskSrcKey in func;
+}
+var funcProto$1 = Function.prototype;
+var funcToString$1 = funcProto$1.toString;
+function toSource(func) {
+  if (func != null) {
+    try {
+      return funcToString$1.call(func);
+    } catch (e) {
+    }
+    try {
+      return func + "";
+    } catch (e) {
+    }
+  }
+  return "";
+}
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
+var funcProto = Function.prototype, objectProto$4 = Object.prototype;
+var funcToString = funcProto.toString;
+var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
+var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty$3).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+function baseIsNative(value) {
+  if (!isObject(value) || isMasked(value)) {
+    return false;
+  }
+  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(toSource(value));
+}
+function getValue(object, key) {
+  return object == null ? void 0 : object[key];
+}
+function getNative(object, key) {
+  var value = getValue(object, key);
+  return baseIsNative(value) ? value : void 0;
+}
+var WeakMap = getNative(root$1, "WeakMap");
+var WeakMap$1 = WeakMap;
+var MAX_SAFE_INTEGER = 9007199254740991;
+function isLength(value) {
+  return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+}
+function isArrayLike(value) {
+  return value != null && isLength(value.length) && !isFunction(value);
+}
+var objectProto$3 = Object.prototype;
+function isPrototype(value) {
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$3;
+  return value === proto;
+}
+var argsTag$1 = "[object Arguments]";
+function baseIsArguments(value) {
+  return isObjectLike(value) && baseGetTag(value) == argsTag$1;
+}
+var objectProto$2 = Object.prototype;
+var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+var propertyIsEnumerable = objectProto$2.propertyIsEnumerable;
+var isArguments = baseIsArguments(function() {
+  return arguments;
+}()) ? baseIsArguments : function(value) {
+  return isObjectLike(value) && hasOwnProperty$2.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+};
+var isArguments$1 = isArguments;
+function stubFalse() {
+  return false;
+}
+var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
+var Buffer2 = moduleExports$1 ? root$1.Buffer : void 0;
+var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
+var isBuffer = nativeIsBuffer || stubFalse;
+var isBuffer$1 = isBuffer;
+var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag$2 = "[object Map]", numberTag = "[object Number]", objectTag$1 = "[object Object]", regexpTag = "[object RegExp]", setTag$2 = "[object Set]", stringTag = "[object String]", weakMapTag$1 = "[object WeakMap]";
+var arrayBufferTag = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+var typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag$1] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag] = typedArrayTags[objectTag$1] = typedArrayTags[regexpTag] = typedArrayTags[setTag$2] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag$1] = false;
+function baseIsTypedArray(value) {
+  return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+}
+function baseUnary(func) {
+  return function(value) {
+    return func(value);
+  };
+}
+var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports = freeModule && freeModule.exports === freeExports;
+var freeProcess = moduleExports && freeGlobal$1.process;
+var nodeUtil = function() {
+  try {
+    var types = freeModule && freeModule.require && freeModule.require("util").types;
+    if (types) {
+      return types;
+    }
+    return freeProcess && freeProcess.binding && freeProcess.binding("util");
+  } catch (e) {
+  }
+}();
+var nodeUtil$1 = nodeUtil;
+var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
+var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+var isTypedArray$1 = isTypedArray;
+function overArg(func, transform) {
+  return function(arg) {
+    return func(transform(arg));
+  };
+}
+var nativeKeys = overArg(Object.keys, Object);
+var nativeKeys$1 = nativeKeys;
+var objectProto$1 = Object.prototype;
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+function baseKeys(object) {
+  if (!isPrototype(object)) {
+    return nativeKeys$1(object);
+  }
+  var result = [];
+  for (var key in Object(object)) {
+    if (hasOwnProperty$1.call(object, key) && key != "constructor") {
+      result.push(key);
+    }
+  }
+  return result;
+}
+var Map$1 = getNative(root$1, "Map");
+var Map$2 = Map$1;
+var DataView = getNative(root$1, "DataView");
+var DataView$1 = DataView;
+var Promise$1 = getNative(root$1, "Promise");
+var Promise$2 = Promise$1;
+var Set$1 = getNative(root$1, "Set");
+var Set$2 = Set$1;
+var mapTag$1 = "[object Map]", objectTag = "[object Object]", promiseTag = "[object Promise]", setTag$1 = "[object Set]", weakMapTag = "[object WeakMap]";
+var dataViewTag = "[object DataView]";
+var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$2), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$2), weakMapCtorString = toSource(WeakMap$1);
+var getTag = baseGetTag;
+if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag || Map$2 && getTag(new Map$2()) != mapTag$1 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$2 && getTag(new Set$2()) != setTag$1 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag) {
+  getTag = function(value) {
+    var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+    if (ctorString) {
+      switch (ctorString) {
+        case dataViewCtorString:
+          return dataViewTag;
+        case mapCtorString:
+          return mapTag$1;
+        case promiseCtorString:
+          return promiseTag;
+        case setCtorString:
+          return setTag$1;
+        case weakMapCtorString:
+          return weakMapTag;
+      }
+    }
+    return result;
+  };
+}
+var getTag$1 = getTag;
+var mapTag = "[object Map]", setTag = "[object Set]";
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+function isEmpty(value) {
+  if (value == null) {
+    return true;
+  }
+  if (isArrayLike(value) && (isArray$1(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer$1(value) || isTypedArray$1(value) || isArguments$1(value))) {
+    return !value.length;
+  }
+  var tag = getTag$1(value);
+  if (tag == mapTag || tag == setTag) {
+    return !value.size;
+  }
+  if (isPrototype(value)) {
+    return !baseKeys(value).length;
+  }
+  for (var key in value) {
+    if (hasOwnProperty.call(value, key)) {
+      return false;
+    }
+  }
+  return true;
+}
+function isNil(value) {
+  return value == null;
+}
+function withDefaultValue(val) {
+  return isNil(val) || isObject(val) && isEmpty(val) ? "-" : val;
+}
+const tableProps = __spreadValues({
+  id: {
+    type: String,
+    require: true
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  data: {
+    type: Array,
+    default: () => []
+  },
+  showHeader: {
+    type: Boolean,
+    default: true
+  },
+  selectable: {
+    type: [Function, Boolean],
+    default: false
+  },
+  selectedRows: {
+    type: Array,
+    default: () => []
+  },
+  expandable: {
+    type: Boolean,
+    default: false
+  },
+  sort: {
+    type: Object,
+    default: () => ({ id: "", desc: true })
+  },
+  compact: {
+    type: Boolean,
+    default: false
+  },
+  pageSize: {
+    type: Number,
+    default: 10,
+    validator: (val) => val > 0 && Math.floor(val) === val
+  },
+  pageSizeOptions: {
+    type: Array,
+    default: () => [10, 20, 50]
+  },
+  pageFormat: {
+    type: Function,
+    default: void 0
+  },
+  total: {
+    type: Number,
+    default: 0
+  },
+  totalFormat: {
+    type: Function,
+    required: false
+  },
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageSizerWidth: {
+    type: Number,
+    default: 110
+  },
+  emptyText: {
+    type: String,
+    default: void 0
+  },
+  pageLayout: paginationProps.layout,
+  hideBatchBar: {
+    type: Boolean,
+    default: false
+  },
+  hideToolbar: {
+    type: Boolean,
+    default: false
+  },
+  selectedFormat: {
+    type: Function,
+    default: void 0
+  },
+  deselectText: {
+    type: String,
+    default: void 0
+  },
+  removeText: {
+    type: String,
+    default: void 0
+  }
+}, toolbarProps);
+const _sfc_main$6 = defineComponent({
+  components: {
+    DaoActionIcon,
+    DaoDropdown,
+    DaoDropdownMenu
+  },
+  setup() {
+    function handleClick(e) {
+      e.stopRowClick = true;
+    }
+    return {
+      handleClick
+    };
+  }
+});
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_action_icon = resolveComponent("dao-action-icon");
+  const _component_dao_dropdown_menu = resolveComponent("dao-dropdown-menu");
+  const _component_dao_dropdown = resolveComponent("dao-dropdown");
+  return openBlock(), createBlock(_component_dao_dropdown, { placement: "bottom-end" }, {
+    menu: withCtx(() => [
+      createVNode(_component_dao_dropdown_menu, null, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
       })
-    ])
-  ], 2);
+    ]),
+    default: withCtx(() => [
+      createVNode(_component_dao_action_icon, {
+        name: "icon-more-vertical",
+        "data-action-td": "",
+        "use-font": "",
+        onClick: _ctx.handleClick
+      }, null, 8, ["onClick"])
+    ]),
+    _: 3
+  });
 }
-var table = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$7]]);
-var tabNav_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$8 = defineComponent({
-  name: "DaoTabNav",
-  props: {
-    type: {
-      type: String,
-      default: "card"
-    },
-    currentTab: {
-      type: String,
-      default: null
-    },
-    tabList: {
-      type: Array,
-      required: true
-    }
+var TdAction = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
+var table_vue_vue_type_style_index_0_lang = "";
+const positiveIntegerNumberReg = /^[1-9]\d*$/;
+const defaultColumnConfig = {
+  defaultWidth: 1,
+  minWidth: 56,
+  sortable: false,
+  resizable: true,
+  hidable: true,
+  defaultHide: false
+};
+const defaultSelectableFn = () => true;
+const _sfc_main$5 = defineComponent({
+  name: "DaoTable",
+  components: {
+    DaoBatchBar,
+    DaoResizer,
+    DaoPagination,
+    DaoCheckbox,
+    DaoToolbar,
+    TdAction
   },
-  emits: ["updateValue", "click"],
+  props: tableProps,
+  emits: [
+    "select",
+    "update:selectedRows",
+    "sortChange",
+    "hideColumn",
+    "afterResize",
+    "expandToggle",
+    "update:current-page",
+    "update:page-size",
+    "next",
+    "prev",
+    "pageChange",
+    "sizeChange",
+    "row-click",
+    "delete",
+    "update:search",
+    "search",
+    "refresh"
+  ],
   setup(props, { emit }) {
-    let onMouseenter;
-    let onMouseleave;
-    const activeTab = ref();
-    const tabNav = ref();
-    let lineStyle;
-    let setActiveLineStyle;
-    let tabResizeObserver;
-    const isLine = computed(() => props.type === "line");
-    const renderLines = () => {
-      if (!isLine.value) {
-        return;
+    const { t } = useI18n();
+    const tableId = computed(() => `DAO_TABLE_${props.id}`);
+    const tableSetting = reactive({});
+    const sort = reactive(props.sort);
+    const textContent = computed(() => ({
+      emptyText: props.emptyText || t("core.table.emptyText")
+    }));
+    const expandRows = reactive([]);
+    const global2 = reactive({
+      checked: false,
+      indeterminate: false
+    });
+    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);
+        emit("select", Array.from(selectedRowsSet), [], [row]);
+      } else {
+        selectedRowsSet.add(row);
+        emit("select", Array.from(selectedRowsSet), [row], []);
       }
-      const hoverTab = ref();
-      const hoverLineStyle = computed(() => {
-        const tab = unref(hoverTab);
-        return tab ? {
-          "--hover-line-width": `${tab.offsetWidth || 0}px`,
-          "--hover-line-left": `${tab.offsetLeft || 0}px`
-        } : {};
+    };
+    const clearSelection = () => {
+      let removedRowsSnapshot = Array.from(selectedRowsSet);
+      selectedRowsSet.forEach((item) => {
+        if (selectableRows.value.has(item)) {
+          selectedRowsSet.delete(item);
+        }
       });
-      onMouseenter = (event) => {
-        if (event.target) {
-          hoverTab.value = event.target;
+      emit("select", Array.from(selectedRowsSet), [], removedRowsSnapshot);
+      removedRowsSnapshot = [];
+    };
+    const selectedAll = () => {
+      props.data.forEach((item) => {
+        if (selectableRows.value.has(item)) {
+          selectedRowsSet.add(item);
         }
-      };
-      onMouseleave = (event) => {
-        if (event.target === hoverTab.value) {
-          hoverTab.value = void 0;
+      });
+      emit("select", Array.from(selectedRowsSet), Array.from(selectableRows.value), []);
+    };
+    const toggleSelectedAll = () => {
+      if (!global2.checked || global2.indeterminate) {
+        selectedAll();
+      } else {
+        clearSelection();
+      }
+    };
+    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);
+          }
         }
-      };
-      const activeLineStyle = ref({});
-      setActiveLineStyle = () => {
-        const tab = unref(activeTab);
-        if (tab && tab.offsetWidth && tab.offsetLeft !== void 0) {
-          activeLineStyle.value = {
-            "--active-line-width": `${tab.offsetWidth || 0}px`,
-            "--active-line-left": `${tab.offsetLeft || 0}px`
-          };
+      }
+    };
+    watch([() => props.data, selectedRowsModel], handleSelectedRows, {
+      immediate: true,
+      deep: true
+    });
+    watch([selectedRowsSet, selectableRows], () => {
+      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;
         }
-      };
-      watch(activeTab, (val) => {
-        setActiveLineStyle();
-        tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
-        tabResizeObserver = new ResizeObserver(setActiveLineStyle);
-        if (tabNav.value && val) {
-          tabResizeObserver.observe(val);
+        if (have && notHave) {
+          break;
         }
-      });
-      lineStyle = computed(() => __spreadValues(__spreadValues({}, activeLineStyle.value), hoverLineStyle.value));
+      }
+      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.splice(0, selectedRowsModel.value.length, ...Array.from(selectedRowsSet));
+    }, {
+      deep: true,
+      immediate: true,
+      flush: "post"
+    });
+    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 stopWatch = watch(isLine, (val) => {
-      if (val) {
-        renderLines();
-        stopWatch();
+    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);
     });
-    onMounted(renderLines);
-    onUnmounted(() => {
-      if (tabNav.value) {
-        tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+    function formatDefaultTableSetting(tempColumns) {
+      return tempColumns.reduce((prev, current) => {
+        const preValue = prev;
+        preValue[current.id] = {
+          width: current.defaultWidth,
+          hide: current.hidable && current.defaultHide
+        };
+        return preValue;
+      }, {});
+    }
+    const init = () => {
+      const tempColumns = [];
+      props.columns.forEach((column) => {
+        tempColumns.push(__spreadValues(__spreadValues({}, defaultColumnConfig), column));
+      });
+      const storedTableSetting = getTableSetting();
+      const defaultTableSetting = formatDefaultTableSetting(tempColumns);
+      if (!storedTableSetting) {
+        Object.assign(tableSetting, defaultTableSetting);
+      } else {
+        tempColumns.forEach((column) => {
+          const { id } = column;
+          if (!storedTableSetting[id]) {
+            tableSetting[id] = {
+              width: column.defaultWidth,
+              hide: column.hidable && column.defaultHide
+            };
+          } else if (!column.hidable) {
+            tableSetting[id] = {
+              width: storedTableSetting[id].width,
+              hide: false
+            };
+          } else {
+            tableSetting[id] = storedTableSetting[id];
+          }
+        });
+      }
+      columns.splice(0, columns.length, ...tempColumns);
+    };
+    const columnStyle = (id) => {
+      const setting = tableSetting[id];
+      const { width } = setting;
+      if (positiveIntegerNumberReg.test(width.toString())) {
+        return { flex: `${width} ${width} auto` };
+      }
+      return { width };
+    };
+    const filterColumns = computed(() => columns.filter((c) => !tableSetting[c.id].hide));
+    const tableWrapperClasses = computed(() => {
+      const classes = [];
+      if (props.compact) {
+        classes.push("dao-table--compact");
       }
+      if (props.selectable) {
+        classes.push("dao-table--selectable");
+      }
+      if (props.expandable) {
+        classes.push("dao-table--expandable");
+      }
+      return classes;
     });
-    const handleClick = (event, tab) => {
-      const {
-        value,
-        disabled
-      } = tab;
-      if (typeof disabled !== "undefined" && disabled) {
+    const isEmpty2 = computed(() => (props.data || []).length === 0);
+    const sortColumn = (column) => {
+      if (!column.sortable) {
         return;
       }
-      if (value !== props.currentTab) {
-        emit("updateValue", value);
+      if (sort.id === column.id) {
+        sort.desc = !sort.desc;
+      } else {
+        sort.id = column.id;
+        sort.desc = true;
       }
-      emit("click", event, value);
+      emit("sortChange", sort);
     };
-    const tabsLi = computed(() => props.tabList.map((tab, index2) => {
-      const { label } = tab;
-      const isNotString = typeof label !== "string";
-      const isActive = tab.value === props.currentTab;
-      const hasHoverLine = isLine.value && !tab.disabled;
-      const hasActiveLine = isLine.value && isActive;
-      return h("div", {
-        class: {
-          "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,
-        onClick: (event) => handleClick(event, tab),
-        onMouseenter: hasHoverLine ? onMouseenter : void 0,
-        onMouseleave: hasHoverLine ? onMouseleave : void 0
-      }, [isNotString ? label() : label]);
-    }));
-    return () => h("div", {
-      class: [
-        "dao-tabs__nav__scroll"
-      ]
-    }, h("div", {
-      class: [
-        "dao-tabs__nav"
-      ],
-      style: lineStyle == null ? void 0 : lineStyle.value,
-      ref: tabNav
-    }, tabsLi.value));
-  }
-});
-var tabs_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$7 = defineComponent({
-  name: "DaoTabs",
-  components: {
-    TabNav: _sfc_main$8
-  },
-  props: {
-    type: {
-      type: String,
-      default: "card",
-      validator: (value) => ["card", "line", "pill"].includes(value)
-    },
-    direction: {
-      type: String,
-      required: false,
-      default: "left",
-      validator: (value) => ["left", "right"].includes(value)
-    },
-    modelValue: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["change", "update:modelValue", "click"],
-  setup(props, { emit }) {
-    const { modelValue } = toRefs(props);
-    const currentValue = ref(modelValue.value);
-    watch(modelValue, (newV) => {
-      emit("change", newV);
-      if (newV !== currentValue.value) {
-        currentValue.value = newV;
+    const thClass = (column) => {
+      if (column.sortable) {
+        return "dao-table-th--sortable";
+      }
+      return "";
+    };
+    const isRowExpanded = (row) => expandRows.includes(row);
+    const toggleExpand = (row, rowIndex) => {
+      expandedRows.add(row);
+      const index2 = expandRows.indexOf(row);
+      if (index2 > -1) {
+        expandRows.splice(index2, 1);
+        emit("expandToggle", row, rowIndex, false);
+      } else {
+        expandRows.push(row);
+        emit("expandToggle", row, rowIndex, true);
+      }
+    };
+    const fixedColumnWidth = () => {
+      columns.forEach((column) => {
+        tableSetting[column.id].width = `${columnRefs[column.id].clientWidth}px`;
+      });
+    };
+    const updateColumnWidth = (columnWidth, columnId) => {
+      tableSetting[columnId].width = `${columnWidth}px`;
+    };
+    const clearExpansion = () => {
+      expandRows.length = 0;
+    };
+    const clearState = () => {
+      clearExpansion();
+      clearSelection();
+    };
+    const batchDelete = () => {
+      emit("delete");
+    };
+    const deselect = () => {
+      clearSelection();
+    };
+    const onSearch = () => {
+      emit("search");
+    };
+    const onRefresh = () => {
+      emit("refresh");
+    };
+    const searchModel = useVModel(props, "search", emit);
+    const showBatchBar = computed(() => props.selectable && !props.hideBatchBar);
+    const showToolbar = computed(() => {
+      if (props.hideToolbar || showBatchBar.value && selectedRowsSet.size !== 0) {
+        return false;
       }
+      return true;
     });
-    watch(currentValue, (newV) => {
-      if (newV !== modelValue.value) {
-        emit("update:modelValue", newV);
+    watch(() => props.columns, () => {
+      init();
+    }, { deep: true, immediate: true });
+    const isEllipsis = () => {
+      if (!tableScroll.value) {
+        return false;
       }
-    });
-    const updateValue = (tabValue) => {
-      currentValue.value = tabValue;
-    };
-    provide(tabModelValueKey, modelValue);
-    const onClick = (e, tabValue) => {
-      emit("click", e, tabValue);
+      return tableScroll.value.offsetWidth < tableScroll.value.scrollWidth;
     };
-    const tabList = reactive([]);
-    const tabBody = ref();
-    const addTab = (tab, child) => {
-      var _a2;
-      if (!child.value) {
+    const windowResize = () => {
+      if (isEllipsis()) {
         return;
       }
-      const index2 = Array.from(((_a2 = tabBody.value) == null ? void 0 : _a2.children) || []).indexOf(child.value);
-      if (index2 > -1) {
-        tabList.splice(index2, 0, tab);
-      }
+      columns.forEach((column) => {
+        const width = column.defaultWidth;
+        if (positiveIntegerNumberReg.test(width.toString())) {
+          tableSetting[column.id].width = width;
+        }
+      });
     };
-    provide(addTabFnKey, addTab);
-    const removeTab = (tab) => {
-      const index2 = tabList.indexOf(tab);
-      if (index2 > -1) {
-        tabList.splice(index2, 1);
+    onMounted(() => {
+      window.addEventListener("resize", windowResize);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", windowResize);
+    });
+    function onRowClick(e, row, rowIndex) {
+      if (e.stopRowClick) {
+        return;
       }
-    };
-    provide(removeTabFnKey, removeTab);
+      emit("row-click", row, rowIndex);
+    }
     return {
-      tabList,
-      tabBody,
-      onClick,
-      updateValue
+      textContent,
+      columns,
+      filterColumns,
+      tableWrapperClasses,
+      tableSetting,
+      columnStyle,
+      sortColumn,
+      sort,
+      thClass,
+      isRowExpanded,
+      toggleExpand,
+      setColumnRef,
+      fixedColumnWidth,
+      updateColumnWidth,
+      currentPage,
+      pageSize,
+      clearState,
+      global: global2,
+      tableScroll,
+      expandedRows,
+      onRowClick,
+      isEmpty: isEmpty2,
+      selectableRows,
+      isRowSelected,
+      toggleSelected,
+      toggleSelectedAll,
+      withDefaultValue,
+      batchDelete,
+      deselect,
+      showBatchBar,
+      onSearch,
+      onRefresh,
+      showToolbar,
+      searchModel
     };
   }
 });
-const _hoisted_1$4 = { class: "dao-tabs__nav__wrap" };
-const _hoisted_2$3 = {
+const _hoisted_1$3 = {
   key: 0,
-  class: "dao-tabs__action"
+  class: "dao-table__toolbar"
 };
-const _hoisted_3$2 = {
-  ref: "tabBody",
-  class: "dao-tabs__body"
+const _hoisted_2$2 = { class: "dao-table" };
+const _hoisted_3$1 = {
+  key: 0,
+  class: "dao-table-thead"
 };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_tab_nav = resolveComponent("tab-nav");
+const _hoisted_4 = { class: "dao-table-tr" };
+const _hoisted_5 = {
+  key: 0,
+  class: "dao-table-th"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "dao-table-th dao-table-th--expandable"
+};
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "dao-table-th__content" };
+const _hoisted_9 = { class: "dao-table-tbody" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
+  key: 0,
+  class: "dao-table-td"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "dao-table-td"
+};
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
+  key: 0,
+  class: "dao-table-tr-expand"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "dao-table__empty-block"
+};
+const _hoisted_16 = { class: "dao-table-pagination" };
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_toolbar = resolveComponent("dao-toolbar");
+  const _component_dao_batch_bar = resolveComponent("dao-batch-bar");
+  const _component_dao_checkbox = resolveComponent("dao-checkbox");
+  const _component_dao_resizer = resolveComponent("dao-resizer");
+  const _component_td_action = resolveComponent("td-action");
+  const _component_dao_pagination = resolveComponent("dao-pagination");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["dao-tabs", ["dao-tabs--" + _ctx.type, _ctx.direction === "right" ? "dao-tabs--right" : ""]])
+    class: normalizeClass(["dao-table-container", { "dao-table-container--with-shadow": !_ctx.noShadow }])
   }, [
+    _ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+      createVNode(_component_dao_toolbar, {
+        search: _ctx.searchModel,
+        "onUpdate:search": _cache[0] || (_cache[0] = ($event) => _ctx.searchModel = $event),
+        "search-options": _ctx.searchOptions,
+        fuzzy: _ctx.fuzzy,
+        "search-placeholder": _ctx.searchPlaceholder,
+        "hide-refresh": _ctx.hideRefresh,
+        "hide-search": _ctx.hideSearch,
+        "no-shadow": "",
+        onSearch: _ctx.onSearch,
+        onRefresh: _ctx.onRefresh
+      }, createSlots({
+        search: withCtx(() => [
+          renderSlot(_ctx.$slots, "search")
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.filter ? {
+          name: "filter",
+          fn: withCtx(({ classNames }) => [
+            renderSlot(_ctx.$slots, "filter", { classNames })
+          ])
+        } : void 0,
+        _ctx.$slots.action ? {
+          name: "action",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "action")
+          ])
+        } : void 0
+      ]), 1032, ["search", "search-options", "fuzzy", "search-placeholder", "hide-refresh", "hide-search", "onSearch", "onRefresh"])
+    ])) : createCommentVNode("", true),
+    withDirectives(createVNode(_component_dao_batch_bar, {
+      total: _ctx.selectedRows.length,
+      "deselect-text": _ctx.deselectText,
+      "remove-text": _ctx.removeText,
+      "selected-format": _ctx.selectedFormat,
+      onDelete: _ctx.batchDelete,
+      onDeselect: _ctx.deselect
+    }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "batch-action")
+      ]),
+      _: 3
+    }, 8, ["total", "deselect-text", "remove-text", "selected-format", "onDelete", "onDeselect"]), [
+      [vShow, _ctx.showBatchBar]
+    ]),
     createElementVNode("div", {
-      class: normalizeClass(["dao-tabs__header", "dao-tabs__header--" + _ctx.type])
+      ref: "tableScroll",
+      class: normalizeClass(["dao-table-scroll", _ctx.tableWrapperClasses])
     }, [
-      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$3, [
-        renderSlot(_ctx.$slots, "action")
-      ])) : createCommentVNode("", true)
-    ], 2),
-    createElementVNode("div", _hoisted_3$2, [
-      renderSlot(_ctx.$slots, "default")
-    ], 512)
-  ], 2);
-}
-var tabs = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
-var tabItem_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$6 = defineComponent({
-  name: "DaoTabItem",
-  props: {
-    label: {
-      type: [String, Function],
-      required: true
-    },
-    value: {
-      type: String,
-      required: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const tabModelValue = inject(tabModelValueKey);
-    const active = computed(() => (tabModelValue == null ? void 0 : tabModelValue.value) === props.value);
-    const tabItem2 = ref();
-    const addTabFn = inject(addTabFnKey, NOOP);
-    const removeTabFn = inject(removeTabFnKey, NOOP);
-    onMounted(() => addTabFn(props, tabItem2));
-    onUnmounted(() => removeTabFn(props));
-    return {
-      active,
-      tabItem: tabItem2
-    };
-  }
-});
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "tabItem",
-    class: normalizeClass(["dao-tab-item", {
-      "dao-tab-item--hidden": !_ctx.active
-    }])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-var tabItem = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
-var tag_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$5 = defineComponent({
-  name: "DaoTag",
-  components: {
-    DaoIcon
-  },
-  props: {
-    closable: {
-      type: Boolean,
-      default: false
-    },
-    separator: {
-      type: String,
-      default: ": "
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    value: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["close"]
-});
-const _hoisted_1$3 = { class: "dao-tag" };
-const _hoisted_2$2 = { class: "dao-tag__key" };
-const _hoisted_3$1 = { class: "dao-tag__value" };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_icon = resolveComponent("dao-icon");
-  return openBlock(), createElementBlock("span", _hoisted_1$3, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      createElementVNode("span", null, [
-        createElementVNode("span", _hoisted_2$2, [
-          renderSlot(_ctx.$slots, "label", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
-          ]),
-          createTextVNode(toDisplayString(_ctx.separator), 1)
-        ]),
-        createElementVNode("span", _hoisted_3$1, [
-          renderSlot(_ctx.$slots, "value", {}, () => [
-            createTextVNode(toDisplayString(_ctx.value), 1)
+      createElementVNode("table", _hoisted_2$2, [
+        _ctx.showHeader ? (openBlock(), createElementBlock("thead", _hoisted_3$1, [
+          createElementVNode("tr", _hoisted_4, [
+            _ctx.selectable ? (openBlock(), createElementBlock("th", _hoisted_5, [
+              createVNode(_component_dao_checkbox, {
+                checked: _ctx.global.checked,
+                indeterminate: _ctx.global.indeterminate,
+                onChange: _ctx.toggleSelectedAll
+              }, null, 8, ["checked", "indeterminate", "onChange"])
+            ])) : createCommentVNode("", true),
+            _ctx.expandable ? (openBlock(), createElementBlock("th", _hoisted_6)) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterColumns, (column) => {
+              return openBlock(), createElementBlock("th", {
+                key: column.id,
+                ref: (el) => _ctx.setColumnRef(column.id, el),
+                class: normalizeClass(["dao-table-th", _ctx.thClass(column)]),
+                style: normalizeStyle(_ctx.columnStyle(column.id)),
+                onClick: ($event) => _ctx.sortColumn(column)
+              }, [
+                createElementVNode("span", _hoisted_8, [
+                  renderSlot(_ctx.$slots, `th-${column.id}`, { column }, () => [
+                    createTextVNode(toDisplayString(column.header), 1)
+                  ])
+                ]),
+                column.sortable ? withDirectives((openBlock(), createElementBlock("i", {
+                  key: 0,
+                  class: normalizeClass(["icon-sorting dao-table-sort-icon", { "dao-table-sort-icon--desc": _ctx.sort.desc }])
+                }, null, 2)), [
+                  [vShow, _ctx.sort.id === column.id]
+                ]) : createCommentVNode("", true),
+                createVNode(_component_dao_resizer, {
+                  disabled: !column.resizable,
+                  setting: _ctx.tableSetting[column.id],
+                  column,
+                  onFixedColumnWidth: _ctx.fixedColumnWidth,
+                  onUpdateColumnWidth: ($event) => _ctx.updateColumnWidth($event, column.id),
+                  onAfterResize: ($event) => _ctx.$emit("afterResize", column.id)
+                }, null, 8, ["disabled", "setting", "column", "onFixedColumnWidth", "onUpdateColumnWidth", "onAfterResize"])
+              ], 14, _hoisted_7);
+            }), 128))
           ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("tbody", _hoisted_9, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row, index2) => {
+            return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+              createElementVNode("tr", {
+                class: normalizeClass(["dao-table-tr", { "dao-table-tr--expandable-open": _ctx.expandable && _ctx.isRowExpanded(row) }]),
+                onClick: (e) => _ctx.onRowClick(e, row, index2)
+              }, [
+                _ctx.selectable ? (openBlock(), createElementBlock("td", _hoisted_11, [
+                  createVNode(_component_dao_checkbox, {
+                    disabled: !_ctx.selectableRows.has(row),
+                    checked: _ctx.isRowSelected(row),
+                    onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                    }, ["stop"])),
+                    onChange: ($event) => _ctx.toggleSelected(row)
+                  }, null, 8, ["disabled", "checked", "onChange"])
+                ])) : createCommentVNode("", true),
+                _ctx.expandable ? (openBlock(), createElementBlock("td", _hoisted_12, [
+                  createElementVNode("i", {
+                    class: "dao-table-expand-toggle icon-arrow-sharp",
+                    onClick: ($event) => _ctx.toggleExpand(row, index2)
+                  }, null, 8, _hoisted_13)
+                ])) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterColumns, (column) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: column.id
+                  }, [
+                    column.id === "action" ? (openBlock(), createElementBlock("td", {
+                      key: 0,
+                      class: "dao-table-td",
+                      style: normalizeStyle(_ctx.columnStyle(column.id))
+                    }, [
+                      renderSlot(_ctx.$slots, `td-${column.id}`, {
+                        value: row[column.id],
+                        row,
+                        rowIndex: index2
+                      }, () => [
+                        createVNode(_component_td_action, null, {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, `td-${column.id}-menu`, {
+                              value: row[column.id],
+                              row,
+                              rowIndex: index2
+                            })
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ], 4)) : (openBlock(), createElementBlock("td", {
+                      key: 1,
+                      class: "dao-table-td",
+                      style: normalizeStyle(_ctx.columnStyle(column.id))
+                    }, [
+                      renderSlot(_ctx.$slots, `td-${column.id}`, {
+                        value: row[column.id],
+                        row,
+                        rowIndex: index2
+                      }, () => [
+                        createElementVNode("span", null, toDisplayString(_ctx.withDefaultValue(row[column.id])), 1)
+                      ])
+                    ], 4))
+                  ], 64);
+                }), 128))
+              ], 10, _hoisted_10),
+              _ctx.expandable && _ctx.expandedRows.has(row) ? withDirectives((openBlock(), createElementBlock("tr", _hoisted_14, [
+                renderSlot(_ctx.$slots, "expand", {
+                  row,
+                  rowIndex: index2
+                })
+              ], 512)), [
+                [vShow, _ctx.isRowExpanded(row)]
+              ]) : createCommentVNode("", true)
+            ], 64);
+          }), 128)),
+          _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            renderSlot(_ctx.$slots, "empty", {}, () => [
+              createTextVNode(toDisplayString(_ctx.textContent.emptyText), 1)
+            ])
+          ])) : createCommentVNode("", true)
         ])
       ])
-    ]),
-    _ctx.closable ? (openBlock(), createBlock(_component_dao_icon, {
-      key: 0,
-      class: "dao-tag__close-icon",
-      name: "icon-close",
-      "use-font": "",
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
-    })) : createCommentVNode("", true)
-  ]);
+    ], 2),
+    createElementVNode("div", _hoisted_16, [
+      renderSlot(_ctx.$slots, "pagination", {}, () => {
+        var _a2;
+        return [
+          !_ctx.isEmpty && ((_a2 = _ctx.pageLayout) == null ? void 0 : _a2.length) ? (openBlock(), createBlock(_component_dao_pagination, {
+            key: 0,
+            "current-page": _ctx.currentPage,
+            "onUpdate:current-page": _cache[2] || (_cache[2] = ($event) => _ctx.currentPage = $event),
+            "page-size": _ctx.pageSize,
+            "onUpdate:page-size": _cache[3] || (_cache[3] = ($event) => _ctx.pageSize = $event),
+            "page-size-options": _ctx.pageSizeOptions,
+            "page-format": _ctx.pageFormat,
+            compact: _ctx.compact,
+            total: _ctx.total,
+            "total-format": _ctx.totalFormat,
+            layout: _ctx.pageLayout,
+            "page-sizer-width": _ctx.pageSizerWidth,
+            "no-shadow": "",
+            onNext: _cache[4] || (_cache[4] = ($event) => {
+              _ctx.$emit("next", $event);
+              _ctx.clearState();
+            }),
+            onPrev: _cache[5] || (_cache[5] = ($event) => {
+              _ctx.$emit("prev", $event);
+              _ctx.clearState();
+            }),
+            onPageChange: _cache[6] || (_cache[6] = ($event) => {
+              _ctx.$emit("pageChange", $event);
+              _ctx.clearState();
+            }),
+            onSizeChange: _cache[7] || (_cache[7] = ($event) => {
+              _ctx.$emit("sizeChange", $event);
+              _ctx.clearState();
+            })
+          }, null, 8, ["current-page", "page-size", "page-size-options", "page-format", "compact", "total", "total-format", "layout", "page-sizer-width"])) : createCommentVNode("", true)
+        ];
+      })
+    ])
+  ], 2);
 }
-var DaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
-var toolbarFilter_vue_vue_type_style_index_0_lang = "";
+var table = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
+var tabNav_scss_vue_type_style_index_0_src_lang = "";
 const _sfc_main$4 = defineComponent({
-  name: "DaoToolbarFilter",
-  components: {
-    DaoInput,
-    DaoDropdown,
-    DaoDropdownMenu,
-    DaoDropdownItem
-  },
+  name: "DaoTabNav",
   props: {
-    search: {
-      type: Object,
-      default: () => ({})
-    },
-    searchPlaceholder: {
+    type: {
       type: String,
-      default: ""
-    },
-    searchOptions: {
-      type: Array,
-      default: () => []
+      default: "card"
     },
-    fuzzy: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:search", "search"],
-  setup(props, { emit }) {
-    const { t } = useI18n();
-    const searchModel = useVModel(props, "search", emit, {
-      passive: true,
-      deep: true
-    });
-    const visible = ref(false);
-    const searchText = ref("");
-    const dropdownRef = ref();
-    const computedSearchPlaceholder = computed(() => props.searchPlaceholder || t("core.toolbar.searchPlaceholder"));
-    const daoInputSearchRef = ref();
-    const type = computed(() => searchText.value.includes(":") ? "value" : "key");
-    const searchKey = computed(() => searchText.value.split(":")[0]);
-    const searchValue = computed(() => searchText.value.split(":")[1].trim());
-    const selectedKey = computed(() => {
-      if (type.value === "key") {
-        return void 0;
-      }
-      return props.searchOptions.find((i) => i.label === searchKey.value || i.key === searchKey.value);
-    });
-    const resetSearch = () => {
-      emit("search");
-      searchText.value = "";
-      visible.value = false;
-      daoInputSearchRef.value.input.focus();
-      daoInputSearchRef.value.input.click();
-    };
-    const singleHasChose = (searchOption) => {
-      var _a2;
-      if (searchOption.single && ((_a2 = searchModel.value[searchOption.key]) == null ? void 0 : _a2.length)) {
-        return true;
-      }
-      return false;
-    };
-    const hasFuzzyOption = (value) => {
-      var _a2, _b2;
-      const { fuzzy } = props;
-      if (!fuzzy) {
-        return true;
-      }
-      if ((fuzzy == null ? void 0 : fuzzy.single) && ((_a2 = searchModel.value[fuzzy.key]) == null ? void 0 : _a2.length)) {
-        return true;
-      }
-      if ((_b2 = searchModel.value[fuzzy.key]) == null ? void 0 : _b2.includes(value)) {
-        return true;
-      }
-      return false;
-    };
-    const addFuzzyOption = (value) => {
-      const { fuzzy } = props;
-      if (!fuzzy || hasFuzzyOption(value)) {
-        return;
-      }
-      if (!searchModel.value[fuzzy.key]) {
-        searchModel.value[fuzzy.key] = [value];
-      } else {
-        searchModel.value[fuzzy.key].push(value);
-      }
-      resetSearch();
-    };
-    const filteredKeys = computed(() => {
-      if (type.value === "value") {
-        return [];
-      }
-      return props.searchOptions.reduce((pre, cur) => {
-        var _a2;
-        const label = (_a2 = cur.label) != null ? _a2 : cur.key;
-        if (!label.includes(searchKey.value) || singleHasChose(cur)) {
-          return pre;
-        }
-        return [
-          ...pre,
-          {
-            label,
-            key: cur.key
-          }
-        ];
-      }, []);
-    });
-    const filteredValues = computed(() => {
-      var _a2, _b2;
-      if (type.value === "key" || !selectedKey.value) {
-        return [];
-      }
-      if (selectedKey.value.single && singleHasChose(selectedKey.value)) {
-        return [];
-      }
-      return (_b2 = (_a2 = selectedKey.value.values) == null ? void 0 : _a2.filter((i) => {
-        var _a3, _b3;
-        return i.label.includes(searchValue.value) && !((_b3 = searchModel.value[((_a3 = selectedKey.value) == null ? void 0 : _a3.key) || ""]) == null ? void 0 : _b3.includes(i.value));
-      })) != null ? _b2 : [];
-    });
-    const selectKey = (item) => {
-      searchText.value = `${item.label}: `;
-      daoInputSearchRef.value.input.focus();
-    };
-    const selectValue = (item) => {
-      var _a2, _b2, _c;
-      visible.value = false;
-      const key = (_b2 = (_a2 = selectedKey.value) == null ? void 0 : _a2.key) != null ? _b2 : "";
-      const target = (_c = searchModel.value) == null ? void 0 : _c[key];
-      if (target) {
-        target.push(item.value);
-      } else {
-        searchModel.value[key] = [item.value];
-      }
-      resetSearch();
-    };
-    const handleEnter = () => {
-      var _a2, _b2, _c, _d, _e, _f, _g, _h;
-      if (!searchText.value) {
+    currentTab: {
+      type: String,
+      default: null
+    },
+    tabList: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["updateValue", "click"],
+  setup(props, { emit }) {
+    let onMouseenter;
+    let onMouseleave;
+    const activeTab = ref();
+    const tabNav = ref();
+    let lineStyle;
+    let setActiveLineStyle;
+    let tabResizeObserver;
+    const isLine = computed(() => props.type === "line");
+    const renderLines = () => {
+      if (!isLine.value) {
         return;
       }
-      if (type.value === "key") {
-        const target2 = filteredKeys.value.find((i) => i.label === searchText.value || i.key === searchText.value);
-        if (!target2) {
-          addFuzzyOption(searchText.value);
-          return;
+      const hoverTab = ref();
+      const hoverLineStyle = computed(() => {
+        const tab = unref(hoverTab);
+        return tab ? {
+          "--hover-line-width": `${tab.offsetWidth || 0}px`,
+          "--hover-line-left": `${tab.offsetLeft || 0}px`
+        } : {};
+      });
+      onMouseenter = (event) => {
+        if (event.target) {
+          hoverTab.value = event.target;
         }
-        selectKey(target2);
-        return;
+      };
+      onMouseleave = (event) => {
+        if (event.target === hoverTab.value) {
+          hoverTab.value = void 0;
+        }
+      };
+      const activeLineStyle = ref({});
+      setActiveLineStyle = () => {
+        const tab = unref(activeTab);
+        if (tab && tab.offsetWidth && tab.offsetLeft !== void 0) {
+          activeLineStyle.value = {
+            "--active-line-width": `${tab.offsetWidth || 0}px`,
+            "--active-line-left": `${tab.offsetLeft || 0}px`
+          };
+        }
+      };
+      watch(activeTab, (val) => {
+        setActiveLineStyle();
+        tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
+        tabResizeObserver = new ResizeObserver(setActiveLineStyle);
+        if (tabNav.value && val) {
+          tabResizeObserver.observe(val);
+        }
+      });
+      lineStyle = computed(() => __spreadValues(__spreadValues({}, activeLineStyle.value), hoverLineStyle.value));
+    };
+    const stopWatch = watch(isLine, (val) => {
+      if (val) {
+        renderLines();
+        stopWatch();
       }
-      if (!searchValue.value) {
-        return;
+    });
+    onMounted(renderLines);
+    onUnmounted(() => {
+      if (tabNav.value) {
+        tabResizeObserver == null ? void 0 : tabResizeObserver.disconnect();
       }
-      if (!((_a2 = selectedKey.value) == null ? void 0 : _a2.enum) || !((_c = (_b2 = selectedKey.value) == null ? void 0 : _b2.values) == null ? void 0 : _c.length)) {
-        const key = (_e = (_d = selectedKey.value) == null ? void 0 : _d.key) != null ? _e : "";
-        const target2 = (_f = searchModel.value) == null ? void 0 : _f[key];
-        if (target2) {
-          if (target2.includes(searchValue.value)) {
-            return;
-          }
-          target2.push(searchValue.value);
-        } else {
-          searchModel.value[key] = [searchValue.value];
-        }
-        resetSearch();
+    });
+    const handleClick = (event, tab) => {
+      const {
+        value,
+        disabled
+      } = tab;
+      if (typeof disabled !== "undefined" && disabled) {
         return;
       }
-      const target = (_h = (_g = selectedKey.value) == null ? void 0 : _g.values) == null ? void 0 : _h.find((i) => i.label === searchValue.value);
-      if (!target) {
-        return;
+      if (value !== props.currentTab) {
+        emit("updateValue", value);
       }
-      selectValue(target);
-    };
-    const showPopover = () => {
-      visible.value = true;
-    };
-    onClickOutside(dropdownRef, () => {
-      visible.value = false;
-    });
-    return {
-      computedSearchPlaceholder,
-      daoInputSearchRef,
-      filteredKeys,
-      filteredValues,
-      visible,
-      searchText,
-      type,
-      selectedKey,
-      dropdownRef,
-      selectKey,
-      selectValue,
-      showPopover,
-      handleEnter
+      emit("click", event, value);
     };
+    const tabsLi = computed(() => props.tabList.map((tab, index2) => {
+      const { label } = tab;
+      const isNotString = typeof label !== "string";
+      const isActive = tab.value === props.currentTab;
+      const hasHoverLine = isLine.value && !tab.disabled;
+      const hasActiveLine = isLine.value && isActive;
+      return h("div", {
+        class: {
+          "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,
+        onClick: (event) => handleClick(event, tab),
+        onMouseenter: hasHoverLine ? onMouseenter : void 0,
+        onMouseleave: hasHoverLine ? onMouseleave : void 0
+      }, [isNotString ? label() : label]);
+    }));
+    return () => h("div", {
+      class: [
+        "dao-tabs__nav__scroll"
+      ]
+    }, h("div", {
+      class: [
+        "dao-tabs__nav"
+      ],
+      style: lineStyle == null ? void 0 : lineStyle.value,
+      ref: tabNav
+    }, tabsLi.value));
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_input = resolveComponent("dao-input");
-  const _component_dao_dropdown_item = resolveComponent("dao-dropdown-item");
-  const _component_dao_dropdown_menu = resolveComponent("dao-dropdown-menu");
-  const _component_dao_dropdown = resolveComponent("dao-dropdown");
-  return openBlock(), createBlock(_component_dao_dropdown, {
-    ref: "dropdownRef",
-    "append-to": false,
-    trigger: "manual",
-    visible: _ctx.visible && !!(_ctx.filteredKeys.length || _ctx.filteredValues.length),
-    placement: "bottom-start"
-  }, {
-    menu: withCtx(() => [
-      createVNode(_component_dao_dropdown_menu, null, {
-        default: withCtx(() => [
-          _ctx.type === "key" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.filteredKeys, (item, index2) => {
-            return openBlock(), createBlock(_component_dao_dropdown_item, {
-              key: index2,
-              onClick: ($event) => _ctx.selectKey(item)
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(item.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClick"]);
-          }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.filteredValues, (item, index2) => {
-            return openBlock(), createBlock(_component_dao_dropdown_item, {
-              key: index2,
-              onClick: ($event) => _ctx.selectValue(item)
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(item.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClick"]);
-          }), 128))
-        ]),
-        _: 1
-      })
-    ]),
-    default: withCtx(() => [
-      createVNode(_component_dao_input, {
-        ref: "daoInputSearchRef",
-        modelValue: _ctx.searchText,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.searchText = $event),
-        type: "search",
-        borderless: "",
-        block: "",
-        placeholder: _ctx.computedSearchPlaceholder,
-        onKeyup: withKeys(_ctx.handleEnter, ["enter"]),
-        onClick: _ctx.showPopover
-      }, null, 8, ["modelValue", "placeholder", "onKeyup", "onClick"])
-    ]),
-    _: 1
-  }, 8, ["visible"]);
-}
-var DaoToolbarFilter = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
-var toolbar_vue_vue_type_style_index_0_lang = "";
+var tabs_scss_vue_type_style_index_0_src_lang = "";
 const _sfc_main$3 = defineComponent({
-  name: "DaoToolbar",
+  name: "DaoTabs",
   components: {
-    DaoActionIcon,
-    DaoToolbarFilter,
-    DaoTag
+    TabNav: _sfc_main$4
   },
   props: {
-    search: {
-      type: Object,
-      default: () => ({})
-    },
-    searchPlaceholder: {
+    type: {
       type: String,
-      default: ""
-    },
-    searchOptions: {
-      type: Array,
-      default: () => []
-    },
-    fuzzy: {
-      type: Object,
-      default: void 0
+      default: "card",
+      validator: (value) => ["card", "line", "pill"].includes(value)
     },
-    hideRefresh: {
-      type: Boolean,
-      default: false
+    direction: {
+      type: String,
+      required: false,
+      default: "left",
+      validator: (value) => ["left", "right"].includes(value)
     },
-    hideSearch: {
-      type: Boolean,
-      default: false
+    modelValue: {
+      type: String,
+      default: null
     }
   },
-  emits: ["update:search", "search", "refresh"],
+  emits: ["change", "update:modelValue", "click"],
   setup(props, { emit }) {
-    const { t } = useI18n();
-    const searchModel = useVModel(props, "search", emit);
-    const isFuzzyOption = (key) => {
-      var _a2;
-      if (((_a2 = props.fuzzy) == null ? void 0 : _a2.key) === key) {
-        return true;
+    const { modelValue } = toRefs(props);
+    const currentValue = ref(modelValue.value);
+    watch(modelValue, (newV) => {
+      emit("change", newV);
+      if (newV !== currentValue.value) {
+        currentValue.value = newV;
       }
-      return false;
-    };
-    const getKeyLabel = (key) => {
-      var _a2;
-      const target = props.searchOptions.find((i) => i.key === key);
-      return (_a2 = target == null ? void 0 : target.label) != null ? _a2 : key;
+    });
+    watch(currentValue, (newV) => {
+      if (newV !== modelValue.value) {
+        emit("update:modelValue", newV);
+      }
+    });
+    const updateValue = (tabValue) => {
+      currentValue.value = tabValue;
     };
-    const getValueLabel = (key, value) => {
-      var _a2, _b2, _c;
-      const searchOption = props.searchOptions.find((i) => i.key === key);
-      return (_c = (_b2 = (_a2 = searchOption == null ? void 0 : searchOption.values) == null ? void 0 : _a2.find((i) => i.value === value)) == null ? void 0 : _b2.label) != null ? _c : value;
+    provide(tabModelValueKey, modelValue);
+    const onClick = (e, tabValue) => {
+      emit("click", e, tabValue);
     };
-    const removeValue = (key, valueIndex) => {
-      searchModel.value[key].splice(valueIndex, 1);
-      if (searchModel.value[key].length === 0) {
-        delete searchModel.value[key];
+    const tabList = reactive([]);
+    const tabBody = ref();
+    const addTab = (tab, child) => {
+      var _a2;
+      if (!child.value) {
+        return;
+      }
+      const index2 = Array.from(((_a2 = tabBody.value) == null ? void 0 : _a2.children) || []).indexOf(child.value);
+      if (index2 > -1) {
+        tabList.splice(index2, 0, tab);
       }
-      emit("search");
     };
-    const clearFilter = () => {
-      Object.keys(searchModel.value).forEach((key) => {
-        delete searchModel.value[key];
-      });
-      emit("search");
+    provide(addTabFnKey, addTab);
+    const removeTab = (tab) => {
+      const index2 = tabList.indexOf(tab);
+      if (index2 > -1) {
+        tabList.splice(index2, 1);
+      }
     };
+    provide(removeTabFnKey, removeTab);
     return {
-      t,
-      searchModel,
-      isFuzzyOption,
-      removeValue,
-      clearFilter,
-      getKeyLabel,
-      getValueLabel
+      tabList,
+      tabBody,
+      onClick,
+      updateValue
     };
   }
 });
-const _hoisted_1$2 = { class: "dao-toolbar-container" };
-const _hoisted_2$1 = { class: "dao-toolbar" };
-const _hoisted_3 = {
+const _hoisted_1$2 = { class: "dao-tabs__nav__wrap" };
+const _hoisted_2$1 = {
   key: 0,
-  class: "dao-toolbar__filter"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "dao-toolbar__search"
-};
-const _hoisted_5 = { class: "dao-toolbar__actions" };
-const _hoisted_6 = {
-  key: 2,
-  class: "dao-toolbar__primary-action"
+  class: "dao-tabs__action"
 };
-const _hoisted_7 = {
-  key: 0,
-  class: "dao-toolbar__tag-container"
+const _hoisted_3 = {
+  ref: "tabBody",
+  class: "dao-tabs__body"
 };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_toolbar_filter = resolveComponent("dao-toolbar-filter");
-  const _component_dao_action_icon = resolveComponent("dao-action-icon");
-  const _component_dao_tag = resolveComponent("dao-tag");
-  return openBlock(), createElementBlock("div", _hoisted_1$2, [
-    createElementVNode("div", _hoisted_2$1, [
-      _ctx.$slots.filter ? (openBlock(), createElementBlock("div", _hoisted_3, [
-        renderSlot(_ctx.$slots, "filter")
-      ])) : createCommentVNode("", true),
-      !_ctx.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_4, [
-        renderSlot(_ctx.$slots, "search", {}, () => [
-          createVNode(_component_dao_toolbar_filter, {
-            search: _ctx.searchModel,
-            "onUpdate:search": _cache[0] || (_cache[0] = ($event) => _ctx.searchModel = $event),
-            "search-placeholder": _ctx.searchPlaceholder,
-            "search-options": _ctx.searchOptions,
-            fuzzy: _ctx.fuzzy,
-            onSearch: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("search"))
-          }, null, 8, ["search", "search-placeholder", "search-options", "fuzzy"])
-        ])
-      ])) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_5, [
-        !_ctx.hideRefresh ? (openBlock(), createBlock(_component_dao_action_icon, {
-          key: 0,
-          class: "dao-toolbar__actions-refresh",
-          name: "icon-refresh",
-          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("refresh"))
-        })) : createCommentVNode("", true)
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_tab_nav = resolveComponent("tab-nav");
+  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$2, [
+        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_6, [
+      _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
         renderSlot(_ctx.$slots, "action")
       ])) : createCommentVNode("", true)
-    ]),
-    _ctx.search && Object.keys(_ctx.search).length ? (openBlock(), createElementBlock("div", _hoisted_7, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.search, (values, key) => {
-        return openBlock(), createElementBlock(Fragment, { key }, [
-          _ctx.isFuzzyOption(key) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(values, (value, index2) => {
-            return openBlock(), createBlock(_component_dao_tag, {
-              key: index2,
-              "is-close-show": "",
-              closable: "",
-              onClose: ($event) => _ctx.removeValue(key, index2)
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(value), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClose"]);
-          }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(values, (value, index2) => {
-            return openBlock(), createBlock(_component_dao_tag, {
-              key: index2,
-              "is-close-show": "",
-              closable: "",
-              onClose: ($event) => _ctx.removeValue(key, index2)
-            }, {
-              label: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.getKeyLabel(key)), 1)
-              ]),
-              value: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.getValueLabel(key, value)), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClose"]);
-          }), 128))
-        ], 64);
-      }), 128)),
-      createElementVNode("span", {
-        class: "dao-toolbar__clear",
-        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.clearFilter && _ctx.clearFilter(...args))
-      }, toDisplayString(_ctx.t("core.toolbar.clear")), 1)
-    ])) : createCommentVNode("", true)
-  ]);
+    ], 2),
+    createElementVNode("div", _hoisted_3, [
+      renderSlot(_ctx.$slots, "default")
+    ], 512)
+  ], 2);
 }
-var toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
-const textButtonType = ["default", "action", "link", "custom"];
-var TextButtonProps = {
-  tag: {
-    type: [Object, String],
-    default: "button"
-  },
-  prop: {
-    type: Object,
-    default: () => ({
-      type: "default"
-    })
-  }
-};
-var textButton_vue_vue_type_style_index_0_lang = "";
+var tabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+var tabItem_scss_vue_type_style_index_0_src_lang = "";
 const _sfc_main$2 = defineComponent({
-  name: "DaoTextButton",
-  components: {
-    DaoIcon
+  name: "DaoTabItem",
+  props: {
+    label: {
+      type: [String, Function],
+      required: true
+    },
+    value: {
+      type: String,
+      required: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
   },
-  props: TextButtonProps,
-  setup(props, { slots, attrs }) {
-    const prop = toRef(props, "prop");
-    const computedType = computed(() => {
-      var _a2;
-      return ((_a2 = prop.value) == null ? void 0 : _a2.type) && textButtonType.includes(prop.value.type) ? prop.value.type : "custom";
-    });
-    const componentComputed = computed(() => ({
-      class: [
-        "dao-text-button",
-        `dao-text-button--${computedType.value}`,
-        attrs.disabled ? "is-disabled" : ""
-      ]
-    }));
-    const iconTemp = computed(() => {
-      var _a2, _b2;
-      return ((_a2 = prop.value) == null ? void 0 : _a2.icon) ? h(DaoIcon, {
-        name: (_b2 = prop.value) == null ? void 0 : _b2.icon,
-        "use-font": true,
-        class: "dao-text-button__icon"
-      }) : null;
-    });
-    const slotTemp = computed(() => {
-      const _slots = __spreadValues({
-        default: () => ""
-      }, slots);
-      return Object.fromEntries(Object.entries(_slots).map(([key, item]) => {
-        const newSlot = isFunction$1(item) ? item : () => item || null;
-        if (key === "default") {
-          return [
-            key,
-            (...args) => {
-              const defaultSlot = newSlot.call(null, ...args);
-              return [
-                iconTemp.value,
-                defaultSlot ? h("span", { class: "dao-text-button__slot" }, { default: () => defaultSlot }) : ""
-              ];
-            }
-          ];
-        }
-        return [key, newSlot];
-      }));
-    });
-    return () => h(props.tag, __spreadValues({}, componentComputed.value), slotTemp.value);
+  setup(props) {
+    const tabModelValue = inject(tabModelValueKey);
+    const active = computed(() => (tabModelValue == null ? void 0 : tabModelValue.value) === props.value);
+    const tabItem2 = ref();
+    const addTabFn = inject(addTabFnKey, NOOP);
+    const removeTabFn = inject(removeTabFnKey, NOOP);
+    onMounted(() => addTabFn(props, tabItem2));
+    onUnmounted(() => removeTabFn(props));
+    return {
+      active,
+      tabItem: tabItem2
+    };
   }
 });
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "tabItem",
+    class: normalizeClass(["dao-tab-item", {
+      "dao-tab-item--hidden": !_ctx.active
+    }])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var tabItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const transferProps = {
   source: {
     type: Array,
@@ -8382,7 +8608,7 @@ const _sfc_main$1 = defineComponent({
     DaoCheckbox,
     DaoInput,
     DaoActionIcon,
-    DaoTextButton: _sfc_main$2,
+    DaoTextButton: _sfc_main$O,
     DaoEllipsis
   },
   props: transferPanelProp,
@@ -8608,7 +8834,7 @@ const _sfc_main = defineComponent({
   name: "DaoTransfer",
   components: {
     transferPanel,
-    DaoTextButton: _sfc_main$2
+    DaoTextButton: _sfc_main$O
   },
   props: transferProps,
   emits: ["update:modelValue", "add", "clear", "change", "refresh", "checkAll"],
@@ -8851,6 +9077,7 @@ var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
   ActionIcon: DaoActionIcon,
+  DaoBatchBar,
   Button: DaoButton,
   ButtonGroup: buttonGroup,
   Card: card,
@@ -8883,7 +9110,7 @@ var components = /* @__PURE__ */ Object.freeze({
   NavItem: navItem,
   NavSub: navSub,
   Pagination: DaoPagination,
-  Popover: _sfc_main$F,
+  Popover: _sfc_main$E,
   Popper: DaoPopper,
   Progress: progress,
   Radio: radio,
@@ -8893,12 +9120,12 @@ var components = /* @__PURE__ */ Object.freeze({
   Switch: _switch,
   Table: table,
   Tabs: tabs,
-  TabNav: _sfc_main$8,
+  TabNav: _sfc_main$4,
   TabItem: tabItem,
   Tag: DaoTag,
-  Toolbar: toolbar,
-  Tooltip: _sfc_main$G,
-  TextButton: _sfc_main$2,
+  Toolbar: DaoToolbar,
+  Tooltip: _sfc_main$F,
+  TextButton: _sfc_main$O,
   DaoEllipsis,
   Transfer: transfer,
   TransferPanel: transferPanel
@@ -8946,6 +9173,11 @@ var enUS = {
     transfer: {
       checkAll: "Check all",
       clear: "Clear"
+    },
+    batchBar: {
+      removeText: "Delete",
+      deselectText: "Deselect",
+      selectedFormat: "{n} item selected | {n} items selected"
     }
   }
 };
@@ -8987,6 +9219,11 @@ var zhCN = {
     transfer: {
       checkAll: "\u5168\u9009",
       clear: "\u6E05\u7A7A"
+    },
+    batchBar: {
+      removeText: "\u5220\u9664",
+      deselectText: "\u53D6\u6D88\u9009\u4E2D",
+      selectedFormat: "\u9009\u4E2D {n} \u9879"
     }
   }
 };
@@ -9016,4 +9253,4 @@ var index = {
   install,
   locale
 };
-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, DaoDropdownItem as DropdownItem, DaoDropdownMenu 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$F as Popover, DaoPopper as Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$8 as TabNav, table as Table, tabs as Tabs, DaoTag as Tag, _sfc_main$2 as TextButton, toolbar as Toolbar, _sfc_main$G as Tooltip, transfer as Transfer, transferPanel as TransferPanel, index as default, formClassNames, formKey, formProps };
+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, DaoBatchBar, DaoEllipsis, dialog as Dialog, DialogFooter, DialogHeader, drawer as Drawer, DaoDropdown as Dropdown, DaoDropdownItem as DropdownItem, DaoDropdownMenu 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$E as Popover, DaoPopper as Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$4 as TabNav, table as Table, tabs as Tabs, DaoTag as Tag, _sfc_main$O as TextButton, DaoToolbar as Toolbar, _sfc_main$F as Tooltip, transfer as Transfer, transferPanel as TransferPanel, index as default, formClassNames, formKey, formProps };