@dao-style/core 0.0.1-beta.1 → 0.0.1-beta.12

package/dist/dao-style.es.js

@@ -17,7 +17,60 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, computed, unref, resolveComponent, renderSlot, Fragment, createCommentVNode, ref, inject, watchEffect, mergeProps, createTextVNode, toDisplayString, provide, createVNode, toRefs, withCtx, watch, Transition, withModifiers, normalizeStyle, withKeys, withDirectives, vShow, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, nextTick, renderList, reactive, vModelText, onUnmounted, h } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, toRefs, createVNode, withCtx, watch, Transition, withModifiers, normalizeStyle, withDirectives, vShow, withKeys, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, nextTick, reactive, renderList, vModelText, toRef, onUnmounted, h } from "vue";
+import { isArray, isSet, looseIndexOf, looseEqual, isFunction, NOOP } from "@vue/shared";
+var actionIcon_vue_vue_type_style_index_0_lang = "";
+var _export_sfc = (sfc, props) => {
+  for (const [key, val] of props) {
+    sfc[key] = val;
+  }
+  return sfc;
+};
+const _sfc_main$I = defineComponent({
+  name: "DaoActionIcon",
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (value) => ["button", "divider"].includes(value)
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const isDivider = props.type === "divider";
+    const handleClick = (event) => emit("click", event);
+    const realDisabled = computed(() => isDivider || props.disabled);
+    return {
+      handleClick,
+      isDivider,
+      realDisabled
+    };
+  }
+});
+const _hoisted_1$x = ["disabled"];
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("button", {
+    class: normalizeClass(["dao-action-icon", `dao-action-icon--type-${_ctx.type}`]),
+    disabled: _ctx.realDisabled,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      !_ctx.isDivider ? (openBlock(), createElementBlock("i", {
+        key: 0,
+        class: normalizeClass(["dao-action-icon__iconfont", _ctx.name])
+      }, null, 2)) : createCommentVNode("", true)
+    ])
+  ], 10, _hoisted_1$x);
+}
+var DaoActionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$F]]);
 const BUTTON_TYPES = ["primary", "secondary", "tertiary", "ghost", "danger"];
 var buttonProps = {
   type: {
@@ -56,13 +109,7 @@ var buttonProps = {
   }
 };
 var icon_scss_vue_type_style_index_0_src_lang = "";
-var _export_sfc = (sfc, props) => {
-  for (const [key, val] of props) {
-    sfc[key] = val;
-  }
-  return sfc;
-};
-const _sfc_main$v = defineComponent({
+const _sfc_main$H = defineComponent({
   name: "DaoIcon",
   props: {
     name: {
@@ -75,55 +122,31 @@ const _sfc_main$v = defineComponent({
     }
   }
 });
-const _hoisted_1$m = {
+const _hoisted_1$w = {
   key: 1,
-  class: "dao-icon"
+  class: "dao-icon dao-svg-icon"
 };
-const _hoisted_2$e = ["xlink:href"];
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$l = ["xlink:href"];
+function _sfc_render$E(_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$m, [
+  }, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_1$w, [
     createElementVNode("use", {
       "xlink:href": `#${_ctx.name}`
-    }, null, 8, _hoisted_2$e)
+    }, null, 8, _hoisted_2$l)
   ]));
 }
-var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$r]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  props: {
-    useFont: {
-      type: Boolean,
-      default: false
-    },
-    iconName: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return !__props.useFont ? (openBlock(), createBlock(DaoIcon, {
-        key: 0,
-        class: "dao-btn__icon",
-        name: __props.iconName
-      }, null, 8, ["name"])) : (openBlock(), createElementBlock("i", {
-        key: 1,
-        class: normalizeClass(["dao-btn__iconfont", __props.iconName])
-      }, null, 2));
-    };
-  }
-});
+var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$E]]);
 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$t = defineComponent({
+const _sfc_main$G = defineComponent({
   name: "DaoButton",
   components: {
-    DaoButtonIcon: _sfc_main$u
+    DaoIcon
   },
   props: buttonProps,
   emits: ["click"],
@@ -173,6 +196,8 @@ const _sfc_main$t = defineComponent({
       }
       return props.iconRight;
     });
+    const leftIconClassName = computed(() => isIconLeftFont.value ? "dao-btn__iconfont" : "dao-btn__icon");
+    const rightIconClassName = computed(() => isIconRightFont.value ? "dao-btn__iconfont" : "dao-btn__icon");
     const classList = computed(() => {
       const unrefIconState = unref(iconState);
       const list = [
@@ -203,106 +228,151 @@ const _sfc_main$t = defineComponent({
       isIconLeftFont,
       realIconLeft,
       isIconRightFont,
-      realIconRight
+      realIconRight,
+      leftIconClassName,
+      rightIconClassName
     };
   }
 });
-const _hoisted_1$l = ["disabled"];
-const _hoisted_2$d = {
+const _hoisted_1$v = ["disabled"];
+const _hoisted_2$k = {
   key: 1,
   class: "dao-btn__text"
 };
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_button_icon = resolveComponent("dao-button-icon");
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
   return openBlock(), createElementBlock("button", {
     class: normalizeClass(_ctx.classList),
     disabled: _ctx.realDisabled,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
     _ctx.isSimpleButton ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-      _ctx.realIconLeft ? (openBlock(), createBlock(_component_dao_button_icon, {
+      _ctx.realIconLeft ? (openBlock(), createBlock(_component_dao_icon, {
         key: 0,
+        class: normalizeClass(_ctx.leftIconClassName),
         "use-font": _ctx.isIconLeftFont,
-        "icon-name": _ctx.realIconLeft
-      }, null, 8, ["use-font", "icon-name"])) : createCommentVNode("", true),
-      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$d, [
+        name: _ctx.realIconLeft
+      }, null, 8, ["class", "use-font", "name"])) : createCommentVNode("", true),
+      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$k, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true),
-      _ctx.realIconRight ? (openBlock(), createBlock(_component_dao_button_icon, {
+      _ctx.realIconRight ? (openBlock(), createBlock(_component_dao_icon, {
         key: 2,
+        class: normalizeClass(_ctx.rightIconClassName),
         "use-font": _ctx.isIconRightFont,
-        "icon-name": _ctx.realIconRight
-      }, null, 8, ["use-font", "icon-name"])) : createCommentVNode("", true)
+        name: _ctx.realIconRight
+      }, null, 8, ["class", "use-font", "name"])) : createCommentVNode("", true)
     ], 64))
-  ], 10, _hoisted_1$l);
+  ], 10, _hoisted_1$v);
 }
-var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
+var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$D]]);
 var buttonGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$s = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "DaoButtonGroup"
 });
-const _hoisted_1$k = { class: "dao-btn-group" };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$k, [
+const _hoisted_1$u = { class: "dao-btn-group" };
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$u, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$p]]);
-function looseCompareArrays(a, b) {
-  if (a.length !== b.length)
-    return false;
-  let equal = true;
-  for (let i = 0; equal && i < a.length; i++) {
-    equal = looseEqual(a[i], b[i]);
-  }
-  return equal;
-}
-function looseEqual(a, b) {
-  if (a === b)
-    return true;
-  let aValidType = isDate(a);
-  let bValidType = isDate(b);
-  if (aValidType || bValidType) {
-    return aValidType && bValidType ? a.getTime() === b.getTime() : false;
-  }
-  aValidType = isArray(a);
-  bValidType = isArray(b);
-  if (aValidType || bValidType) {
-    return aValidType && bValidType ? looseCompareArrays(a, b) : false;
-  }
-  aValidType = isObject(a);
-  bValidType = isObject(b);
-  if (aValidType || bValidType) {
-    if (!aValidType || !bValidType) {
-      return false;
-    }
-    const aKeysCount = Object.keys(a).length;
-    const bKeysCount = Object.keys(b).length;
-    if (aKeysCount !== bKeysCount) {
-      return false;
-    }
-    for (const key in a) {
-      const aHasKey = a.hasOwnProperty(key);
-      const bHasKey = b.hasOwnProperty(key);
-      if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) {
-        return false;
-      }
+var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$C]]);
+var card_scss_vue_type_style_index_0_src_lang = "";
+const _sfc_main$E = defineComponent({
+  name: "DaoCard",
+  components: {
+    DaoIcon
+  },
+  props: {
+    type: {
+      type: String,
+      default: "standard"
+    },
+    icon: {
+      type: String,
+      default: void 0
+    },
+    useFont: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: void 0
+    },
+    divider: {
+      type: Boolean,
+      default: false
     }
   }
-  return String(a) === String(b);
+});
+const _hoisted_1$t = {
+  key: 0,
+  class: "dao-card-header"
+};
+const _hoisted_2$j = {
+  key: 0,
+  class: "dao-card-header-item"
+};
+const _hoisted_3$d = { class: "dao-card-header-item dao-card-header-title" };
+const _hoisted_4$c = { class: "dao-card-header-item dao-card-header-action" };
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["dao-card", `dao-card--${_ctx.type}`])
+  }, [
+    _ctx.type !== "headless" ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
+      renderSlot(_ctx.$slots, "header", {}, () => [
+        renderSlot(_ctx.$slots, "header-prefix"),
+        _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.icon ? (openBlock(), createBlock(_component_dao_icon, {
+              key: 0,
+              class: "dao-card-header-icon",
+              name: _ctx.icon,
+              "use-font": _ctx.useFont
+            }, null, 8, ["name", "use-font"])) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$d, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4$c, [
+          renderSlot(_ctx.$slots, "action")
+        ]),
+        renderSlot(_ctx.$slots, "header-suffix")
+      ])
+    ])) : createCommentVNode("", true),
+    createElementVNode("div", {
+      class: normalizeClass(["dao-card-container", {
+        "dao-card-container-with-footer": !!_ctx.$slots.footer
+      }])
+    }, [
+      createElementVNode("div", {
+        class: normalizeClass(["dao-card-item-container", {
+          "dao-card-item-container-divider": _ctx.divider
+        }])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2),
+      renderSlot(_ctx.$slots, "footer")
+    ], 2)
+  ], 2);
 }
-function looseIndexOf(arr, val) {
-  return arr.findIndex((item) => looseEqual(item, val));
+var card = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$B]]);
+var cardItem_scss_vue_type_style_index_0_src_lang = "";
+const _sfc_main$D = defineComponent({
+  name: "DaoCardItem"
+});
+const _hoisted_1$s = { class: "dao-card-item" };
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$s, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
 }
-const NOOP = () => {
-};
-const isArray = Array.isArray;
-const isSet = (val) => toTypeString(val) === "[object Set]";
-const isDate = (val) => val instanceof Date;
-const isFunction = (val) => typeof val === "function";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
+var cardItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$A]]);
 function isNullish(val) {
   return val === null || val === void 0;
 }
@@ -331,9 +401,14 @@ const checkboxGroupModelValueKey = Symbol("checkboxGroupModelValueKey");
 const checkboxUpdateGroupModelValueFnKey = Symbol("checkboxUpdateGroupModelValueFnKey");
 const checkboxGroupChangeFnKey = Symbol("checkboxGroupChangeFnKey");
 const formLabelWidthKey = Symbol("formLabelWidthKey");
+const navRootKey = Symbol("rootNav");
+const navSubKey = Symbol("subNav");
+const breadcrumbKey = Symbol("breadcrumbKey");
+const ToggleItemKey = Symbol("toggleItem");
+const ExpansionStateKey = Symbol("expansionProps");
 var checkbox_vue_vue_type_style_index_0_lang = "";
 const modelValueAny = [String, Number, Boolean, Symbol, Object, Set, Array];
-const _sfc_main$r = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "DaoCheckbox",
   props: {
     modelValue: {
@@ -428,13 +503,13 @@ const _sfc_main$r = defineComponent({
       const modelValue = currentModelValue.value;
       const { value } = props;
       if (isArray(modelValue)) {
-        const index = looseIndexOf(modelValue, value);
-        const found = index !== -1;
+        const index2 = looseIndexOf(modelValue, value);
+        const found = index2 !== -1;
         if (checked && !found) {
           emitModelValue(modelValue.concat(value), event);
         } else if (!checked && found) {
           const filtered = [...modelValue];
-          filtered.splice(index, 1);
+          filtered.splice(index2, 1);
           emitModelValue(filtered, event);
         }
       } else if (isSet(modelValue)) {
@@ -466,21 +541,21 @@ const _sfc_main$r = defineComponent({
     }
   }
 });
-const _hoisted_1$j = ["disabled", "indeterminate", "checked"];
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("span", { class: "dao-checkbox-inner" }, null, -1);
-const _hoisted_3$8 = {
+const _hoisted_1$r = ["disabled", "indeterminate", "checked"];
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode("span", { class: "dao-checkbox-inner" }, null, -1);
+const _hoisted_3$c = {
   key: 0,
   class: "dao-checkbox__label"
 };
-const _hoisted_4$7 = {
+const _hoisted_4$b = {
   key: 0,
   class: "dao-checkbox__label-text"
 };
-const _hoisted_5$4 = {
+const _hoisted_5$7 = {
   key: 1,
   class: "dao-checkbox__label-helper"
 };
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(_ctx.wrapClasses)
   }, [
@@ -495,14 +570,14 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.$attrs, {
         checked: _ctx.currentChecked,
         onChange: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args))
-      }), null, 16, _hoisted_1$j),
-      _hoisted_2$c
+      }), null, 16, _hoisted_1$r),
+      _hoisted_2$i
     ], 2),
-    _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$8, [
-      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$7, [
+    _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$c, [
+      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$b, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true),
-      _ctx.hasHelper ? (openBlock(), createElementBlock("span", _hoisted_5$4, [
+      _ctx.hasHelper ? (openBlock(), createElementBlock("span", _hoisted_5$7, [
         renderSlot(_ctx.$slots, "helper", {}, () => [
           createTextVNode(toDisplayString(_ctx.helper), 1)
         ])
@@ -510,9 +585,9 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$o]]);
+var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$z]]);
 var checkboxGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$q = defineComponent({
+const _sfc_main$B = defineComponent({
   name: "DaoCheckboxGroup",
   props: {
     modelValue: {
@@ -546,18 +621,18 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.checkboxGroupClasses)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n]]);
-const _sfc_main$p = defineComponent({
+var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$y]]);
+const _sfc_main$A = defineComponent({
   name: "DaoDialogHeader",
   components: {
-    DaoIcon
+    DaoButton
   },
   props: {
     showClose: {
@@ -577,34 +652,28 @@ const _sfc_main$p = defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "dao-dialog-header" };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_icon = resolveComponent("dao-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+const _hoisted_1$q = { class: "dao-dialog-header" };
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_button = resolveComponent("dao-button");
+  return openBlock(), createElementBlock("div", _hoisted_1$q, [
     renderSlot(_ctx.$slots, "default", {}, () => [
-      createElementVNode("span", {
-        class: normalizeClass({ "center": !_ctx.showClose })
-      }, [
+      createElementVNode("span", null, [
         renderSlot(_ctx.$slots, "title", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
-      ], 2),
-      _ctx.showClose ? (openBlock(), createElementBlock("a", {
+      ]),
+      _ctx.showClose ? (openBlock(), createBlock(_component_dao_button, {
         key: 0,
-        href: "javascript:void(0)",
-        class: "dao-dialog-header-close-btn",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
-      }, [
-        createVNode(_component_dao_icon, {
-          name: "icon_close-circled",
-          class: "dao-dialog-header-close-btn__close"
-        })
-      ])) : createCommentVNode("", true)
+        "use-font": "",
+        type: "ghost",
+        "icon-left": "icon-close",
+        onClick: _ctx.onClose
+      }, null, 8, ["onClick"])) : createCommentVNode("", true)
     ])
   ]);
 }
-var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$m]]);
-const _sfc_main$o = defineComponent({
+var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$x]]);
+const _sfc_main$z = defineComponent({
   name: "DaoDialogFooter",
   components: {
     DaoButton
@@ -640,13 +709,13 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "dao-dialog-footer" };
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$p = { class: "dao-dialog-footer" };
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_button = resolveComponent("dao-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$h, [
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createVNode(_component_dao_button, {
-        type: "secondary",
+        type: "ghost",
         class: "dao-dialog-footer-cancel-btn",
         onClick: _ctx.onCancel
       }, {
@@ -668,13 +737,13 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$l]]);
+var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$w]]);
 var dialog_scss_vue_type_style_index_0_src_lang = "";
 const DIALOG_NUM_ATTR = "dao-dialog-num";
 const DIALOG_MINIMUM_PADDING = "20px";
 const DIALOG_DEFAULT_PADDING_TOP = "100px";
 const DIALOG_DEFAULT_PADDING_BOTTOM = "20px";
-const _sfc_main$n = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "DaoDialog",
   components: {
     DialogHeader,
@@ -752,7 +821,7 @@ const _sfc_main$n = defineComponent({
     "before-close",
     "closed"
   ],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const {
       modelValue,
       middle,
@@ -760,7 +829,7 @@ const _sfc_main$n = defineComponent({
       bottom: bottom2,
       containerClass,
       size,
-      header,
+      header: header2,
       lockScroll,
       closeOnPressEscape,
       closeOnClickOutside
@@ -771,8 +840,8 @@ const _sfc_main$n = defineComponent({
       containerClass.value,
       `dao-dialog__size-${size.value}`
     ]);
-    const showHeader = computed(() => typeof header.value === "boolean" ? header.value : true);
-    const headerTitle = computed(() => typeof header.value === "string" ? header.value : "");
+    const showHeader = computed(() => typeof header2.value === "boolean" ? header2.value : true);
+    const headerTitle = computed(() => typeof header2.value === "string" ? header2.value : "");
     watch(modelValue, (newV) => {
       emit("change", newV);
     });
@@ -839,7 +908,6 @@ const _sfc_main$n = defineComponent({
       computedContainerClass,
       headerTitle,
       showHeader,
-      slots,
       onBeforeEnter,
       onAfterEnter,
       onConfirm,
@@ -850,8 +918,8 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "dao-dialog-body" };
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$o = { class: "dao-dialog-body" };
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dialog_header = resolveComponent("dialog-header");
   const _component_dialog_footer = resolveComponent("dialog-footer");
   return openBlock(), createBlock(Transition, {
@@ -886,7 +954,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 3
           }, 8, ["title", "show-close", "onClose"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$g, [
+          createElementVNode("div", _hoisted_1$o, [
             renderSlot(_ctx.$slots, "default")
           ]),
           _ctx.footer ? (openBlock(), createBlock(_component_dialog_footer, {
@@ -908,7 +976,278 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onBeforeEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"]);
 }
-var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$k]]);
+var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$v]]);
+const drawerProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  hideHeader: {
+    type: Boolean,
+    default: false
+  },
+  hideFooter: {
+    type: Boolean,
+    default: false
+  },
+  hideMask: {
+    type: Boolean,
+    default: false
+  },
+  hideCloseIcon: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  cancelText: {
+    type: String,
+    default: "cancel"
+  },
+  confirmText: {
+    type: String,
+    default: "ok"
+  }
+};
+const getFocusElementRange = (elementNode) => {
+  const focusedElementOrigin = document.activeElement;
+  let firstTab = null;
+  let lastTab = null;
+  const focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
+  if (elementNode) {
+    const focusableElements = Array.from(elementNode.querySelectorAll(focusableElementsString));
+    firstTab = focusableElements[0];
+    lastTab = focusableElements[focusableElements.length - 1];
+    firstTab == null ? void 0 : firstTab.focus();
+  }
+  return {
+    lastTab,
+    firstTab,
+    focusedElementOrigin
+  };
+};
+const trapTabKey = (e, firstTab, lastTab) => {
+  if (e.code === "Tab") {
+    if (e.shiftKey) {
+      if (document.activeElement === firstTab) {
+        e.preventDefault();
+        lastTab.focus();
+      }
+    } else if (document.activeElement === lastTab) {
+      e.preventDefault();
+      firstTab.focus();
+    }
+  }
+};
+var drawer_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$x = defineComponent({
+  name: "DaoDrawer",
+  components: {
+    DaoButton,
+    DaoActionIcon
+  },
+  props: drawerProps,
+  emits: ["close", "confirm"],
+  setup(props, { emit }) {
+    const { modelValue, size } = toRefs(props);
+    const visible = ref(false);
+    const wrapVisible = ref(false);
+    const drawerRef = ref(null);
+    let focusElement = {
+      firstTab: null,
+      lastTab: null,
+      focusedElementOrigin: null
+    };
+    const wrapClassList = computed(() => [
+      "dao-drawer__wrap",
+      {
+        "dao-drawer__wrap--hide": !wrapVisible.value
+      }
+    ]);
+    const contentClassList = computed(() => [
+      "dao-drawer",
+      `dao-drawer-${size.value}`
+    ]);
+    const checkMasksVisible = () => {
+      const masks = document.getElementsByClassName("dao-drawer__mask") || [];
+      return !Array.from(masks).some((v) => v.style.display === "");
+    };
+    const lockWindowScroll = () => {
+      document.body.style.overflow = "hidden";
+      document.body.tabIndex = -1;
+    };
+    const unLockWindowScroll = () => {
+      if (checkMasksVisible()) {
+        document.body.style.overflow = "";
+      }
+    };
+    const close = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const handleWrapClick = (event) => {
+      const { target } = event;
+      const className = target.getAttribute("class");
+      if (className && className.indexOf("dao-drawer__wrap") > -1) {
+        close();
+      }
+    };
+    const handleWrapVisible = (v) => {
+      if (!v) {
+        setTimeout(() => {
+          wrapVisible.value = v;
+        }, 100);
+      } else {
+        wrapVisible.value = v;
+      }
+    };
+    const confirm = () => {
+      visible.value = false;
+      emit("confirm");
+    };
+    const setLastFocusElement = () => {
+      if (focusElement.focusedElementOrigin instanceof HTMLElement) {
+        focusElement.focusedElementOrigin.focus();
+      }
+    };
+    const onHandleKeyDown = (e) => {
+      if (e.code === "Escape") {
+        close();
+      }
+      if (!focusElement.firstTab || !focusElement.lastTab) {
+        return;
+      }
+      trapTabKey(e, focusElement.firstTab, focusElement.lastTab);
+    };
+    const onBeforeEnter = () => {
+      focusElement = getFocusElementRange(drawerRef.value);
+      lockWindowScroll();
+      document.addEventListener("keydown", onHandleKeyDown);
+    };
+    const onAfterLeave = () => {
+      setLastFocusElement();
+      unLockWindowScroll();
+      document.removeEventListener("keydown", onHandleKeyDown);
+    };
+    watch(modelValue, (v) => {
+      visible.value = v;
+      handleWrapVisible(v);
+    }, { immediate: true });
+    return {
+      visible,
+      drawerRef,
+      wrapClassList,
+      contentClassList,
+      close,
+      confirm,
+      handleWrapClick,
+      onBeforeEnter,
+      onAfterLeave
+    };
+  }
+});
+const _hoisted_1$n = { class: "dao-drawer__content" };
+const _hoisted_2$h = {
+  key: 0,
+  class: "dao-drawer__header"
+};
+const _hoisted_3$b = { class: "dao-drawer__header-group" };
+const _hoisted_4$a = { class: "dao-drawer__body" };
+const _hoisted_5$6 = {
+  key: 1,
+  class: "dao-drawer__footer"
+};
+const _hoisted_6$4 = { class: "dao-drawer__footer-group" };
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_action_icon = resolveComponent("dao-action-icon");
+  const _component_dao_button = resolveComponent("dao-button");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(Transition, { name: "fade-in" }, {
+      default: withCtx(() => [
+        !_ctx.hideMask ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "dao-drawer__mask",
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args)),
+          onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.close && _ctx.close(...args))
+        }, null, 544)), [
+          [vShow, _ctx.visible]
+        ]) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }),
+    createElementVNode("div", {
+      ref: "drawerRef",
+      class: normalizeClass(_ctx.wrapClassList),
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleWrapClick && _ctx.handleWrapClick(...args)),
+      onKeydown: _cache[3] || (_cache[3] = (...args) => _ctx.handleWrapClick && _ctx.handleWrapClick(...args))
+    }, [
+      createVNode(Transition, {
+        name: "slide-in-right",
+        onAfterEnter: _ctx.onBeforeEnter,
+        onAfterLeave: _ctx.onAfterLeave
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass(_ctx.contentClassList)
+          }, [
+            createElementVNode("div", _hoisted_1$n, [
+              !_ctx.hideHeader ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+                renderSlot(_ctx.$slots, "header", {}, () => [
+                  createElementVNode("div", _hoisted_3$b, [
+                    createElementVNode("span", null, toDisplayString(_ctx.title), 1),
+                    !_ctx.hideCloseIcon ? (openBlock(), createBlock(_component_dao_action_icon, {
+                      key: 0,
+                      name: "icon-close",
+                      onClick: _ctx.close
+                    }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                  ])
+                ])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_4$a, [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              !_ctx.hideFooter ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+                renderSlot(_ctx.$slots, "footer", {}, () => [
+                  createElementVNode("div", _hoisted_6$4, [
+                    createVNode(_component_dao_button, {
+                      type: "ghost",
+                      class: "footer-cancel-btn footer-btn",
+                      onClick: _ctx.close
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    createVNode(_component_dao_button, {
+                      class: "footer-btn",
+                      onClick: _ctx.confirm
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ])
+              ])) : createCommentVNode("", true)
+            ])
+          ], 2), [
+            [vShow, _ctx.visible]
+          ])
+        ]),
+        _: 3
+      }, 8, ["onAfterEnter", "onAfterLeave"])
+    ], 34)
+  ], 64);
+}
+var drawer = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$u]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -2042,13 +2381,13 @@ function popperGenerator(generatorOptions) {
         state.orderedModifiers.forEach(function(modifier) {
           return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
         });
-        for (var index = 0; index < state.orderedModifiers.length; index++) {
+        for (var index2 = 0; index2 < state.orderedModifiers.length; index2++) {
           if (state.reset === true) {
             state.reset = false;
-            index = -1;
+            index2 = -1;
             continue;
           }
-          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+          var _state$orderedModifie = state.orderedModifiers[index2], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
           if (typeof fn2 === "function") {
             state = fn2({
               state,
@@ -2107,7 +2446,7 @@ var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyS
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
-const _sfc_main$m = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "PopperContent",
   props: {
     popperId: {
@@ -2155,29 +2494,29 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["id", "aria-hidden", "tabindex"];
-const _hoisted_2$b = {
+const _hoisted_1$m = ["id", "aria-hidden", "tabindex"];
+const _hoisted_2$g = {
   ref: "arrow",
   class: "dao-popper-arrow"
 };
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_3$a = /* @__PURE__ */ createElementVNode("svg", {
   class: "dao-popper-arrow-viewbox",
-  viewBox: "0 0 30 30"
+  viewBox: "0 0 15 15"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
     class: "pt-popper-arrow-border",
-    d: "M8.11 6.302c1.015-.936 1.887-2.922 1.887-4.297v26c0-1.378-.868-3.357-1.888-4.297L.925 17.09c-1.237-1.14-1.233-3.034 0-4.17L8.11 6.302z",
-    "fill-opacity": "0.1"
+    d: "M4 7.5L14 -1L14 16Z",
+    opacity: "0.1"
   }),
   /* @__PURE__ */ createElementVNode("path", {
     class: "pt-popper-arrow-fill",
-    d: "M9.387 7.036c1.22-1.125 2.21-3.376 2.21-5.03V0v30-2.005c0-1.654-.983-3.9-2.21-5.03l-7.183-6.616c-.81-.746-.802-1.96 0-2.7l7.183-6.614z"
+    d: "M6 7.5L15 -1L15 16Z"
   })
 ], -1);
-const _hoisted_4$6 = [
-  _hoisted_3$7
+const _hoisted_4$9 = [
+  _hoisted_3$a
 ];
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     id: _ctx.popperId,
     ref: "popover",
@@ -2196,12 +2535,12 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 4),
-    withDirectives(createElementVNode("div", _hoisted_2$b, _hoisted_4$6, 512), [
+    withDirectives(createElementVNode("div", _hoisted_2$g, _hoisted_4$9, 512), [
       [vShow, _ctx.visibleArrow]
     ])
-  ], 42, _hoisted_1$f);
+  ], 42, _hoisted_1$m);
 }
-var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$j]]);
+var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$t]]);
 var PopperProps = {
   modelValue: {
     type: Boolean,
@@ -2291,7 +2630,7 @@ function updatePopperOptions(popperInstance, modifiers, popperOptions = {}) {
     });
   });
 }
-const _sfc_main$l = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "DaoPopper",
   components: {
     PopperContent
@@ -2481,10 +2820,17 @@ const _sfc_main$l = defineComponent({
       }
     };
     const handleDocumentClick = (e) => {
+      let { target } = e;
+      if (e.composed) {
+        const composedPath = e.composedPath();
+        if (composedPath.length) {
+          [target] = composedPath;
+        }
+      }
       if (!unref(isOpen)) {
         return;
       }
-      if (!(_popperNode == null ? void 0 : _popperNode.contains(e.target)) && !(_targetNode == null ? void 0 : _targetNode.contains(e.target))) {
+      if (!(_popperNode == null ? void 0 : _popperNode.contains(target)) && !(_targetNode == null ? void 0 : _targetNode.contains(target))) {
         hide();
       }
     };
@@ -2641,7 +2987,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popper_content = resolveComponent("popper-content");
   return openBlock(), createElementBlock("div", {
     ref: "reference",
@@ -2683,11 +3029,11 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["to", "disabled"]))
   ], 2);
 }
-var DaoPopper = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$i]]);
-const _sfc_main$k = defineComponent({
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$s]]);
+const _sfc_main$u = defineComponent({
   name: "DaoDropdown",
   components: {
-    DaoPopper
+    DaoPopper: Popper
   },
   props: {
     trigger: {
@@ -2740,8 +3086,8 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-const _hoisted_1$e = { tabindex: "0" };
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$l = { tabindex: "0" };
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_popper = resolveComponent("dao-popper");
   return openBlock(), createBlock(_component_dao_popper, {
     ref: "popper",
@@ -2757,27 +3103,27 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "menu")
     ]),
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$e, [
+      createElementVNode("div", _hoisted_1$l, [
         renderSlot(_ctx.$slots, "default")
       ])
     ]),
     _: 3
   }, 8, ["placement", "append-to", "trigger", "offset", "model-value"]);
 }
-var dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$h]]);
+var dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$r]]);
 var dropdownMenu_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$j = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "DaoDropdownMenu"
 });
-const _hoisted_1$d = { class: "dao-dropdown-menu" };
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("ul", _hoisted_1$d, [
+const _hoisted_1$k = { class: "dao-dropdown-menu" };
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("ul", _hoisted_1$k, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var dropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$g]]);
+var dropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
 var dropdownItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$i = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "DaoDropdownItem",
   props: {
     type: {
@@ -2826,14 +3172,259 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("li", mergeProps({ class: _ctx.classList }, _ctx.itemAttrs), [
     _ctx.type !== "divider" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
   ], 16);
 }
-var dropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$f]]);
+var dropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$p]]);
+const expansionProps = {
+  modelValue: {
+    type: [String, Symbol, Array]
+  },
+  accordion: {
+    type: Boolean,
+    default: false
+  }
+};
+const expansionItemProps = {
+  name: {
+    type: [String, Symbol],
+    required: true
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  }
+};
+var expansion_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$r = defineComponent({
+  name: "DaoExpansion",
+  props: expansionProps,
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit }) {
+    const { accordion, modelValue } = toRefs(props);
+    const state = reactive({
+      expansionRecord: modelValue.value,
+      accordion: accordion.value
+    });
+    function toggleItem(itemName) {
+      if (props.accordion) {
+        let currentVal = itemName;
+        if (currentVal === state.expansionRecord) {
+          currentVal = void 0;
+        }
+        state.expansionRecord = currentVal;
+        emit("update:modelValue", currentVal);
+        emit("change", currentVal);
+      } else {
+        let rst = [];
+        if (Array.isArray(state.expansionRecord)) {
+          rst = [...state.expansionRecord];
+        }
+        const idx = rst.indexOf(itemName);
+        if (idx > -1) {
+          rst.splice(idx, 1);
+        } else {
+          rst.push(itemName);
+        }
+        state.expansionRecord = rst;
+        emit("update:modelValue", rst);
+        emit("change", rst);
+      }
+    }
+    watch([modelValue, accordion], ([newM, newA]) => {
+      state.expansionRecord = newM;
+      if (newA !== state.accordion) {
+        let nextRecordVal;
+        if (newA) {
+          if (Array.isArray(state.expansionRecord)) {
+            if (state.expansionRecord.length) {
+              [nextRecordVal] = state.expansionRecord;
+            }
+          } else {
+            nextRecordVal = state.expansionRecord;
+          }
+        } else {
+          nextRecordVal = [];
+          if (state.expansionRecord !== void 0) {
+            if (!Array.isArray(state.expansionRecord)) {
+              nextRecordVal[0] = state.expansionRecord;
+            }
+          }
+        }
+        state.expansionRecord = nextRecordVal;
+        debugger;
+        emit("update:modelValue", nextRecordVal);
+        emit("change", nextRecordVal);
+      }
+      state.accordion = newA;
+    });
+    provide(ToggleItemKey, toggleItem);
+    provide(ExpansionStateKey, state);
+    return {
+      toggleItem,
+      state
+    };
+  }
+});
+const _hoisted_1$j = { class: "dao-expansion" };
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var expansion = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$o]]);
+var expansionItem_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$q = defineComponent({
+  name: "DaoExpansionItem",
+  components: {
+    DaoIcon
+  },
+  props: expansionItemProps,
+  setup(props) {
+    const toggleItem = inject(ToggleItemKey, null);
+    const parentState = inject(ExpansionStateKey, null);
+    function onItemClick() {
+      if (props.name !== void 0) {
+        toggleItem == null ? void 0 : toggleItem(props.name);
+      }
+    }
+    const isExpanded = computed(() => {
+      if (parentState == null ? void 0 : parentState.expansionRecord) {
+        if (parentState == null ? void 0 : parentState.accordion) {
+          return parentState.expansionRecord === props.name;
+        }
+        if (Array.isArray(parentState == null ? void 0 : parentState.expansionRecord) && props.name !== void 0) {
+          return parentState.expansionRecord.includes(props.name);
+        }
+      }
+      return false;
+    });
+    function onBeforeEnter(el) {
+      if (el instanceof HTMLElement) {
+        const { style } = el;
+        style.maxHeight = "0px";
+      }
+    }
+    function onEnter(el) {
+      if (el instanceof HTMLElement) {
+        const { style } = el;
+        style.maxHeight = `${el.scrollHeight || style.maxHeight}px`;
+      }
+    }
+    function onAfterEnter(el) {
+      if (el instanceof HTMLElement) {
+        const { style } = el;
+        style.maxHeight = "";
+      }
+    }
+    function onBeforeLeave(el) {
+      if (el instanceof HTMLElement) {
+        const { style } = el;
+        if (el.scrollHeight !== 0) {
+          style.maxHeight = `${el.scrollHeight}px`;
+        }
+      }
+    }
+    function onLeave(el) {
+      if (el instanceof HTMLElement) {
+        const { style } = el;
+        style.maxHeight = "0px";
+      }
+    }
+    function onAfterLeave(el) {
+      if (el instanceof HTMLElement) {
+        const { style } = el;
+        style.maxHeight = "";
+      }
+    }
+    return {
+      onItemClick,
+      isExpanded,
+      onBeforeEnter,
+      onEnter,
+      onAfterEnter,
+      onBeforeLeave,
+      onLeave,
+      onAfterLeave
+    };
+  }
+});
+const _hoisted_1$i = { class: "dao-expansion-item-icon-container" };
+const _hoisted_2$f = { class: "dao-expansion-item-title-container" };
+const _hoisted_3$9 = { class: "dao-expansion-item-title dao-exp-ellipsis" };
+const _hoisted_4$8 = { class: "dao-expansion-item-description dao-exp-ellipsis" };
+const _hoisted_5$5 = { class: "dao-expansion-item-content-container" };
+const _hoisted_6$3 = { class: "dao-expansion-item-content" };
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["dao-expansion-item", {
+      "dao-expansion-item--expanded": _ctx.isExpanded
+    }])
+  }, [
+    createElementVNode("div", {
+      class: "dao-expansion-item-header",
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onItemClick && _ctx.onItemClick(...args))
+    }, [
+      createElementVNode("div", _hoisted_1$i, [
+        createVNode(_component_dao_icon, {
+          name: "icon-dropdown-line",
+          class: "dao-expansion-item-icon",
+          "use-font": ""
+        })
+      ]),
+      createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_3$9, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4$8, [
+          renderSlot(_ctx.$slots, "description", {}, () => [
+            createTextVNode(toDisplayString(_ctx.description), 1)
+          ])
+        ])
+      ]),
+      _ctx.$slots.action ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "dao-expansion-item-action",
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "action")
+      ])) : createCommentVNode("", true)
+    ]),
+    createVNode(Transition, {
+      name: "dao-expansion-item",
+      onBeforeEnter: _ctx.onBeforeEnter,
+      onEnter: _ctx.onEnter,
+      onAfterEnter: _ctx.onAfterEnter,
+      onBeforeLeave: _ctx.onBeforeLeave,
+      onLeave: _ctx.onLeave,
+      onAfterLeave: _ctx.onAfterLeave
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("div", _hoisted_5$5, [
+          createElementVNode("div", _hoisted_6$3, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ], 512), [
+          [vShow, _ctx.isExpanded]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
+  ], 2);
+}
+var expansionItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n]]);
 var form_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$h = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "DaoForm",
   props: {
     type: {
@@ -2851,7 +3442,7 @@ const _sfc_main$h = defineComponent({
     provide(formLabelWidthKey, labelWidth.value);
   }
 });
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "dao-form",
@@ -2871,18 +3462,24 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     } })
   ], 2);
 }
-var form = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$e]]);
+var form = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$m]]);
+var tooltipProps = __spreadProps(__spreadValues({}, PopperProps), {
+  offset: {
+    type: [Number, String],
+    default: 10
+  }
+});
 var tooltip_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$g = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
+const _sfc_main$o = defineComponent(__spreadProps(__spreadValues({}, Popper), {
   name: "DaoTooltip",
-  props: PopperProps,
+  props: tooltipProps,
   daoPopperTheme: "dao-tooltip"
 }));
 var formItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$f = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "DaoFormItem",
   components: {
-    DaoTooltip: _sfc_main$g
+    DaoTooltip: _sfc_main$o
   },
   props: {
     label: {
@@ -2927,30 +3524,30 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "dao-form-item" };
-const _hoisted_2$a = {
+const _hoisted_1$h = { class: "dao-form-item" };
+const _hoisted_2$e = {
   key: 0,
   class: "dao-form-item__label-icon-wrapper"
 };
-const _hoisted_3$6 = { class: "dao-form-item__label-icon-label" };
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("i", { class: "dao-form-item__label-icon icon-unknow" }, null, -1);
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$8 = { class: "dao-form-item__label-icon-label" };
+const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("i", { class: "dao-form-item__label-icon icon-unknow" }, null, -1);
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_tooltip = resolveComponent("dao-tooltip");
-  return openBlock(), createElementBlock("div", _hoisted_1$c, [
+  return openBlock(), createElementBlock("div", _hoisted_1$h, [
     createElementVNode("div", {
       class: "dao-form-item__label",
       style: normalizeStyle(_ctx.labelStyle)
     }, [
       renderSlot(_ctx.$slots, "label", {}, () => [
         createTextVNode(toDisplayString(!_ctx.iconMessage ? _ctx.label : ""), 1),
-        !!_ctx.iconMessage ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
-          createElementVNode("span", _hoisted_3$6, toDisplayString(_ctx.label), 1),
+        !!_ctx.iconMessage ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+          createElementVNode("span", _hoisted_3$8, toDisplayString(_ctx.label), 1),
           createVNode(_component_dao_tooltip, {
             content: _ctx.iconMessage,
             placement: "top"
           }, {
             default: withCtx(() => [
-              _hoisted_4$5
+              _hoisted_4$7
             ]),
             _: 1
           }, 8, ["content"])
@@ -2965,9 +3562,9 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ]);
 }
-var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$d]]);
+var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]);
 var formGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$e = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "DaoFormGroup",
   props: {
     title: {
@@ -2976,11 +3573,11 @@ const _sfc_main$e = defineComponent({
     }
   }
 });
-const _hoisted_1$b = { class: "dao-form-group" };
-const _hoisted_2$9 = { class: "dao-form-group__title" };
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$b, [
-    createElementVNode("div", _hoisted_2$9, [
+const _hoisted_1$g = { class: "dao-form-group" };
+const _hoisted_2$d = { class: "dao-form-group__title" };
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$g, [
+    createElementVNode("div", _hoisted_2$d, [
       renderSlot(_ctx.$slots, "title", {}, () => [
         createTextVNode(toDisplayString(_ctx.title), 1)
       ])
@@ -2988,20 +3585,216 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
+var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k]]);
+const headerProps = {
+  type: {
+    type: String,
+    default: "2rd"
+  },
+  title: {
+    type: String,
+    default: ""
+  }
+};
+var header_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$l = 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
+    }));
+    return {
+      ns: "dao-header",
+      showInfo
+    };
+  }
+});
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "header",
+    "aria-label": "Header",
+    class: normalizeClass(_ctx.ns)
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns + "__left-container")
+    }, [
+      _ctx.showInfo.title ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.ns + "__title")
+      }, [
+        renderSlot(_ctx.$slots, "title", {}, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ])
+      ], 2)) : createCommentVNode("", true),
+      _ctx.showInfo.breadcrumb ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(_ctx.ns + "__breadcrumb")
+      }, [
+        renderSlot(_ctx.$slots, "breadcrumb")
+      ], 2)) : createCommentVNode("", true)
+    ], 2),
+    _ctx.$slots.action ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.ns + "__action")
+    }, [
+      renderSlot(_ctx.$slots, "action")
+    ], 2)) : createCommentVNode("", true)
+  ], 2);
+}
+var header = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]);
+const breadcrumbProps = {
+  type: {
+    type: String,
+    default: "3rd"
+  },
+  list: {
+    type: Array,
+    default: () => []
+  },
+  separator: {
+    type: String,
+    default: "/"
+  },
+  icon: {
+    type: String,
+    default: ""
+  }
+};
+const breadcrumbEmits = {
+  navigate: (to) => to
+};
+const breadcrumbItemProps = {
+  label: {
+    type: String
+  },
+  value: {
+    type: String
+  },
+  to: {
+    type: [String, Object]
+  }
+};
+const _sfc_main$k = defineComponent({
+  name: "DaoBreadcrumbItem",
+  props: breadcrumbItemProps,
+  setup(props) {
+    const parent = inject(breadcrumbKey, null);
+    const separator = computed(() => {
+      var _a;
+      return (_a = parent == null ? void 0 : parent.props) == null ? void 0 : _a.separator;
+    });
+    const handleClick = () => {
+      const to = props == null ? void 0 : props.to;
+      if (to && (parent == null ? void 0 : parent.emit)) {
+        parent.emit("navigate", to);
+      }
+    };
+    return {
+      ns: "dao-breadcrumb",
+      handleClick,
+      separator
+    };
+  }
+});
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(_ctx.ns + "__item")
+  }, [
+    createElementVNode("span", {
+      role: "link",
+      class: normalizeClass({ [_ctx.ns + "__link"]: !!_ctx.to }),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      _ctx.label ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        role: "label",
+        class: normalizeClass(_ctx.ns + "__label")
+      }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true),
+      _ctx.value ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        class: normalizeClass(_ctx.ns + "__value"),
+        role: "value"
+      }, toDisplayString(_ctx.value), 3)) : createCommentVNode("", true),
+      _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+        key: 2,
+        role: "slot",
+        class: normalizeClass(_ctx.ns + "__slot")
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2)) : createCommentVNode("", true)
+    ], 2),
+    createElementVNode("span", {
+      class: normalizeClass(_ctx.ns + "__separator")
+    }, toDisplayString(_ctx.separator), 3)
+  ], 2);
+}
+var DaoBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
+var breadcrumb_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$j = defineComponent({
+  name: "DaoBreadcrumb",
+  components: {
+    DaoIcon,
+    DaoBreadcrumbItem
+  },
+  props: breadcrumbProps,
+  emits: breadcrumbEmits,
+  setup(props, { emit }) {
+    provide(breadcrumbKey, { props, emit });
+    return {
+      ns: "dao-breadcrumb"
+    };
+  }
+});
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_dao_icon = resolveComponent("dao-icon");
+  const _component_dao_breadcrumb_item = resolveComponent("dao-breadcrumb-item");
+  return openBlock(), createElementBlock("div", {
+    ref: "breadcrumb",
+    "aria-label": "Breadcrumb",
+    role: "navigation",
+    class: normalizeClass(_ctx.ns)
+  }, [
+    _ctx.$slots.icon || _ctx.icon ? (openBlock(), createElementBlock("span", {
+      key: 0,
+      class: normalizeClass(_ctx.ns + "__icon")
+    }, [
+      renderSlot(_ctx.$slots, "icon", {}, () => [
+        createVNode(_component_dao_icon, {
+          "use-font": "",
+          name: _ctx.icon
+        }, null, 8, ["name"])
+      ])
+    ], 2)) : createCommentVNode("", true),
+    ((_a = _ctx.list) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.list, (item, index2) => {
+      return openBlock(), createBlock(_component_dao_breadcrumb_item, {
+        key: index2,
+        label: item.label,
+        value: item.value,
+        to: item.to
+      }, null, 8, ["label", "value", "to"]);
+    }), 128)) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
 if (typeof window !== "undefined") {
   let loadSvg = function() {
-    let body = document.body;
-    let svgDom = document.getElementById("__svg__icons__dom__1642736420206__");
+    var body = document.body;
+    var svgDom = document.getElementById("__svg__icons__dom__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1642736420206__";
+      svgDom.id = "__svg__icons__dom__";
+      svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+      svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
-    svgDom.innerHTML = '<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_arrow-down"><path d="m2.97 10.03 4.5 4.5a.749.749 0 0 0 1.06 0l4.5-4.5a.75.75 0 0 0-1.06-1.06L9 11.939V2a1 1 0 0 0-2 0v9.939L4.03 8.97a.75.75 0 1 0-1.06 1.06Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_arrow-left"><path d="m5.97 2.97-4.5 4.5a.749.749 0 0 0 0 1.06l4.5 4.5a.75.75 0 0 0 1.06-1.06L4.061 9H14a1 1 0 0 0 0-2H4.061L7.03 4.03a.75.75 0 1 0-1.06-1.06Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_arrow-right"><path d="m10.03 13.03 4.5-4.5a.749.749 0 0 0 0-1.06l-4.5-4.5a.75.75 0 1 0-1.06 1.06L11.939 7H2a1 1 0 0 0 0 2h9.939L8.97 11.97a.75.75 0 0 0 1.06 1.06Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_arrow-up"><path d="m13.03 5.97-4.5-4.5a.749.749 0 0 0-1.06 0l-4.5 4.5a.75.75 0 1 0 1.06 1.06L7 4.061V14a1 1 0 0 0 2 0V4.061l2.97 2.969a.75.75 0 0 0 1.06-1.06Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_caret-down"><path d="M8 10.75a.747.747 0 0 1-.53-.22l-3.5-3.5a.75.75 0 0 1 1.06-1.06L8 8.939l2.97-2.97a.75.75 0 0 1 1.06 1.061l-3.5 3.5a.747.747 0 0 1-.53.22Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_caret-left"><path d="M5.25 8a.747.747 0 0 1 .22-.53l3.5-3.5a.75.75 0 0 1 1.06 1.06L7.061 8l2.97 2.97a.75.75 0 1 1-1.061 1.06l-3.5-3.5A.747.747 0 0 1 5.25 8Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_caret-more"><path d="M13.75 8a.747.747 0 0 1-.22.53l-3.5 3.5a.75.75 0 0 1-1.06-1.06L11.939 8 8.97 5.03a.75.75 0 1 1 1.06-1.06l3.5 3.5a.747.747 0 0 1 .22.53ZM7.75 8a.747.747 0 0 1-.22.53l-3.5 3.5a.75.75 0 0 1-1.06-1.06L5.939 8 2.97 5.03a.75.75 0 0 1 1.06-1.06l3.5 3.5a.747.747 0 0 1 .22.53Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_caret-right"><path d="M10.75 8a.747.747 0 0 1-.22.53l-3.5 3.5a.75.75 0 0 1-1.06-1.06L8.939 8 5.97 5.03a.75.75 0 0 1 1.06-1.06l3.5 3.5a.747.747 0 0 1 .22.53Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_caret-select"><path d="M8 14.75a.747.747 0 0 1-.53-.22l-3.5-3.5a.75.75 0 0 1 1.06-1.06L8 12.939l2.97-2.97a.75.75 0 0 1 1.06 1.061l-3.5 3.5a.747.747 0 0 1-.53.22ZM8 1.25a.747.747 0 0 1 .53.22l3.5 3.5a.75.75 0 0 1-1.06 1.06L8 3.061 5.03 6.03a.75.75 0 0 1-1.06-1.06l3.5-3.5A.747.747 0 0 1 8 1.25Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_caret-up"><path d="M8 5.25a.747.747 0 0 1 .53.22l3.5 3.5a.75.75 0 0 1-1.06 1.06L8 7.061 5.03 10.03a.75.75 0 0 1-1.06-1.06l3.5-3.5A.747.747 0 0 1 8 5.25Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_close"><path d="m9.414 8 4.453-4.453a1 1 0 1 0-1.414-1.414L8 6.586 3.547 2.133a1 1 0 0 0-1.414 1.414L6.586 8l-4.453 4.453a1 1 0 1 0 1.414 1.414L8 9.414l4.453 4.453a1 1 0 0 0 1.414-1.414Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_reload"><path d="M15 7V1l-2.055 2.055a7 7 0 1 0 1.649 7.279 1 1 0 0 0-1.885-.668 5 5 0 1 1-1.177-5.2L9 7Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_search"><path d="m15.03 13.97-3.975-3.975a5.772 5.772 0 1 0-1.06 1.06l3.975 3.975a.75.75 0 0 0 1.06-1.06ZM1.75 6.5a4.75 4.75 0 1 1 4.75 4.75A4.75 4.75 0 0 1 1.75 6.5Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_setting"><path d="M15.6 6.75h-2.335a.614.614 0 0 1-.572-.423 4.764 4.764 0 0 0-.192-.461.615.615 0 0 1 .105-.7l1.652-1.656a.4.4 0 0 0 0-.566l-1.2-1.2a.4.4 0 0 0-.566 0l-1.653 1.65a.616.616 0 0 1-.7.1 4.764 4.764 0 0 0-.461-.192.614.614 0 0 1-.423-.572V.4a.4.4 0 0 0-.4-.4H7.15a.4.4 0 0 0-.4.4v2.335a.614.614 0 0 1-.423.572 4.764 4.764 0 0 0-.461.192.616.616 0 0 1-.7-.1L3.51 1.742a.4.4 0 0 0-.566 0l-1.2 1.2a.4.4 0 0 0 0 .566l1.65 1.653a.615.615 0 0 1 .1.705 4.764 4.764 0 0 0-.192.461.614.614 0 0 1-.572.423H.4a.4.4 0 0 0-.4.4v1.7a.4.4 0 0 0 .4.4h2.335a.614.614 0 0 1 .572.423 4.764 4.764 0 0 0 .192.461.615.615 0 0 1-.1.705L1.742 12.49a.4.4 0 0 0 0 .566l1.2 1.2a.4.4 0 0 0 .566 0l1.651-1.652a.615.615 0 0 1 .705-.105 4.764 4.764 0 0 0 .461.192.614.614 0 0 1 .423.572V15.6a.4.4 0 0 0 .4.4h1.7a.4.4 0 0 0 .4-.4v-2.335a.614.614 0 0 1 .423-.572 4.764 4.764 0 0 0 .461-.192.615.615 0 0 1 .705.105l1.651 1.652a.4.4 0 0 0 .566 0l1.2-1.2a.4.4 0 0 0 0-.566l-1.652-1.651a.615.615 0 0 1-.105-.7 4.764 4.764 0 0 0 .192-.461.614.614 0 0 1 .572-.423H15.6a.4.4 0 0 0 .4-.4V7.15a.4.4 0 0 0-.4-.4ZM8 10a2 2 0 1 1 2-2 2 2 0 0 1-2 2Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_trash"><path d="M6 5h1v8H6zM9 5h1v8H9z" /><path d="M13 2h-2V1a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H3a1 1 0 0 0-1 1v1h1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4h1V3a1 1 0 0 0-1-1ZM6 1h4v1H6Zm6 13H4V4h8Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_triangle-down"><path d="M4 6h8l-4 5-4-5z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_triangle-left"><path d="M10 4v8L5 8l5-4z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_triangle-right"><path d="M6 12V4l5 4-5 4z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_triangle-up"><path d="M12 10H4l4-5 4 5z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_close-circled"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Zm3.03 9.47a.75.75 0 1 1-1.06 1.06L8 9.061 6.03 11.03a.75.75 0 0 1-1.06-1.06L6.939 8 4.97 6.03a.75.75 0 0 1 1.06-1.06L8 6.939 9.97 4.97a.75.75 0 0 1 1.06 1.06L9.061 8Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_goto"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Zm0 11V9H4V7h4V4.5L12.4 8Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_info-line"><path d="M9 11V7H6v.7h1V11H6v1h4v-1H9z" /><circle cx="8" cy="5" r="1.1" /><path d="M8 1.5A6.5 6.5 0 1 1 1.5 8 6.508 6.508 0 0 1 8 1.5m0-1A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_minus-circled"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5ZM12 9H4V7h8Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_more"><circle cx="14" cy="8" r="2" /><circle cx="8" cy="8" r="2" /><circle cx="2" cy="8" r="2" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_plus-circled"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5ZM12 9H9v3H7V9H4V7h3V4h2v3h3Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_question-line"><path d="M8 1.5A6.5 6.5 0 1 1 1.5 8 6.508 6.508 0 0 1 8 1.5m0-1A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Z" /><path d="M7 11h2v2H7zM8.75 10v-.5c.005-1.335 2.005-1.47 2-3.615A2.719 2.719 0 0 0 8 3.25 2.752 2.752 0 0 0 5.25 6h1.5a1.251 1.251 0 0 1 2.5-.052 1.614 1.614 0 0 1-.727 1.206A2.881 2.881 0 0 0 7.25 9.5v.5Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_file-binary"><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0ZM4 6v5h3V6Zm2 4H5V7h1ZM11 10V6H9v1h1v3H9v1h3v-1h-1z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_file-code"><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0ZM6.5 11a.5.5 0 0 1-.354-.146l-2-2a.5.5 0 0 1 0-.708l2-2a.5.5 0 0 1 .708.708L5.207 8.5l1.647 1.646A.5.5 0 0 1 6.5 11ZM9.5 11a.5.5 0 0 1-.354-.854L10.793 8.5 9.146 6.854a.5.5 0 0 1 .708-.708l2 2a.5.5 0 0 1 0 .708l-2 2A.5.5 0 0 1 9.5 11Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_file-picture"><circle cx="10" cy="7" r="1" /><path d="M13 14v-2.25l-2-2-1.5 1.5-3-3-3.5 3.5V14h10z" /><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_file-text"><path d="M5 6h6v1H5zM5 8h6v1H5zM5 10h6v1H5z" /><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_file-zip"><path d="M7 2h1v1H7zM6 3h1v1H6zM7 4h1v1H7zM6 5h1v1H6zM7 6h1v1H7zM8.692 8.692 8 8H7V7H6v1l-.692.692A1.051 1.051 0 0 0 5 9.435V10.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V9.435a1.051 1.051 0 0 0-.308-.743ZM8 10H6V9h2Z" /><path d="M14 4v11H2V1h4v1h1V1h4V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon_file"><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" id="icon_checkmark-symbol"><path d="m2.466 7.29 1.016-1.152 2.515 2.527 5.359-5.634.83.729-6.182 7.734L2.466 7.29z" /></symbol>';
-    body.insertBefore(svgDom, body.firstChild);
+    svgDom.innerHTML = '<symbol  viewBox="0 0 16 16" id="icon_arrow-down"><path d="m2.97 10.03 4.5 4.5a.749.749 0 0 0 1.06 0l4.5-4.5a.75.75 0 0 0-1.06-1.06L9 11.939V2a1 1 0 0 0-2 0v9.939L4.03 8.97a.75.75 0 1 0-1.06 1.06Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_arrow-left"><path d="m5.97 2.97-4.5 4.5a.749.749 0 0 0 0 1.06l4.5 4.5a.75.75 0 0 0 1.06-1.06L4.061 9H14a1 1 0 0 0 0-2H4.061L7.03 4.03a.75.75 0 1 0-1.06-1.06Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_arrow-right"><path d="m10.03 13.03 4.5-4.5a.749.749 0 0 0 0-1.06l-4.5-4.5a.75.75 0 1 0-1.06 1.06L11.939 7H2a1 1 0 0 0 0 2h9.939L8.97 11.97a.75.75 0 0 0 1.06 1.06Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_arrow-up"><path d="m13.03 5.97-4.5-4.5a.749.749 0 0 0-1.06 0l-4.5 4.5a.75.75 0 1 0 1.06 1.06L7 4.061V14a1 1 0 0 0 2 0V4.061l2.97 2.969a.75.75 0 0 0 1.06-1.06Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_caret-down"><path d="M8 10.75a.747.747 0 0 1-.53-.22l-3.5-3.5a.75.75 0 0 1 1.06-1.06L8 8.939l2.97-2.97a.75.75 0 0 1 1.06 1.061l-3.5 3.5a.747.747 0 0 1-.53.22Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_caret-left"><path d="M5.25 8a.747.747 0 0 1 .22-.53l3.5-3.5a.75.75 0 0 1 1.06 1.06L7.061 8l2.97 2.97a.75.75 0 1 1-1.061 1.06l-3.5-3.5A.747.747 0 0 1 5.25 8Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_caret-more"><path d="M13.75 8a.747.747 0 0 1-.22.53l-3.5 3.5a.75.75 0 0 1-1.06-1.06L11.939 8 8.97 5.03a.75.75 0 1 1 1.06-1.06l3.5 3.5a.747.747 0 0 1 .22.53ZM7.75 8a.747.747 0 0 1-.22.53l-3.5 3.5a.75.75 0 0 1-1.06-1.06L5.939 8 2.97 5.03a.75.75 0 0 1 1.06-1.06l3.5 3.5a.747.747 0 0 1 .22.53Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_caret-right"><path d="M10.75 8a.747.747 0 0 1-.22.53l-3.5 3.5a.75.75 0 0 1-1.06-1.06L8.939 8 5.97 5.03a.75.75 0 0 1 1.06-1.06l3.5 3.5a.747.747 0 0 1 .22.53Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_caret-select"><path d="M8 14.75a.747.747 0 0 1-.53-.22l-3.5-3.5a.75.75 0 0 1 1.06-1.06L8 12.939l2.97-2.97a.75.75 0 0 1 1.06 1.061l-3.5 3.5a.747.747 0 0 1-.53.22ZM8 1.25a.747.747 0 0 1 .53.22l3.5 3.5a.75.75 0 0 1-1.06 1.06L8 3.061 5.03 6.03a.75.75 0 0 1-1.06-1.06l3.5-3.5A.747.747 0 0 1 8 1.25Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_caret-up"><path d="M8 5.25a.747.747 0 0 1 .53.22l3.5 3.5a.75.75 0 0 1-1.06 1.06L8 7.061 5.03 10.03a.75.75 0 0 1-1.06-1.06l3.5-3.5A.747.747 0 0 1 8 5.25Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_close"><path d="m9.414 8 4.453-4.453a1 1 0 1 0-1.414-1.414L8 6.586 3.547 2.133a1 1 0 0 0-1.414 1.414L6.586 8l-4.453 4.453a1 1 0 1 0 1.414 1.414L8 9.414l4.453 4.453a1 1 0 0 0 1.414-1.414Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_reload"><path d="M15 7V1l-2.055 2.055a7 7 0 1 0 1.649 7.279 1 1 0 0 0-1.885-.668 5 5 0 1 1-1.177-5.2L9 7Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_search"><path d="m15.03 13.97-3.975-3.975a5.772 5.772 0 1 0-1.06 1.06l3.975 3.975a.75.75 0 0 0 1.06-1.06ZM1.75 6.5a4.75 4.75 0 1 1 4.75 4.75A4.75 4.75 0 0 1 1.75 6.5Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_setting"><path d="M15.6 6.75h-2.335a.614.614 0 0 1-.572-.423 4.764 4.764 0 0 0-.192-.461.615.615 0 0 1 .105-.7l1.652-1.656a.4.4 0 0 0 0-.566l-1.2-1.2a.4.4 0 0 0-.566 0l-1.653 1.65a.616.616 0 0 1-.7.1 4.764 4.764 0 0 0-.461-.192.614.614 0 0 1-.423-.572V.4a.4.4 0 0 0-.4-.4H7.15a.4.4 0 0 0-.4.4v2.335a.614.614 0 0 1-.423.572 4.764 4.764 0 0 0-.461.192.616.616 0 0 1-.7-.1L3.51 1.742a.4.4 0 0 0-.566 0l-1.2 1.2a.4.4 0 0 0 0 .566l1.65 1.653a.615.615 0 0 1 .1.705 4.764 4.764 0 0 0-.192.461.614.614 0 0 1-.572.423H.4a.4.4 0 0 0-.4.4v1.7a.4.4 0 0 0 .4.4h2.335a.614.614 0 0 1 .572.423 4.764 4.764 0 0 0 .192.461.615.615 0 0 1-.1.705L1.742 12.49a.4.4 0 0 0 0 .566l1.2 1.2a.4.4 0 0 0 .566 0l1.651-1.652a.615.615 0 0 1 .705-.105 4.764 4.764 0 0 0 .461.192.614.614 0 0 1 .423.572V15.6a.4.4 0 0 0 .4.4h1.7a.4.4 0 0 0 .4-.4v-2.335a.614.614 0 0 1 .423-.572 4.764 4.764 0 0 0 .461-.192.615.615 0 0 1 .705.105l1.651 1.652a.4.4 0 0 0 .566 0l1.2-1.2a.4.4 0 0 0 0-.566l-1.652-1.651a.615.615 0 0 1-.105-.7 4.764 4.764 0 0 0 .192-.461.614.614 0 0 1 .572-.423H15.6a.4.4 0 0 0 .4-.4V7.15a.4.4 0 0 0-.4-.4ZM8 10a2 2 0 1 1 2-2 2 2 0 0 1-2 2Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_trash"><path d="M6 5h1v8H6zM9 5h1v8H9z" /><path d="M13 2h-2V1a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H3a1 1 0 0 0-1 1v1h1v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4h1V3a1 1 0 0 0-1-1ZM6 1h4v1H6Zm6 13H4V4h8Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_triangle-down"><path d="M4 6h8l-4 5-4-5z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_triangle-left"><path d="M10 4v8L5 8l5-4z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_triangle-right"><path d="M6 12V4l5 4-5 4z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_triangle-up"><path d="M12 10H4l4-5 4 5z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_close-circled"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Zm3.03 9.47a.75.75 0 1 1-1.06 1.06L8 9.061 6.03 11.03a.75.75 0 0 1-1.06-1.06L6.939 8 4.97 6.03a.75.75 0 0 1 1.06-1.06L8 6.939 9.97 4.97a.75.75 0 0 1 1.06 1.06L9.061 8Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_goto"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Zm0 11V9H4V7h4V4.5L12.4 8Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_info-line"><path d="M9 11V7H6v.7h1V11H6v1h4v-1H9z" /><circle cx="8" cy="5" r="1.1" /><path d="M8 1.5A6.5 6.5 0 1 1 1.5 8 6.508 6.508 0 0 1 8 1.5m0-1A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_minus-circled"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5ZM12 9H4V7h8Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_more"><circle cx="14" cy="8" r="2" /><circle cx="8" cy="8" r="2" /><circle cx="2" cy="8" r="2" /></symbol><symbol  viewBox="0 0 16 16" id="icon_plus-circled"><path d="M8 .5A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5ZM12 9H9v3H7V9H4V7h3V4h2v3h3Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_question-line"><path d="M8 1.5A6.5 6.5 0 1 1 1.5 8 6.508 6.508 0 0 1 8 1.5m0-1A7.5 7.5 0 1 0 15.5 8 7.5 7.5 0 0 0 8 .5Z" /><path d="M7 11h2v2H7zM8.75 10v-.5c.005-1.335 2.005-1.47 2-3.615A2.719 2.719 0 0 0 8 3.25 2.752 2.752 0 0 0 5.25 6h1.5a1.251 1.251 0 0 1 2.5-.052 1.614 1.614 0 0 1-.727 1.206A2.881 2.881 0 0 0 7.25 9.5v.5Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_file-binary"><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0ZM4 6v5h3V6Zm2 4H5V7h1ZM11 10V6H9v1h1v3H9v1h3v-1h-1z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_file-code"><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0ZM6.5 11a.5.5 0 0 1-.354-.146l-2-2a.5.5 0 0 1 0-.708l2-2a.5.5 0 0 1 .708.708L5.207 8.5l1.647 1.646A.5.5 0 0 1 6.5 11ZM9.5 11a.5.5 0 0 1-.354-.854L10.793 8.5 9.146 6.854a.5.5 0 0 1 .708-.708l2 2a.5.5 0 0 1 0 .708l-2 2A.5.5 0 0 1 9.5 11Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_file-picture"><circle cx="10" cy="7" r="1" /><path d="M13 14v-2.25l-2-2-1.5 1.5-3-3-3.5 3.5V14h10z" /><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_file-text"><path d="M5 6h6v1H5zM5 8h6v1H5zM5 10h6v1H5z" /><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_file-zip"><path d="M7 2h1v1H7zM6 3h1v1H6zM7 4h1v1H7zM6 5h1v1H6zM7 6h1v1H7zM8.692 8.692 8 8H7V7H6v1l-.692.692A1.051 1.051 0 0 0 5 9.435V10.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V9.435a1.051 1.051 0 0 0-.308-.743ZM8 10H6V9h2Z" /><path d="M14 4v11H2V1h4v1h1V1h4V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol  viewBox="0 0 16 16" id="icon_file"><path d="M14 15H2V1h9V0H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h-1Z" /><path d="M15 3h-2a1 1 0 0 1-1-1V0Z" /></symbol><symbol  viewBox="0 0 14 14" id="icon_checkmark-symbol"><path d="m2.466 7.29 1.016-1.152 2.515 2.527 5.359-5.634.83.729-6.182 7.734L2.466 7.29z" /></symbol>';
+    body.insertBefore(svgDom, body.lastChild);
   };
   if (document.readyState === "loading") {
     document.addEventListener("DOMContentLoaded", loadSvg);
@@ -3009,55 +3802,59 @@ if (typeof window !== "undefined") {
     loadSvg();
   }
 }
+const INPUT_STATUS = ["default", "error", "success", "loading"];
+const INPUT_TYPES = ["text", "search", "number", "password"];
+var inputProps = {
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "text",
+    validator: (value) => INPUT_TYPES.includes(value)
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    default: "md",
+    validator: (value) => ["md", "sm"].includes(value)
+  },
+  block: {
+    type: Boolean,
+    default: false
+  },
+  status: {
+    type: String,
+    default: "default",
+    validator: (value) => INPUT_STATUS.includes(value)
+  },
+  borderless: {
+    type: Boolean,
+    default: false
+  },
+  append: {
+    type: String,
+    default: ""
+  },
+  prepend: {
+    type: String,
+    default: ""
+  }
+};
 var input_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$d = defineComponent({
+const _sfc_main$i = defineComponent({
   name: "DaoInput",
   inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: ""
-    },
-    type: {
-      type: String,
-      default: "text",
-      validator: (value) => ["text", "search", "number", "password"].includes(value)
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (value) => ["md", "sm"].includes(value)
-    },
-    block: {
-      type: Boolean,
-      default: false
-    },
-    status: {
-      type: String,
-      default: "default",
-      validator: (value) => ["default", "error", "success", "loading"].includes(value)
-    },
-    borderless: {
-      type: Boolean,
-      default: false
-    },
-    append: {
-      type: String,
-      default: ""
-    },
-    prepend: {
-      type: String,
-      default: ""
-    }
-  },
+  props: inputProps,
   emits: ["update:modelValue", "input", "change", "blur", "focus", "after-reset"],
   setup(props, { emit, attrs, slots }) {
     const prefixCls = "dao-input";
     const statusMap = {
+      default: "",
       error: "dao-input-error-icon icon-sys-warning",
       success: "dao-input-success-icon icon-sys-success",
       loading: "dao-input-loading-icon icon-input-loading"
@@ -3075,6 +3872,11 @@ const _sfc_main$d = defineComponent({
     const currentValue = ref(modelValue.value);
     const isFocus = ref(false);
     const input2 = ref(null);
+    const isIncreaseDisabled = ref(false);
+    const isDecreaseDisabled = ref(false);
+    const isChangingNumber = ref(false);
+    let counterInterval = null;
+    let counterTimeout = null;
     const clearable = computed(() => type.value === "search" && currentValue.value && !disabled.value);
     const wrapClasses = computed(() => [
       `${prefixCls}-wrapper`,
@@ -3096,10 +3898,18 @@ const _sfc_main$d = defineComponent({
         [`${prefixCls}--with-append`]: !!append.value
       }
     ]);
+    const statusClasses = computed(() => statusMap[status.value]);
     const setCurrentValue = (val) => {
       if (val === currentValue.value) {
         return;
       }
+      if (type.value === "number") {
+        const inputVal = parseFloat(val);
+        const maxVal = parseFloat(attrs.max);
+        const minVal = parseFloat(attrs.min);
+        isIncreaseDisabled.value = inputVal >= maxVal;
+        isDecreaseDisabled.value = inputVal <= minVal;
+      }
       currentValue.value = val;
     };
     const updateModel = (val) => {
@@ -3116,6 +3926,63 @@ const _sfc_main$d = defineComponent({
       emit("after-reset");
       (_a = input2.value) == null ? void 0 : _a.focus();
     };
+    const getInputRealNumber = (val, fixedPointNum) => parseFloat(val.toFixed(fixedPointNum));
+    const changeNumberValue = (changeType) => {
+      var _a;
+      if (type.value !== "number") {
+        return;
+      }
+      const minimum = parseFloat(attrs.min);
+      const maximum = parseFloat(attrs.max);
+      const isMaximum = currentValue.value || currentValue.value === 0 ? maximum <= (currentValue == null ? void 0 : currentValue.value) : false;
+      const isMinimum = currentValue.value || currentValue.value === 0 ? minimum >= (currentValue == null ? void 0 : currentValue.value) : false;
+      if (changeType === "increase" && isMaximum || changeType === "decrease" && isMinimum) {
+        return;
+      }
+      isChangingNumber.value = true;
+      const stepValue = parseFloat(attrs.step) || 1;
+      let stepPointNum = 0;
+      if (stepValue.toString().split(".").length > 1) {
+        stepPointNum = stepValue.toString().split(".")[1].length;
+      }
+      const inputVal = parseFloat(currentValue.value) || 0;
+      const inputStepPointValue = getInputRealNumber(inputVal, stepPointNum);
+      let setValue = inputVal;
+      const changeStepValue = changeType === "increase" ? stepValue : -stepValue;
+      setValue = (inputStepPointValue - inputVal) * changeStepValue > 0 ? inputStepPointValue : inputStepPointValue + changeStepValue;
+      if (setValue >= maximum) {
+        setValue = maximum;
+      }
+      if (setValue <= minimum) {
+        setValue = minimum;
+      }
+      updateModel(getInputRealNumber(setValue, stepPointNum));
+      (_a = input2.value) == null ? void 0 : _a.focus();
+      if (!counterTimeout && !counterInterval) {
+        counterTimeout = window.setTimeout(() => {
+          counterInterval = window.setInterval(() => changeNumberValue(changeType), 100);
+        }, 300);
+      }
+    };
+    const onInputNumberMouseup = (event) => {
+      var _a;
+      if (isChangingNumber.value) {
+        event.preventDefault();
+      }
+      const onEvents = !!counterTimeout || !!counterInterval;
+      if (counterTimeout) {
+        window.clearTimeout(counterTimeout);
+      }
+      if (counterInterval) {
+        window.clearInterval(counterInterval);
+      }
+      counterTimeout = null;
+      counterInterval = null;
+      isChangingNumber.value = false;
+      if (onEvents) {
+        (_a = input2.value) == null ? void 0 : _a.focus();
+      }
+    };
     const inputAttrs = computed(() => {
       const events = {
         onInput(event) {
@@ -3141,6 +4008,12 @@ const _sfc_main$d = defineComponent({
       return __spreadValues(__spreadValues({}, attrs), events);
     });
     watch(modelValue, (newV) => setCurrentValue(newV));
+    onMounted(() => {
+      window.addEventListener("mouseup", onInputNumberMouseup);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("mouseup", onInputNumberMouseup);
+    });
     return {
       currentValue,
       isFocus,
@@ -3151,41 +4024,47 @@ const _sfc_main$d = defineComponent({
       inputAttrs,
       slots,
       resetCurrentVal,
-      statusMap
+      statusClasses,
+      changeNumberValue,
+      isIncreaseDisabled,
+      isDecreaseDisabled,
+      isChangingNumber
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$f = {
   key: 0,
   class: "dao-input-prepend"
 };
-const _hoisted_2$8 = { class: "dao-input-inner" };
-const _hoisted_3$5 = {
+const _hoisted_2$c = {
   key: 0,
   class: "dao-input-prefix"
 };
-const _hoisted_4$4 = ["type", "disabled", "value"];
-const _hoisted_5$3 = {
-  key: 2,
+const _hoisted_3$7 = ["type", "disabled", "value"];
+const _hoisted_4$6 = {
+  key: 3,
   class: "dao-input-suffix"
 };
-const _hoisted_6$2 = {
-  key: 1,
+const _hoisted_5$4 = {
+  key: 0,
   class: "dao-input-append"
 };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.wrapClasses)
   }, [
-    renderSlot(_ctx.$slots, "prepend"),
-    _ctx.prepend && !_ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$a, toDisplayString(_ctx.prepend), 1)) : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_2$8, [
-      _ctx.slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+    renderSlot(_ctx.$slots, "prepend", {}, () => [
+      _ctx.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$f, toDisplayString(_ctx.prepend), 1)) : createCommentVNode("", true)
+    ]),
+    createElementVNode("div", {
+      class: normalizeClass(["dao-input-inner", { "dao-input__changing-number": _ctx.isChangingNumber }])
+    }, [
+      _ctx.slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
         renderSlot(_ctx.$slots, "prefix")
       ])) : createCommentVNode("", true),
       _ctx.type === "search" ? (openBlock(), createElementBlock("i", {
         key: 1,
-        class: normalizeClass(["dao-input-search-icon", "icon-search", { active: _ctx.isFocus }])
+        class: normalizeClass(["dao-input-search-icon", "icon-search", { "dao-input__active": _ctx.isFocus }])
       }, null, 2)) : createCommentVNode("", true),
       createElementVNode("input", mergeProps({
         ref: "input",
@@ -3195,387 +4074,831 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.disabled,
         value: _ctx.currentValue,
         onKeyup: _cache[0] || (_cache[0] = withKeys((...args) => _ctx.resetCurrentVal && _ctx.resetCurrentVal(...args), ["esc"]))
-      }), null, 16, _hoisted_4$4),
+      }), null, 16, _hoisted_3$7),
+      _ctx.type === "number" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        createElementVNode("i", {
+          class: normalizeClass([
+            "dao-input-number-icon",
+            "icon-arrow-sharp",
+            "number-icon-up",
+            { "dao-input-number-icon__disabled": _ctx.isIncreaseDisabled }
+          ]),
+          onMousedown: _cache[1] || (_cache[1] = ($event) => _ctx.changeNumberValue("increase"))
+        }, null, 34),
+        createElementVNode("i", {
+          class: normalizeClass([
+            "dao-input-number-icon",
+            "icon-arrow-sharp",
+            "number-icon-down",
+            { "dao-input-number-icon__disabled": _ctx.isDecreaseDisabled }
+          ]),
+          onMousedown: _cache[2] || (_cache[2] = ($event) => _ctx.changeNumberValue("decrease"))
+        }, null, 34)
+      ], 64)) : createCommentVNode("", true),
       withDirectives(createElementVNode("i", {
-        class: normalizeClass(["dao-input-close-icon", "icon-close", { active: _ctx.isFocus }]),
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.resetCurrentVal())
+        class: normalizeClass(["dao-input-close-icon", "icon-sys-error", { "dao-input__active": _ctx.isFocus }]),
+        onClick: _cache[3] || (_cache[3] = ($event) => _ctx.resetCurrentVal())
       }, null, 2), [
         [vShow, _ctx.clearable]
       ]),
       withDirectives(createElementVNode("i", {
-        class: normalizeClass(_ctx.statusMap[_ctx.status])
+        class: normalizeClass(_ctx.statusClasses)
       }, null, 2), [
         [vShow, ["error", "success", "loading"].includes(_ctx.status)]
       ]),
-      _ctx.slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+      _ctx.slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
         renderSlot(_ctx.$slots, "suffix")
       ])) : createCommentVNode("", true)
-    ]),
-    renderSlot(_ctx.$slots, "append"),
-    _ctx.append && !_ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString(_ctx.append), 1)) : createCommentVNode("", true)
+    ], 2),
+    renderSlot(_ctx.$slots, "append", {}, () => [
+      _ctx.append ? (openBlock(), createElementBlock("div", _hoisted_5$4, toDisplayString(_ctx.append), 1)) : createCommentVNode("", true)
+    ])
   ], 2);
 }
-var input = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
-var popover_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$c = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
-  name: "DaoPopover",
-  props: PopperProps,
-  daoPopperTheme: "dao-popover"
-}));
-var progress_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$b = defineComponent({
-  name: "DaoProgress",
-  props: {
-    value: {
-      type: Number,
-      default: 0,
-      validator: (val) => val >= 0 && val <= 100
-    },
-    bgColor: {
-      type: String,
-      default: "#ebeef5"
-    },
-    fill: {
-      type: [Array, String],
-      default: "#409eff"
-    }
+var input = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
+var MessageProps = {
+  modelValue: {
+    type: Boolean,
+    default: void 0
   },
-  setup(props) {
-    const { fill } = toRefs(props);
-    const type = computed(() => typeof fill.value === "string" ? "line" : "stacked");
-    const stackedStyles = computed(() => {
-      if (Array.isArray(fill.value)) {
-        return fill.value.map((fillColor) => {
-          if (typeof fillColor === "string") {
-            const stackedLen = fill.value.length;
-            return {
-              width: `${100 / stackedLen}%`,
-              background: fillColor
-            };
-          }
-          if (typeof fillColor === "object") {
-            return {
-              width: `${fillColor.percent}%`,
-              background: fillColor.color
-            };
-          }
-          return {};
-        });
-      }
-      return [];
-    });
-    const stackedBgColor = computed(() => typeof fill.value === "string" ? fill.value : "");
-    return {
-      type,
-      stackedStyles,
-      stackedBgColor
-    };
+  type: {
+    type: String,
+    default: "info"
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  content: {
+    type: String,
+    default: ""
+  },
+  isCloseShow: {
+    type: Boolean,
+    default: true
   }
-});
-const _hoisted_1$9 = { class: "dao-progress" };
-const _hoisted_2$7 = {
-  key: 1,
-  class: "dao-progress__stacked"
-};
-const _hoisted_3$4 = {
-  key: 0,
-  class: "dao-progress__text"
 };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
-    createElementVNode("div", {
-      class: "dao-progress__inner",
-      style: normalizeStyle({ background: _ctx.bgColor })
-    }, [
-      _ctx.type === "line" ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "dao-progress__bar",
-        style: normalizeStyle({ width: `${_ctx.value}%`, background: _ctx.stackedBgColor })
-      }, null, 4)) : (openBlock(), createElementBlock("div", _hoisted_2$7, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stackedStyles, (stackedStyle, idx) => {
-          return openBlock(), createElementBlock("div", {
-            key: idx,
-            class: "dao-progress__stacked-item",
-            style: normalizeStyle(stackedStyle)
-          }, null, 4);
-        }), 128))
-      ]))
-    ], 4),
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$4, [
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true)
-  ]);
-}
-var progress = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]]);
-var radio_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$a = defineComponent({
-  name: "DaoRadio",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: false
-    },
-    value: {
-      type: [String, Number, Boolean],
-      required: true,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    name: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue", "change"],
+var message_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$h = defineComponent({
+  name: "DaoMessage",
+  props: MessageProps,
+  emits: ["update:modelValue", "change", "beforeClose", "closed", "beforeShow", "show"],
   setup(props, { emit }) {
-    const { value, disabled } = toRefs(props);
-    const radioGroup2 = inject(radioGroupKey, void 0);
-    const isGroup = computed(() => !!radioGroup2);
-    const modelValue = computed(() => isGroup.value ? radioGroup2 == null ? void 0 : radioGroup2.modelValue : props.modelValue);
-    const currentValue = ref(modelValue.value === value.value);
-    const wrapClasses = computed(() => [
-      "dao-radio-wrapper",
-      {
-        "dao-radio-wrapper--disabled": disabled.value
-      }
-    ]);
-    const radioClasses = computed(() => [
-      "dao-radio",
-      {
-        "dao-radio--checked": currentValue.value,
-        "dao-radio--disabled": disabled.value
+    const typeClass = computed(() => `dao-message--${props.type}`);
+    const _isMessageShow = ref(true);
+    const isMessageShow = computed(() => {
+      if (props.modelValue !== void 0) {
+        return props.modelValue;
       }
-    ]);
-    const change = (event) => {
-      if (disabled.value) {
+      return unref(_isMessageShow);
+    });
+    function closeMessage() {
+      if (!props.isCloseShow) {
         return;
       }
-      const { checked } = event.target;
-      currentValue.value = checked;
-      if (isGroup.value) {
-        radioGroup2 == null ? void 0 : radioGroup2.changeEvent(value.value);
+      if (props.modelValue !== void 0) {
+        emit("update:modelValue", false);
       } else {
-        emit("update:modelValue", value.value);
-        emit("change", value.value);
+        _isMessageShow.value = false;
       }
-    };
-    const updateValue = () => {
-      currentValue.value = modelValue.value === value.value;
-    };
-    watch(modelValue, () => updateValue());
+    }
+    let isMessageMounted = false;
+    watch(isMessageShow, async (val) => {
+      if (!val && isMessageMounted) {
+        emit("beforeClose");
+        await nextTick();
+        emit("closed");
+      } else if (val) {
+        emit("beforeShow");
+        await nextTick();
+        emit("show");
+      }
+    }, {
+      immediate: true
+    });
+    onMounted(() => {
+      isMessageMounted = true;
+    });
     return {
-      currentValue,
-      wrapClasses,
-      radioClasses,
-      change
+      typeClass,
+      closeMessage,
+      isMessageShow
     };
   }
 });
-const _hoisted_1$8 = ["disabled", "name", "checked"];
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("span", { class: "dao-radio-inner" }, null, -1);
-const _hoisted_3$3 = {
+const _hoisted_1$e = { class: "dao-message-icon" };
+const _hoisted_2$b = { class: "dao-message-section" };
+const _hoisted_3$6 = {
   key: 0,
-  class: "dao-radio__label-wrapper"
+  class: "dao-message-title"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$5 = {
   key: 0,
-  class: "dao-radio__label"
-};
-const _hoisted_5$2 = {
-  key: 1,
-  class: "dao-radio__help"
+  class: "dao-message-content"
 };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", {
-    class: normalizeClass(_ctx.wrapClasses)
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.isMessageShow ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(["dao-message-outer", _ctx.typeClass]),
+    tabindex: "1",
+    onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => _ctx.closeMessage && _ctx.closeMessage(...args), ["self"]), ["esc"]))
   }, [
-    createElementVNode("span", {
-      class: normalizeClass(_ctx.radioClasses)
-    }, [
-      createElementVNode("input", {
-        type: "radio",
-        class: "dao-radio-input",
-        disabled: _ctx.disabled,
-        name: _ctx.name,
-        checked: _ctx.currentValue,
-        onChange: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args))
-      }, null, 40, _hoisted_1$8),
-      _hoisted_2$6
-    ], 2),
-    _ctx.$slots.default || _ctx.label || _ctx.$slots.helper ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-      _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(_ctx.label), 1)
-        ])
-      ])) : createCommentVNode("", true),
-      _ctx.$slots.helper ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-        renderSlot(_ctx.$slots, "helper")
-      ])) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true)
-  ], 2);
-}
-var radio = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
-var radioGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$9 = defineComponent({
-  name: "DaoRadioGroup",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: false
-    },
-    vertical: {
-      type: Boolean,
-      default: true
-    }
+    renderSlot(_ctx.$slots, "main", {}, () => [
+      createElementVNode("div", {
+        class: normalizeClass(["dao-message-inner", { "dao-message-inner-without-close": !_ctx.isCloseShow }])
+      }, [
+        createElementVNode("div", _hoisted_1$e, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createElementVNode("i", {
+              class: normalizeClass(`icon-sys-${_ctx.type} dao-message-icon-general dao-message-icon-${_ctx.type}`)
+            }, null, 2)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_2$b, [
+          renderSlot(_ctx.$slots, "section", {}, () => [
+            renderSlot(_ctx.$slots, "title", { className: "dao-message-title" }, () => [
+              _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$6, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
+            ]),
+            renderSlot(_ctx.$slots, "default", { className: "dao-message-content" }, () => [
+              _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_4$5, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        _ctx.isCloseShow ? (openBlock(), createElementBlock("i", {
+          key: 0,
+          class: "icon-close dao-message-close",
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.closeMessage && _ctx.closeMessage(...args))
+        })) : createCommentVNode("", true)
+      ], 2)
+    ])
+  ], 34)) : createCommentVNode("", true);
+}
+var message = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f]]);
+const NAV_TYPES = ["2rd", "3rd"];
+const navProps = {
+  accordion: {
+    type: Boolean,
+    default: false
   },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit }) {
-    const { vertical } = toRefs(props);
-    const radioGroupClasses = computed(() => [
-      "dao-radio-group",
-      {
-        "dao-radio-group--vertical": vertical.value,
-        "dao-radio-group--horizontal": !vertical.value
+  activeOpened: {
+    type: Array,
+    default: () => []
+  },
+  type: {
+    type: String,
+    default: "2rd",
+    validator: (value) => NAV_TYPES.includes(value)
+  }
+};
+const navHeadProps = {
+  icon: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  useFont: {
+    type: Boolean,
+    default: false
+  }
+};
+const navSubProps = {
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  fold: {
+    type: Boolean,
+    default: true
+  },
+  isActive: {
+    type: Boolean,
+    default: false
+  },
+  isExactActive: {
+    type: Boolean,
+    default: false
+  },
+  icon: {
+    type: String,
+    default: ""
+  },
+  index: {
+    type: [String, Number],
+    default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  useFont: {
+    type: Boolean,
+    default: false
+  }
+};
+const navItemProps = {
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  isActive: {
+    type: Boolean,
+    default: false
+  },
+  isExactActive: {
+    type: Boolean,
+    default: false
+  },
+  icon: {
+    type: String,
+    default: ""
+  },
+  index: {
+    type: [String, Number],
+    default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  useFont: {
+    type: Boolean,
+    default: false
+  }
+};
+var nav_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$g = defineComponent({
+  name: "DaoNav",
+  props: navProps,
+  emits: ["back", "select", "toggle"],
+  setup(props, {
+    emit,
+    expose
+  }) {
+    const { type, accordion, activeOpened } = toRefs(props);
+    const openedNav = ref([]);
+    const activeItemIdx = ref();
+    const openNavSub = (index2) => {
+      if (openedNav.value.includes(index2)) {
+        return;
+      }
+      if (accordion.value) {
+        openedNav.value = [];
+      }
+      openedNav.value.push(index2);
+      emit("toggle", {
+        action: "open",
+        index: index2
+      });
+    };
+    const closeNavSub = (index2) => {
+      const idx = openedNav.value.indexOf(index2);
+      if (idx !== -1) {
+        openedNav.value.splice(idx, 1);
+      }
+      emit("toggle", {
+        action: "close",
+        index: index2
+      });
+    };
+    const close = (index2) => closeNavSub(index2);
+    const open = (index2) => openNavSub(index2);
+    const initNav = () => {
+      activeOpened.value.forEach((v) => {
+        openNavSub(v);
+      });
+    };
+    onMounted(() => {
+      initNav();
+    });
+    const handleNavItemClick = (index2) => {
+      activeItemIdx.value = index2;
+      emit("select", index2);
+    };
+    const handleNavSubClick = (index2) => {
+      const isOpened = openedNav.value.includes(index2);
+      if (isOpened) {
+        closeNavSub(index2);
+      } else {
+        openNavSub(index2);
       }
+    };
+    const handleNavHeadClick = () => {
+      emit("back");
+    };
+    provide(navRootKey, reactive({
+      type,
+      accordion,
+      activeItemIdx,
+      openedNav,
+      handleNavItemClick,
+      handleNavSubClick,
+      handleNavHeadClick
+    }));
+    expose({
+      close,
+      open
+    });
+  }
+});
+const _hoisted_1$d = { class: "dao-nav-bar" };
+const _hoisted_2$a = { class: "dao-nav" };
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("nav", _hoisted_1$d, [
+    renderSlot(_ctx.$slots, "header"),
+    createElementVNode("ul", _hoisted_2$a, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ]);
+}
+var nav = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e]]);
+const _sfc_main$f = defineComponent({
+  name: "DaoNavHead",
+  components: {
+    DaoIcon
+  },
+  props: navHeadProps,
+  setup(props) {
+    const rootNav = inject(navRootKey);
+    if (!rootNav) {
+      console.warn("use Nav", "can not inject root Nav");
+    }
+    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 classHeadList = computed(() => [
+      "dao-nav__head",
+      `dao-nav__head--${rootNav == null ? void 0 : rootNav.type}`
     ]);
-    const changeEvent = (val) => {
-      emit("update:modelValue", val);
-      emit("change", val);
+    const handleClickBack = () => {
+      if ((rootNav == null ? void 0 : rootNav.type) === "2rd") {
+        return;
+      }
+      rootNav == null ? void 0 : rootNav.handleNavHeadClick();
     };
-    provide(radioGroupKey, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
-      changeEvent
-    })));
     return {
-      radioGroupClasses
+      classHeadList,
+      headIcon,
+      title,
+      isFontType,
+      showIcon,
+      handleClickBack
     };
   }
 });
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.radioGroupClasses)
+const _hoisted_1$c = { class: "dao-nav__head-text dao-nav-text" };
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(_ctx.classHeadList)
   }, [
-    renderSlot(_ctx.$slots, "default")
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.showIcon ? (openBlock(), createBlock(_component_dao_icon, {
+        key: 0,
+        class: "dao-nav__head-icon",
+        tabindex: "0",
+        name: _ctx.headIcon,
+        "use-font": _ctx.isFontType,
+        onClick: _ctx.handleClickBack,
+        onKeyup: withKeys(withModifiers(_ctx.handleClickBack, ["stop"]), ["esc"])
+      }, null, 8, ["name", "use-font", "onClick", "onKeyup"])) : createCommentVNode("", true),
+      createElementVNode("span", _hoisted_1$c, toDisplayString(_ctx.title), 1)
+    ])
   ], 2);
 }
-var radioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
-var select_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$8 = defineComponent({
-  name: "DaoSelect",
+var navHead = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$d]]);
+const _sfc_main$e = defineComponent({
+  name: "DaoNavItem",
   components: {
-    DaoPopper
+    DaoIcon
   },
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean],
-      default: void 0
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (size) => ["md", "sm"].includes(size)
-    },
-    optionsPlaceholder: {
-      type: String,
-      default: "\u65E0\u6570\u636E"
-    },
-    search: {
-      type: [Boolean, Function],
-      default: false
-    },
-    searchPlaceholder: {
-      type: String,
-      default: "\u641C\u7D22"
-    },
-    menuClass: {
-      type: String,
-      default: ""
-    },
-    appendTo: {
-      type: [String, Boolean, Object],
-      default: "body"
+  props: navItemProps,
+  setup(props, { slots }) {
+    const rootNav = inject(navRootKey);
+    const subNav = inject(navSubKey);
+    if (!rootNav || !subNav) {
+      console.warn("use Nav", "can not inject root Nav");
     }
-  },
-  emits: ["update:modelValue", "change", "search-change", "close", "open"],
-  setup(props, { emit }) {
     const {
-      modelValue,
+      icon,
+      title,
+      useFont,
       disabled,
-      size,
-      menuClass,
-      search
+      isActive,
+      isExactActive,
+      index: index2
     } = toRefs(props);
-    const state = reactive({
-      selectedOption: void 0,
-      options: [],
-      searchText: ""
-    });
-    const popper2 = ref(null);
-    const searchInput = ref(null);
-    const instance = getCurrentInstance();
-    provide("select", instance);
-    const popperOffset = computed(() => {
-      const unrefSize = unref(size);
-      if (unrefSize === "sm") {
-        return 3;
+    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" && Boolean(icon.value));
+    const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
+    const isNavItemActive = computed(() => {
+      const unrefIsActive = unref(isActive);
+      const unrefIsExactActive = unref(isExactActive);
+      if (isSelect.value) {
+        return true;
       }
-      return 5;
-    });
-    const selectClass = computed(() => {
-      const classNames = ["dao-select"];
-      const unrefSize = unref(size);
-      if (disabled.value) {
-        classNames.push("dao-select--disabled");
+      if (unrefIsActive && !(rootNav == null ? void 0 : rootNav.activeItemIdx)) {
+        return true;
       }
-      if (unrefSize) {
-        classNames.push(`dao-select--size-${unrefSize}`);
+      if (unrefIsExactActive && !(rootNav == null ? void 0 : rootNav.activeItemIdx)) {
+        return true;
       }
-      return classNames;
+      return false;
     });
-    const popperClass = computed(() => {
-      const classNames = ["dao-select-popper"];
-      const unrefSize = unref(size);
-      if (unrefSize) {
-        classNames.push(`dao-select-popper--size-${unrefSize}`);
+    const classItemList = computed(() => {
+      const unrefDisabled = unref(disabled);
+      return [
+        "dao-nav__item",
+        `dao-nav__item--${rootNav == null ? void 0 : rootNav.type}`,
+        {
+          "dao-nav__item-disabled": unrefDisabled
+        }
+      ];
+    });
+    const classTitleList = computed(() => [
+      "dao-nav__item-title",
+      {
+        "dao-nav__item-title-active": isNavItemActive.value,
+        "dao-nav__item-title-with-icon": showIcon.value || slots.default
       }
-      if (menuClass.value) {
-        classNames.push(menuClass.value);
+    ]);
+    const handleClick = () => {
+      if (disabled.value) {
+        return;
+      }
+      rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
+    };
+    watchEffect(() => {
+      if (isActive.value || isExactActive.value) {
+        subNav == null ? void 0 : subNav.handleNavItemActive(isActive.value || isExactActive.value, index2.value);
+        rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
       }
-      return classNames.join(" ");
-    });
-    const isSelected = computed(() => {
-      var _a;
-      return !isNullish((_a = state.selectedOption) == null ? void 0 : _a.value);
-    });
-    const isNoResult = computed(() => {
-      const unrefSearch = unref(search);
-      return state.options.length === 0 || unrefSearch && !state.options.some((x) => x.visible);
     });
-    const popperOptions = computed(() => ({
-      modifiers: [
-        {
-          name: "sameWidth",
-          enabled: true,
-          phase: "beforeWrite",
-          requires: ["computeStyles"],
-          fn: ({ state: popperState }) => {
-            popperState.styles.popper.width = `${popperState.rects.reference.width}px`;
-          },
-          effect: ({ state: popperState }) => {
+    watch(() => rootNav == null ? void 0 : rootNav.activeItemIdx, (val) => {
+      const active = val === index2.value;
+      subNav == null ? void 0 : subNav.handleNavItemActive(active, index2.value);
+    }, { immediate: true });
+    return {
+      classItemList,
+      classTitleList,
+      icon,
+      showIcon,
+      title,
+      useFont,
+      handleClick
+    };
+  }
+});
+const _hoisted_1$b = { class: "dao-nav-slot" };
+const _hoisted_2$9 = { class: "dao-nav__item-text dao-nav-text" };
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(_ctx.classItemList)
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.classTitleList),
+      tabindex: "0",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+      onKeyup: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["enter"]))
+    }, [
+      createElementVNode("div", _hoisted_1$b, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          _ctx.showIcon ? (openBlock(), createBlock(_component_dao_icon, {
+            key: 0,
+            class: "dao-nav__item-icon",
+            name: _ctx.icon,
+            "use-font": _ctx.useFont
+          }, null, 8, ["name", "use-font"])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_2$9, toDisplayString(_ctx.title), 1)
+        ])
+      ])
+    ], 34)
+  ], 2);
+}
+var navItem = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
+const _sfc_main$d = defineComponent({
+  name: "DaoNavSub",
+  components: {
+    DaoIcon
+  },
+  props: navSubProps,
+  setup(props, { slots }) {
+    const {
+      icon,
+      title,
+      useFont,
+      disabled,
+      isActive,
+      isExactActive,
+      index: index2,
+      fold
+    } = toRefs(props);
+    const rootNav = inject(navRootKey);
+    if (!rootNav) {
+      console.warn("use Nav", "can not inject root Nav");
+    }
+    const isChildrenActive = ref(false);
+    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 foldIcon = computed(() => opened.value ? "icon_caret-up" : "icon_caret-down");
+    const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
+    const classSubList = computed(() => {
+      const unrefDisabled = unref(disabled);
+      return [
+        "dao-nav__sub",
+        `dao-nav__sub--${rootNav == null ? void 0 : rootNav.type}`,
+        {
+          "dao-nav__sub-disabled": unrefDisabled && !fold.value
+        }
+      ];
+    });
+    const isNavSubActive = computed(() => {
+      const unrefIsActive = unref(isActive);
+      const unrefIsExactActive = unref(isExactActive);
+      if (disabled.value && !fold.value) {
+        return false;
+      }
+      if (fold.value) {
+        return isChildrenActive.value;
+      }
+      if (isSelect.value) {
+        return true;
+      }
+      if (unrefIsActive && !(rootNav == null ? void 0 : rootNav.activeItemIdx)) {
+        return true;
+      }
+      if (unrefIsExactActive && !(rootNav == null ? void 0 : rootNav.activeItemIdx)) {
+        return true;
+      }
+      return false;
+    });
+    const classTitleList = computed(() => [
+      "dao-nav__sub-title",
+      {
+        "dao-nav__sub-title-active": isNavSubActive.value,
+        "dao-nav__sub-title-opened": opened.value,
+        "dao-nav__sub-title-fold": fold.value,
+        "dao-nav__sub-title-with-icon": showIcon.value || slots.title
+      }
+    ]);
+    const handleNavItemActive = (active, idx) => {
+      childrenActiveMap.set(idx, active);
+    };
+    provide(navSubKey, {
+      handleNavItemActive
+    });
+    watch(childrenActiveMap, (v) => {
+      if (!fold.value) {
+        return;
+      }
+      const childrenActiveList = Array.from(v.values());
+      if (childrenActiveList.indexOf(true) !== -1) {
+        isChildrenActive.value = true;
+      } else {
+        isChildrenActive.value = false;
+      }
+    });
+    const handleClick = () => {
+      if (disabled.value && !fold.value) {
+        return;
+      }
+      if (fold.value) {
+        rootNav == null ? void 0 : rootNav.handleNavSubClick(index2.value);
+      } else {
+        rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
+      }
+    };
+    watchEffect(() => {
+      if (!fold.value && (isActive.value || isExactActive.value)) {
+        rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
+      }
+    });
+    watch(() => rootNav == null ? void 0 : rootNav.activeItemIdx, (val) => {
+      currentActiveIndex.value = Boolean(val === index2.value);
+    }, { immediate: true });
+    watch(() => rootNav == null ? void 0 : rootNav.openedNav, (val) => {
+      if (disabled.value && !fold.value) {
+        opened.value = false;
+      } else {
+        opened.value = (val == null ? void 0 : val.indexOf(index2.value)) !== -1;
+      }
+    }, { immediate: true, deep: true });
+    return {
+      classSubList,
+      classTitleList,
+      fold,
+      foldIcon,
+      showIcon,
+      title,
+      useFont,
+      opened,
+      handleClick
+    };
+  }
+});
+const _hoisted_1$a = { class: "dao-nav-slot" };
+const _hoisted_2$8 = { class: "dao-nav__sub-text dao-nav-text" };
+const _hoisted_3$5 = {
+  key: 0,
+  class: "icon-dropdown-line dao-nav__sub__icon-fold"
+};
+const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("span", { class: "dao-nav__sub-gap" }, null, -1);
+const _hoisted_5$3 = { class: "dao-nav dao-nav-inner" };
+const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("span", { class: "dao-nav__sub-gap" }, null, -1);
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_icon = resolveComponent("dao-icon");
+  return openBlock(), createElementBlock("li", {
+    class: normalizeClass(_ctx.classSubList)
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.classTitleList),
+      tabindex: "0",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+      onKeyup: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["enter"]))
+    }, [
+      createElementVNode("div", _hoisted_1$a, [
+        renderSlot(_ctx.$slots, "title", {}, () => [
+          _ctx.showIcon ? (openBlock(), createBlock(_component_dao_icon, {
+            key: 0,
+            class: "dao-nav__sub-icon",
+            name: _ctx.icon,
+            "use-font": _ctx.useFont
+          }, null, 8, ["name", "use-font"])) : createCommentVNode("", true),
+          createElementVNode("span", _hoisted_2$8, toDisplayString(_ctx.title), 1)
+        ])
+      ]),
+      _ctx.fold ? (openBlock(), createElementBlock("i", _hoisted_3$5)) : createCommentVNode("", true)
+    ], 34),
+    createVNode(Transition, { name: "dao-nav" }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("div", null, [
+          _hoisted_4$4,
+          createElementVNode("ul", _hoisted_5$3, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _hoisted_6$2
+        ], 512), [
+          [vShow, _ctx.opened]
+        ])
+      ]),
+      _: 3
+    })
+  ], 2);
+}
+var navSub = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
+const paginationProps = {
+  pageSize: {
+    type: Number,
+    required: true,
+    default: 10,
+    validator: (val) => val > 0 && Math.floor(val) === val
+  },
+  pageSizeOptions: {
+    type: Array,
+    default: () => []
+  },
+  pageFormat: {
+    type: Function,
+    default: (val) => `${val} per page`
+  },
+  compact: {
+    type: Boolean,
+    default: false
+  },
+  total: {
+    type: Number,
+    required: true,
+    default: 0
+  },
+  totalFormat: {
+    type: Function,
+    default: (val) => `Total ${val} ${val === 1 ? "record" : "records"}`
+  },
+  currentPage: {
+    type: Number,
+    default: 1
+  },
+  pageSizerWidth: {
+    type: Number,
+    default: 110
+  }
+};
+var select_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$c = defineComponent({
+  name: "DaoSelect",
+  components: {
+    DaoPopper: Popper
+  },
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (size) => ["md", "sm"].includes(size)
+    },
+    optionsPlaceholder: {
+      type: String,
+      default: "\u65E0\u6570\u636E"
+    },
+    search: {
+      type: [Boolean, Function],
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "\u641C\u7D22"
+    },
+    menuClass: {
+      type: String,
+      default: ""
+    },
+    appendTo: {
+      type: [String, Boolean, Object],
+      default: "body"
+    }
+  },
+  emits: ["update:modelValue", "change", "search-change", "close", "open"],
+  setup(props, { emit }) {
+    const {
+      modelValue,
+      disabled,
+      size,
+      menuClass,
+      search
+    } = toRefs(props);
+    const state = reactive({
+      selectedOption: void 0,
+      options: [],
+      searchText: ""
+    });
+    const popper2 = ref(null);
+    const searchInput = ref(null);
+    const instance = getCurrentInstance();
+    provide("select", instance);
+    const popperOffset = computed(() => {
+      const unrefSize = unref(size);
+      if (unrefSize === "sm") {
+        return 3;
+      }
+      return 5;
+    });
+    const selectClass = computed(() => {
+      const classNames = ["dao-select"];
+      const unrefSize = unref(size);
+      if (disabled.value) {
+        classNames.push("dao-select--disabled");
+      }
+      if (unrefSize) {
+        classNames.push(`dao-select--size-${unrefSize}`);
+      }
+      return classNames;
+    });
+    const popperClass = computed(() => {
+      const classNames = ["dao-select-popper"];
+      const unrefSize = unref(size);
+      if (unrefSize) {
+        classNames.push(`dao-select-popper--size-${unrefSize}`);
+      }
+      if (menuClass.value) {
+        classNames.push(menuClass.value);
+      }
+      return classNames.join(" ");
+    });
+    const isSelected = computed(() => {
+      var _a;
+      return !isNullish((_a = state.selectedOption) == null ? void 0 : _a.value);
+    });
+    const isNoResult = computed(() => {
+      const unrefSearch = unref(search);
+      return state.options.length === 0 || unrefSearch && !state.options.some((x) => x.visible);
+    });
+    const popperOptions = computed(() => ({
+      modifiers: [
+        {
+          name: "sameWidth",
+          enabled: true,
+          phase: "beforeWrite",
+          requires: ["computeStyles"],
+          fn: ({ state: popperState }) => {
+            popperState.styles.popper.width = `${popperState.rects.reference.width}px`;
+          },
+          effect: ({ state: popperState }) => {
             popperState.elements.popper.style.width = `${popperState.elements.reference.offsetWidth}px`;
           }
         }
@@ -3633,9 +4956,9 @@ const _sfc_main$8 = defineComponent({
       });
       (_a = searchInput.value) == null ? void 0 : _a.focus();
     };
-    const remove = (index) => {
-      if (index > -1) {
-        const [removed] = state.options.splice(index, 1);
+    const remove = (index2) => {
+      if (index2 > -1) {
+        const [removed] = state.options.splice(index2, 1);
         if (removed) {
           checkRemovedOption(removed);
         }
@@ -3668,20 +4991,20 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$9 = {
   class: "dao-selection",
   tabindex: "1"
 };
-const _hoisted_2$5 = {
+const _hoisted_2$7 = {
   key: 0,
   class: "dao-selection-text"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$4 = {
   key: 1,
   class: "dao-selection-text--placeholder"
 };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("i", { class: "icon-dropdown-line dao-selection-icon" }, null, -1);
-const _hoisted_5$1 = {
+const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("i", { class: "icon-dropdown-line dao-selection-icon" }, null, -1);
+const _hoisted_5$2 = {
   key: 0,
   class: "dao-selection-search"
 };
@@ -3692,7 +5015,7 @@ const _hoisted_9$1 = {
   key: "dao-option-placeholder",
   class: "dao-option-placeholder"
 };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_popper = resolveComponent("dao-popper");
   return openBlock(), createBlock(_component_dao_popper, {
     ref: "popper",
@@ -3712,7 +5035,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     content: withCtx(() => [
       renderSlot(_ctx.$slots, "optionsHeader", {}, () => [
-        _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
           withDirectives(createElementVNode("input", {
             ref: "searchInput",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.state.searchText = $event),
@@ -3727,7 +5050,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _hoisted_7$1,
           withDirectives(createElementVNode("i", {
-            class: "icon-close dao-selection-search-clear-icon",
+            class: "icon-sys-error dao-selection-search-clear-icon",
             tabindex: "1",
             onKeydown: _cache[3] || (_cache[3] = withKeys((...args) => _ctx.onSearchClear && _ctx.onSearchClear(...args), ["enter"])),
             onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onSearchClear && _ctx.onSearchClear(...args))
@@ -3744,8 +5067,8 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => {
       var _a, _b;
       return [
-        createElementVNode("button", _hoisted_1$7, [
-          _ctx.isSelected ? (openBlock(), createElementBlock("span", _hoisted_2$5, [
+        createElementVNode("button", _hoisted_1$9, [
+          _ctx.isSelected ? (openBlock(), createElementBlock("span", _hoisted_2$7, [
             renderSlot(_ctx.$slots, "selected", {
               selectedLabel: (_a = _ctx.state.selectedOption) == null ? void 0 : _a.label,
               selectedOption: _ctx.state.selectedOption,
@@ -3756,17 +5079,17 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
                 createTextVNode(toDisplayString((_a2 = _ctx.state.selectedOption) == null ? void 0 : _a2.labelValue), 1)
               ];
             })
-          ])) : (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(_ctx.placeholder), 1)),
-          _hoisted_4$2
+          ])) : (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(_ctx.placeholder), 1)),
+          _hoisted_4$3
         ])
       ];
     }),
     _: 3
   }, 8, ["disabled", "offset", "popper-class", "popper-options", "class", "append-to"]);
 }
-var DaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+var DaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a]]);
 var option_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$7 = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "DaoOption",
   props: {
     value: {
@@ -3812,55 +5135,462 @@ const _sfc_main$7 = defineComponent({
         onSelectFn(instance);
       }
     };
-    if (typeof addFn === "function") {
-      addFn(instance);
-    }
-    onBeforeUnmount(() => {
-      var _a;
-      if (typeof removeFn === "function") {
-        const index = (_a = selectState == null ? void 0 : selectState.options.indexOf(instance)) != null ? _a : -1;
-        removeFn(index);
-      }
-    });
+    if (typeof addFn === "function") {
+      addFn(instance);
+    }
+    onBeforeUnmount(() => {
+      var _a;
+      if (typeof removeFn === "function") {
+        const index2 = (_a = selectState == null ? void 0 : selectState.options.indexOf(instance)) != null ? _a : -1;
+        removeFn(index2);
+      }
+    });
+    return {
+      visible,
+      labelValue,
+      isSelected,
+      onClick
+    };
+  }
+});
+const _hoisted_1$8 = ["title"];
+const _hoisted_2$6 = {
+  key: 0,
+  class: "icon-checked dao-option-checkmark"
+};
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return withDirectives((openBlock(), createElementBlock("li", {
+    class: normalizeClass([
+      "dao-option",
+      {
+        "dao-option-active": _ctx.isSelected,
+        "dao-option-disabled": _ctx.disabled
+      }
+    ]),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, [
+    createElementVNode("span", {
+      title: String(_ctx.labelValue)
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode(toDisplayString(_ctx.labelValue), 1)
+      ])
+    ], 8, _hoisted_1$8),
+    _ctx.isSelected ? (openBlock(), createElementBlock("i", _hoisted_2$6)) : createCommentVNode("", true)
+  ], 2)), [
+    [vShow, _ctx.visible]
+  ]);
+}
+var DaoOption = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$9]]);
+var pagination_vue_vue_type_style_index_0_lang = "";
+const numberAscSort = (a, b) => a - b;
+const _sfc_main$a = defineComponent({
+  name: "DaoPagination",
+  components: {
+    DaoSelect,
+    DaoOption
+  },
+  props: paginationProps,
+  emits: [
+    "update:page-size",
+    "update:current-page",
+    "next",
+    "prev",
+    "page-change",
+    "size-change"
+  ],
+  setup(props, { emit }) {
+    const { currentPage } = toRefs(props);
+    const currentShowPage = ref(currentPage.value);
+    const totalText = computed(() => props.totalFormat(props.total));
+    const totalPage = computed(() => Math.ceil(props.total / props.pageSize));
+    const computedPageSizeOptions = computed(() => {
+      if (!props.pageSizeOptions.length) {
+        return [props.pageSize];
+      }
+      const filteredPageSizeOptions = props.pageSizeOptions.filter((i) => {
+        const res = i > 0 && Math.floor(i) === i;
+        return res;
+      });
+      if (props.pageSizeOptions.includes(props.pageSize)) {
+        return [...filteredPageSizeOptions].sort(numberAscSort);
+      }
+      return [...filteredPageSizeOptions, props.pageSize].sort(numberAscSort);
+    });
+    const prevPage = () => {
+      if (currentPage.value === 1) {
+        return;
+      }
+      const curPage = currentPage.value - 1;
+      emit("update:current-page", curPage);
+      emit("prev", curPage);
+    };
+    const nextPage = () => {
+      if (currentPage.value === totalPage.value) {
+        return;
+      }
+      const curPage = currentPage.value + 1;
+      emit("update:current-page", curPage);
+      emit("next", curPage);
+    };
+    const targetPage = () => {
+      let { value } = currentShowPage;
+      if (!value) {
+        currentShowPage.value = currentPage.value;
+        return;
+      }
+      if (value > totalPage.value) {
+        value = totalPage.value;
+      }
+      currentShowPage.value = value;
+      emit("update:current-page", value);
+      emit("page-change", value);
+    };
+    watch(currentPage, (val) => {
+      currentShowPage.value = val;
+    });
+    watch(totalPage, (val) => {
+      if (currentShowPage.value > val) {
+        currentShowPage.value = val;
+        emit("update:current-page", val);
+      }
+    });
+    const updatePageSize = (val) => {
+      currentShowPage.value = currentPage.value;
+      emit("update:page-size", val);
+      emit("size-change", val);
+    };
+    const currentShowPageFormat = () => {
+      if (!currentShowPage.value) {
+        return;
+      }
+      currentShowPage.value = parseInt(currentShowPage.value.toString().replace(/[^0-9]/g, ""), 10) || "";
+    };
+    return {
+      currentShowPage,
+      totalText,
+      totalPage,
+      computedPageSizeOptions,
+      prevPage,
+      nextPage,
+      targetPage,
+      updatePageSize,
+      currentShowPageFormat
+    };
+  }
+});
+const _hoisted_1$7 = { class: "dao-pagination__total" };
+const _hoisted_2$5 = { class: "dao-pagination__pager" };
+const _hoisted_3$3 = ["disabled"];
+const _hoisted_4$2 = { class: "dao-pagination__pager-total" };
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_option = resolveComponent("dao-option");
+  const _component_dao_select = resolveComponent("dao-select");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["dao-pagination", { "dao-pagination--compact": _ctx.compact }])
+  }, [
+    createElementVNode("div", _hoisted_1$7, toDisplayString(_ctx.totalText), 1),
+    createElementVNode("div", _hoisted_2$5, [
+      createElementVNode("i", {
+        class: normalizeClass([
+          "icon-arrow-previous",
+          "dao-pagination__pager-prev",
+          { "dao-pagination__pager-icon--disabled": _ctx.currentPage === 1 }
+        ]),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.prevPage && _ctx.prevPage(...args))
+      }, null, 2),
+      withDirectives(createElementVNode("input", {
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.currentShowPage = $event),
+        class: "dao-pagination__pager-current",
+        disabled: _ctx.totalPage === 1,
+        onKeydown: _cache[2] || (_cache[2] = withKeys((...args) => _ctx.targetPage && _ctx.targetPage(...args), ["enter"])),
+        onInput: _cache[3] || (_cache[3] = (...args) => _ctx.currentShowPageFormat && _ctx.currentShowPageFormat(...args))
+      }, null, 40, _hoisted_3$3), [
+        [vModelText, _ctx.currentShowPage]
+      ]),
+      createElementVNode("span", _hoisted_4$2, " / " + toDisplayString(_ctx.totalPage), 1),
+      createElementVNode("i", {
+        class: normalizeClass([
+          "icon-arrow-next",
+          "dao-pagination__pager-next",
+          { "dao-pagination__pager-icon--disabled": _ctx.currentPage === _ctx.totalPage }
+        ]),
+        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.nextPage && _ctx.nextPage(...args))
+      }, null, 2)
+    ]),
+    createVNode(_component_dao_select, {
+      class: "dao-pagination__sizer",
+      "model-value": _ctx.pageSize,
+      size: "sm",
+      style: normalizeStyle({ width: `${_ctx.pageSizerWidth}px` }),
+      "menu-class": "dao-pagination__sizer-menu",
+      onChange: _ctx.updatePageSize
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.computedPageSizeOptions, (size) => {
+          return openBlock(), createBlock(_component_dao_option, {
+            key: size,
+            value: size,
+            label: _ctx.pageFormat(size)
+          }, null, 8, ["value", "label"]);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["model-value", "style", "onChange"])
+  ], 2);
+}
+var DaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8]]);
+var popover_scss_vue_type_style_index_0_src_lang = "";
+const _sfc_main$9 = defineComponent(__spreadProps(__spreadValues({}, Popper), {
+  name: "DaoPopover",
+  props: PopperProps,
+  daoPopperTheme: "dao-popover"
+}));
+var progress_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$8 = defineComponent({
+  name: "DaoProgress",
+  props: {
+    value: {
+      type: Number,
+      default: 0,
+      validator: (val) => val >= 0 && val <= 100
+    },
+    bgColor: {
+      type: String,
+      default: "#ebeef5"
+    },
+    fill: {
+      type: [Array, String],
+      default: "#409eff"
+    }
+  },
+  setup(props) {
+    const { fill } = toRefs(props);
+    const type = computed(() => typeof fill.value === "string" ? "line" : "stacked");
+    const stackedStyles = computed(() => {
+      if (Array.isArray(fill.value)) {
+        return fill.value.map((fillColor) => {
+          if (typeof fillColor === "string") {
+            const stackedLen = fill.value.length;
+            return {
+              width: `${100 / stackedLen}%`,
+              background: fillColor
+            };
+          }
+          if (typeof fillColor === "object") {
+            return {
+              width: `${fillColor.percent}%`,
+              background: fillColor.color
+            };
+          }
+          return {};
+        });
+      }
+      return [];
+    });
+    const stackedBgColor = computed(() => typeof fill.value === "string" ? fill.value : "");
+    return {
+      type,
+      stackedStyles,
+      stackedBgColor
+    };
+  }
+});
+const _hoisted_1$6 = { class: "dao-progress" };
+const _hoisted_2$4 = {
+  key: 1,
+  class: "dao-progress__stacked"
+};
+const _hoisted_3$2 = {
+  key: 0,
+  class: "dao-progress__text"
+};
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+    createElementVNode("div", {
+      class: "dao-progress__inner",
+      style: normalizeStyle({ background: _ctx.bgColor })
+    }, [
+      _ctx.type === "line" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "dao-progress__bar",
+        style: normalizeStyle({ width: `${_ctx.value}%`, background: _ctx.stackedBgColor })
+      }, null, 4)) : (openBlock(), createElementBlock("div", _hoisted_2$4, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.stackedStyles, (stackedStyle, idx) => {
+          return openBlock(), createElementBlock("div", {
+            key: idx,
+            class: "dao-progress__stacked-item",
+            style: normalizeStyle(stackedStyle)
+          }, null, 4);
+        }), 128))
+      ]))
+    ], 4),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$2, [
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true)
+  ]);
+}
+var progress = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+var radio_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$7 = defineComponent({
+  name: "DaoRadio",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    value: {
+      type: [String, Number, Boolean],
+      required: true,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit }) {
+    const { value, disabled } = toRefs(props);
+    const radioGroup2 = inject(radioGroupKey, void 0);
+    const isGroup = computed(() => !!radioGroup2);
+    const modelValue = computed(() => isGroup.value ? radioGroup2 == null ? void 0 : radioGroup2.modelValue : props.modelValue);
+    const currentValue = ref(modelValue.value === value.value);
+    const wrapClasses = computed(() => [
+      "dao-radio-wrapper",
+      {
+        "dao-radio-wrapper--disabled": disabled.value
+      }
+    ]);
+    const radioClasses = computed(() => [
+      "dao-radio",
+      {
+        "dao-radio--checked": currentValue.value,
+        "dao-radio--disabled": disabled.value
+      }
+    ]);
+    const change = (event) => {
+      if (disabled.value) {
+        return;
+      }
+      const { checked } = event.target;
+      currentValue.value = checked;
+      if (isGroup.value) {
+        radioGroup2 == null ? void 0 : radioGroup2.changeEvent(value.value);
+      } else {
+        emit("update:modelValue", value.value);
+        emit("change", value.value);
+      }
+    };
+    const updateValue = () => {
+      currentValue.value = modelValue.value === value.value;
+    };
+    watch(modelValue, () => updateValue());
+    return {
+      currentValue,
+      wrapClasses,
+      radioClasses,
+      change
+    };
+  }
+});
+const _hoisted_1$5 = ["disabled", "name", "checked"];
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("span", { class: "dao-radio-inner" }, null, -1);
+const _hoisted_3$1 = {
+  key: 0,
+  class: "dao-radio__label-wrapper"
+};
+const _hoisted_4$1 = {
+  key: 0,
+  class: "dao-radio__label"
+};
+const _hoisted_5$1 = {
+  key: 1,
+  class: "dao-radio__help"
+};
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    class: normalizeClass(_ctx.wrapClasses)
+  }, [
+    createElementVNode("span", {
+      class: normalizeClass(_ctx.radioClasses)
+    }, [
+      createElementVNode("input", {
+        type: "radio",
+        class: "dao-radio-input",
+        disabled: _ctx.disabled,
+        name: _ctx.name,
+        checked: _ctx.currentValue,
+        onChange: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args))
+      }, null, 40, _hoisted_1$5),
+      _hoisted_2$3
+    ], 2),
+    _ctx.$slots.default || _ctx.label || _ctx.$slots.helper ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+      _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(_ctx.label), 1)
+        ])
+      ])) : createCommentVNode("", true),
+      _ctx.$slots.helper ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        renderSlot(_ctx.$slots, "helper")
+      ])) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var radio = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
+var radioGroup_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$6 = defineComponent({
+  name: "DaoRadioGroup",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    vertical: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit }) {
+    const { vertical } = toRefs(props);
+    const radioGroupClasses = computed(() => [
+      "dao-radio-group",
+      {
+        "dao-radio-group--vertical": vertical.value,
+        "dao-radio-group--horizontal": !vertical.value
+      }
+    ]);
+    const changeEvent = (val) => {
+      emit("update:modelValue", val);
+      emit("change", val);
+    };
+    provide(radioGroupKey, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
+      changeEvent
+    })));
     return {
-      visible,
-      labelValue,
-      isSelected,
-      onClick
+      radioGroupClasses
     };
   }
 });
-const _hoisted_1$6 = ["title"];
-const _hoisted_2$4 = {
-  key: 0,
-  class: "icon-checked dao-option-checkmark"
-};
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return withDirectives((openBlock(), createElementBlock("li", {
-    class: normalizeClass([
-      "dao-option",
-      {
-        "dao-option-active": _ctx.isSelected,
-        "dao-option-disabled": _ctx.disabled
-      }
-    ]),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.radioGroupClasses)
   }, [
-    createElementVNode("span", {
-      title: String(_ctx.labelValue)
-    }, [
-      renderSlot(_ctx.$slots, "default", {}, () => [
-        createTextVNode(toDisplayString(_ctx.labelValue), 1)
-      ])
-    ], 8, _hoisted_1$6),
-    _ctx.isSelected ? (openBlock(), createElementBlock("i", _hoisted_2$4)) : createCommentVNode("", true)
-  ], 2)), [
-    [vShow, _ctx.visible]
-  ]);
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
 }
-var DaoOption = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
+var radioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
 var switch_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$6 = defineComponent({
+const _sfc_main$5 = defineComponent({
   name: "DaoSwitch",
   props: {
     modelValue: {
@@ -3915,12 +5645,12 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["value", "name", "disabled"];
-const _hoisted_2$3 = {
+const _hoisted_1$4 = ["value", "name", "disabled"];
+const _hoisted_2$2 = {
   key: 0,
   class: "dao-switch__label"
 };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["dao-switch", { "dao-switch--disabled": _ctx.disabled, "dao-switch--size-sm": _ctx.size === "sm" }]),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggle && _ctx.toggle(...args))
@@ -3931,16 +5661,16 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       value: _ctx.currentValue,
       name: _ctx.name,
       disabled: _ctx.disabled
-    }, null, 8, _hoisted_1$5),
+    }, null, 8, _hoisted_1$4),
     createElementVNode("span", {
       class: normalizeClass(["dao-switch__pill", { "dao-switch-checked": _ctx.currentValue }])
     }, null, 2),
-    _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(_ctx.currentValue ? _ctx.textOn : _ctx.textOff), 1)) : createCommentVNode("", true)
+    _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.currentValue ? _ctx.textOn : _ctx.textOff), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var _switch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
+var _switch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
 var resizer_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$5 = defineComponent({
+const _sfc_main$4 = defineComponent({
   name: "DaoResizer",
   props: {
     column: {
@@ -3987,9 +5717,9 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "dao-table-resizer-separator" };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1$4, [
+const _hoisted_1$3 = { class: "dao-table-resizer-separator" };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", _hoisted_1$3, [
     !_ctx.disabled ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: "dao-table-resizer-handle",
@@ -3999,202 +5729,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 32)) : createCommentVNode("", true)
   ]);
 }
-var DaoResizer = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
-const paginationProps = {
-  pageSize: {
-    type: Number,
-    required: true,
-    default: 10,
-    validator: (val) => val > 0 && Math.floor(val) === val
-  },
-  pageSizeOptions: {
-    type: Array,
-    default: () => []
-  },
-  pageFormat: {
-    type: Function,
-    default: (val) => `${val} per page`
-  },
-  compact: {
-    type: Boolean,
-    default: false
-  },
-  total: {
-    type: Number,
-    required: true,
-    default: 0
-  },
-  totalFormat: {
-    type: Function,
-    default: (val) => `Total ${val} ${val === 1 ? "record" : "records"}`
-  },
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  pageSizerWidth: {
-    type: Number,
-    default: 110
-  }
-};
-var pagination_vue_vue_type_style_index_0_lang = "";
-const numberAscSort = (a, b) => a - b;
-const _sfc_main$4 = defineComponent({
-  name: "DaoPagination",
-  components: {
-    DaoSelect,
-    DaoOption
-  },
-  props: paginationProps,
-  emits: [
-    "update:page-size",
-    "update:current-page",
-    "next",
-    "prev",
-    "page-change",
-    "size-change"
-  ],
-  setup(props, { emit }) {
-    const { currentPage } = toRefs(props);
-    const currentShowPage = ref(currentPage.value);
-    const totalText = computed(() => props.totalFormat(props.total));
-    const totalPage = computed(() => Math.ceil(props.total / props.pageSize));
-    const computedPageSizeOptions = computed(() => {
-      if (!props.pageSizeOptions.length) {
-        return [props.pageSize];
-      }
-      const filteredPageSizeOptions = props.pageSizeOptions.filter((i) => {
-        const res = i > 0 && Math.floor(i) === i;
-        return res;
-      });
-      if (props.pageSizeOptions.includes(props.pageSize)) {
-        return [...filteredPageSizeOptions].sort(numberAscSort);
-      }
-      return [...filteredPageSizeOptions, props.pageSize].sort(numberAscSort);
-    });
-    const prevPage = () => {
-      if (currentPage.value === 1) {
-        return;
-      }
-      const curPage = currentPage.value - 1;
-      emit("update:current-page", curPage);
-      emit("prev", curPage);
-    };
-    const nextPage = () => {
-      if (currentPage.value === totalPage.value) {
-        return;
-      }
-      const curPage = currentPage.value + 1;
-      emit("update:current-page", curPage);
-      emit("next", curPage);
-    };
-    const targetPage = () => {
-      let { value } = currentShowPage;
-      if (!value) {
-        currentShowPage.value = currentPage.value;
-        return;
-      }
-      if (value > totalPage.value) {
-        value = totalPage.value;
-      }
-      currentShowPage.value = value;
-      emit("update:current-page", value);
-      emit("page-change", value);
-    };
-    watch(currentPage, (val) => {
-      currentShowPage.value = val;
-    });
-    watch(totalPage, (val) => {
-      if (currentShowPage.value > val) {
-        currentShowPage.value = val;
-        emit("update:current-page", val);
-      }
-    });
-    const updatePageSize = (val) => {
-      currentShowPage.value = currentPage.value;
-      emit("update:page-size", val);
-      emit("size-change", val);
-    };
-    const currentShowPageFormat = () => {
-      if (!currentShowPage.value) {
-        return;
-      }
-      currentShowPage.value = parseInt(currentShowPage.value.toString().replace(/[^0-9]/g, ""), 10) || "";
-    };
-    return {
-      currentShowPage,
-      totalText,
-      totalPage,
-      computedPageSizeOptions,
-      prevPage,
-      nextPage,
-      targetPage,
-      updatePageSize,
-      currentShowPageFormat
-    };
-  }
-});
-const _hoisted_1$3 = { class: "dao-pagination__total" };
-const _hoisted_2$2 = { class: "dao-pagination__pager" };
-const _hoisted_3$1 = ["disabled"];
-const _hoisted_4$1 = { class: "dao-pagination__pager-total" };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_option = resolveComponent("dao-option");
-  const _component_dao_select = resolveComponent("dao-select");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["dao-pagination", { "dao-pagination--compact": _ctx.compact }])
-  }, [
-    createElementVNode("div", _hoisted_1$3, toDisplayString(_ctx.totalText), 1),
-    createElementVNode("div", _hoisted_2$2, [
-      createElementVNode("i", {
-        class: normalizeClass([
-          "icon-arrow-previous",
-          "dao-pagination__pager-prev",
-          { "dao-pagination__pager-icon--disabled": _ctx.currentPage === 1 }
-        ]),
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.prevPage && _ctx.prevPage(...args))
-      }, null, 2),
-      withDirectives(createElementVNode("input", {
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.currentShowPage = $event),
-        class: "dao-pagination__pager-current",
-        disabled: _ctx.totalPage === 1,
-        onKeydown: _cache[2] || (_cache[2] = withKeys((...args) => _ctx.targetPage && _ctx.targetPage(...args), ["enter"])),
-        onInput: _cache[3] || (_cache[3] = (...args) => _ctx.currentShowPageFormat && _ctx.currentShowPageFormat(...args))
-      }, null, 40, _hoisted_3$1), [
-        [vModelText, _ctx.currentShowPage]
-      ]),
-      createElementVNode("span", _hoisted_4$1, " / " + toDisplayString(_ctx.totalPage), 1),
-      createElementVNode("i", {
-        class: normalizeClass([
-          "icon-arrow-next",
-          "dao-pagination__pager-next",
-          { "dao-pagination__pager-icon--disabled": _ctx.currentPage === _ctx.totalPage }
-        ]),
-        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.nextPage && _ctx.nextPage(...args))
-      }, null, 2)
-    ]),
-    createVNode(_component_dao_select, {
-      class: "dao-pagination__sizer",
-      "model-value": _ctx.pageSize,
-      size: "sm",
-      style: normalizeStyle({ width: `${_ctx.pageSizerWidth}px` }),
-      "menu-class": "dao-pagination__sizer-menu",
-      onChange: _ctx.updatePageSize
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.computedPageSizeOptions, (size) => {
-          return openBlock(), createBlock(_component_dao_option, {
-            key: size,
-            value: size,
-            label: _ctx.pageFormat(size)
-          }, null, 8, ["value", "label"]);
-        }), 128))
-      ]),
-      _: 1
-    }, 8, ["model-value", "style", "onChange"])
-  ], 2);
-}
-var DaoPagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
+var DaoResizer = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
 const tableProps = {
   id: {
     type: String,
@@ -4287,7 +5822,8 @@ const _sfc_main$3 = defineComponent({
     "next",
     "prev",
     "pageChange",
-    "sizeChange"
+    "sizeChange",
+    "row-click"
   ],
   setup(props, { emit }) {
     const tableId = computed(() => `DAO_TABLE_${props.id}`);
@@ -4298,8 +5834,8 @@ const _sfc_main$3 = defineComponent({
     const expandedRows = reactive(new WeakSet());
     const columnRefs = reactive({});
     const columns = reactive([]);
-    const currentPage = ref(props.currentPage);
-    const pageSize = ref(props.pageSize);
+    const currentPage = toRef(props, "currentPage");
+    const pageSize = toRef(props, "pageSize");
     const tableScroll = ref();
     const global = reactive({
       checked: false,
@@ -4338,6 +5874,7 @@ const _sfc_main$3 = defineComponent({
       }, {});
     }
     const init = () => {
+      columns.length = 0;
       props.columns.forEach((column) => {
         columns.push(__spreadValues(__spreadValues({}, defaultColumnConfig), column));
       });
@@ -4364,7 +5901,6 @@ const _sfc_main$3 = defineComponent({
         });
       }
     };
-    init();
     const columnStyle = (id) => {
       const setting = tableSetting[id];
       const { width } = setting;
@@ -4409,9 +5945,9 @@ const _sfc_main$3 = defineComponent({
     const isRowSelected = (row) => selectedRows.has(row);
     const toggleExpand = (row, rowIndex) => {
       expandedRows.add(row);
-      const index = expandRows.indexOf(row);
-      if (index > -1) {
-        expandRows.splice(index, 1);
+      const index2 = expandRows.indexOf(row);
+      if (index2 > -1) {
+        expandRows.splice(index2, 1);
         emit("expandToggle", row, rowIndex, false);
       } else {
         expandRows.push(row);
@@ -4456,6 +5992,10 @@ const _sfc_main$3 = defineComponent({
       clearExpansion();
       clearSelection();
     };
+    init();
+    watch(() => props.columns, () => {
+      init();
+    }, { deep: true });
     watch(currentPage, (val) => {
       emit("update:current-page", val);
     });
@@ -4510,6 +6050,9 @@ const _sfc_main$3 = defineComponent({
     onUnmounted(() => {
       window.removeEventListener("resize", windowResize);
     });
+    function onRowClick(row, rowIndex) {
+      emit("row-click", row, rowIndex);
+    }
     return {
       columns,
       filterColumns,
@@ -4532,7 +6075,8 @@ const _sfc_main$3 = defineComponent({
       clearState,
       global,
       tableScroll,
-      expandedRows
+      expandedRows,
+      onRowClick
     };
   }
 });
@@ -4554,20 +6098,21 @@ const _hoisted_6 = {
 const _hoisted_7 = ["onClick"];
 const _hoisted_8 = { class: "dao-table-th__content" };
 const _hoisted_9 = { class: "dao-table-tbody" };
-const _hoisted_10 = {
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
   key: 0,
   class: "dao-table-td"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 1,
   class: "dao-table-td"
 };
-const _hoisted_12 = ["onClick"];
-const _hoisted_13 = {
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
   key: 0,
   class: "dao-table-tr-expand"
 };
-const _hoisted_14 = { class: "dao-table-pagination" };
+const _hoisted_15 = { class: "dao-table-pagination" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_checkbox = resolveComponent("dao-checkbox");
   const _component_dao_resizer = resolveComponent("dao-resizer");
@@ -4620,22 +6165,23 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ])) : createCommentVNode("", true),
         createElementVNode("tbody", _hoisted_9, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row, index) => {
-            return openBlock(), createElementBlock(Fragment, { key: index }, [
+          (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) }])
+                class: normalizeClass(["dao-table-tr", { "dao-table-tr--expandable-open": _ctx.expandable && _ctx.isRowExpanded(row) }]),
+                onClick: ($event) => _ctx.onRowClick(row, index2)
               }, [
-                _ctx.selectable ? (openBlock(), createElementBlock("td", _hoisted_10, [
+                _ctx.selectable ? (openBlock(), createElementBlock("td", _hoisted_11, [
                   createVNode(_component_dao_checkbox, {
                     checked: _ctx.isRowSelected(row),
                     onChange: ($event) => _ctx.toggleSelected(row)
                   }, null, 8, ["checked", "onChange"])
                 ])) : createCommentVNode("", true),
-                _ctx.expandable ? (openBlock(), createElementBlock("td", _hoisted_11, [
+                _ctx.expandable ? (openBlock(), createElementBlock("td", _hoisted_12, [
                   createElementVNode("i", {
                     class: "dao-table-expand-toggle icon-arrow-sharp",
-                    onClick: ($event) => _ctx.toggleExpand(row, index)
-                  }, null, 8, _hoisted_12)
+                    onClick: ($event) => _ctx.toggleExpand(row, index2)
+                  }, null, 8, _hoisted_13)
                 ])) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterColumns, (column) => {
                   return openBlock(), createElementBlock("td", {
@@ -4646,15 +6192,17 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     renderSlot(_ctx.$slots, `td-${column.id}`, {
                       value: row[column.id],
                       row,
-                      rowIndex: index
-                    })
+                      rowIndex: index2
+                    }, () => [
+                      createElementVNode("span", null, toDisplayString(row[column.id]), 1)
+                    ])
                   ], 4);
                 }), 128))
-              ], 2),
-              _ctx.expandable && _ctx.expandedRows.has(row) ? withDirectives((openBlock(), createElementBlock("tr", _hoisted_13, [
+              ], 10, _hoisted_10),
+              _ctx.expandable && _ctx.expandedRows.has(row) ? withDirectives((openBlock(), createElementBlock("tr", _hoisted_14, [
                 renderSlot(_ctx.$slots, "expand", {
                   row,
-                  rowIndex: index
+                  rowIndex: index2
                 })
               ], 512)), [
                 [vShow, _ctx.isRowExpanded(row)]
@@ -4664,7 +6212,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ], 2),
-    createElementVNode("div", _hoisted_14, [
+    createElementVNode("div", _hoisted_15, [
       renderSlot(_ctx.$slots, "pagination", {}, () => [
         createVNode(_component_dao_pagination, {
           "current-page": _ctx.currentPage,
@@ -4790,7 +6338,7 @@ const _sfc_main$2 = defineComponent({
       }
       emit("click", event, value);
     };
-    const tabsLi = computed(() => props.tabList.map((tab, index) => {
+    const tabsLi = computed(() => props.tabList.map((tab, index2) => {
       const { label } = tab;
       const isNotString = typeof label !== "string";
       const isActive = tab.value === props.currentTab;
@@ -4804,7 +6352,7 @@ const _sfc_main$2 = defineComponent({
           "dao-tab-nav-item--disabled": tab.disabled
         },
         ref: hasActiveLine ? activeTab : void 0,
-        key: index,
+        key: index2,
         onClick: (event) => handleClick(event, tab),
         onMouseenter: hasHoverLine ? onMouseenter : void 0,
         onMouseleave: hasHoverLine ? onMouseleave : void 0
@@ -4830,7 +6378,7 @@ const _sfc_main$1 = defineComponent({
     type: {
       type: String,
       default: "card",
-      validator: (value) => ["card", "line"].includes(value)
+      validator: (value) => ["card", "line", "pill"].includes(value)
     },
     direction: {
       type: String,
@@ -4872,16 +6420,16 @@ const _sfc_main$1 = defineComponent({
       if (!child.value) {
         return;
       }
-      const index = Array.from(((_a = tabBody.value) == null ? void 0 : _a.children) || []).indexOf(child.value);
-      if (index > -1) {
-        tabList.splice(index, 0, tab);
+      const index2 = Array.from(((_a = tabBody.value) == null ? void 0 : _a.children) || []).indexOf(child.value);
+      if (index2 > -1) {
+        tabList.splice(index2, 0, tab);
       }
     };
     provide(addTabFnKey, addTab);
     const removeTab = (tab) => {
-      const index = tabList.indexOf(tab);
-      if (index > -1) {
-        tabList.splice(index, 1);
+      const index2 = tabList.indexOf(tab);
+      if (index2 > -1) {
+        tabList.splice(index2, 1);
       }
     };
     provide(removeTabFnKey, removeTab);
@@ -4960,23 +6508,38 @@ var tabItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
+  ActionIcon: DaoActionIcon,
   Button: DaoButton,
   ButtonGroup: buttonGroup,
+  Card: card,
+  CardItem: cardItem,
   Checkbox: DaoCheckbox,
   CheckboxGroup: checkboxGroup,
   Dialog: dialog,
   DialogFooter,
   DialogHeader,
+  Drawer: drawer,
   Dropdown: dropdown,
   DropdownMenu: dropdownMenu,
   DropdownItem: dropdownItem,
+  Expansion: expansion,
+  ExpansionItem: expansionItem,
   Form: form,
   FormItem: formItem,
   FormGroup: formGroup,
+  Header: header,
+  Breadcrumb: breadcrumb,
+  BreadcrumbItem: DaoBreadcrumbItem,
   Icon: DaoIcon,
   Input: input,
-  Popover: _sfc_main$c,
-  Popper: DaoPopper,
+  Message: message,
+  Nav: nav,
+  NavHead: navHead,
+  NavItem: navItem,
+  NavSub: navSub,
+  Pagination: DaoPagination,
+  Popover: _sfc_main$9,
+  Popper,
   Progress: progress,
   Radio: radio,
   RadioGroup: radioGroup,
@@ -4987,23 +6550,19 @@ var components = /* @__PURE__ */ Object.freeze({
   Tabs: tabs,
   TabNav: _sfc_main$2,
   TabItem: tabItem,
-  Tooltip: _sfc_main$g
+  Tooltip: _sfc_main$o
 });
 var common = "";
-const plugin$1 = (app) => {
+var alias = "";
+const plugin = (app) => {
   Object.values(components).forEach((c) => {
     app.component(c.name, c);
   });
 };
-let installed = false;
-function install(Vue) {
-  if (installed) {
-    return;
-  }
-  Vue.use(plugin$1);
-  installed = true;
-}
-var plugin = {
+const install = (Vue) => {
+  Vue.use(plugin);
+};
+var index = {
   install
 };
-export { plugin as default };
+export { DaoActionIcon as ActionIcon, breadcrumb as Breadcrumb, DaoBreadcrumbItem as BreadcrumbItem, DaoButton as Button, buttonGroup as ButtonGroup, card as Card, cardItem as CardItem, DaoCheckbox as Checkbox, checkboxGroup as CheckboxGroup, dialog as Dialog, DialogFooter, DialogHeader, drawer as Drawer, dropdown as Dropdown, dropdownItem as DropdownItem, dropdownMenu as DropdownMenu, expansion as Expansion, expansionItem as ExpansionItem, form as Form, formGroup as FormGroup, formItem as FormItem, header as Header, DaoIcon as Icon, input as Input, message as Message, nav as Nav, navHead as NavHead, navItem as NavItem, navSub as NavSub, DaoOption as Option, DaoPagination as Pagination, _sfc_main$9 as Popover, Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$2 as TabNav, table as Table, tabs as Tabs, _sfc_main$o as Tooltip, index as default };