@dao-style/core 0.0.1-beta.4 → 0.0.1-beta.7

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, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, createVNode, toRefs, withCtx, watch, Transition, withModifiers, normalizeStyle, withKeys, withDirectives, vShow, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, nextTick, reactive, vModelText, renderList, onUnmounted, h } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, createBlock, unref, resolveComponent, Fragment, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, toRefs, createVNode, withCtx, watch, Transition, withModifiers, normalizeStyle, withKeys, withDirectives, vShow, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, nextTick, renderList, reactive, vModelText, 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$G = 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$u = ["disabled"];
+function _sfc_render$C(_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$u);
+}
+var actionIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$C]]);
 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$C = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "DaoIcon",
   props: {
     name: {
@@ -80,7 +127,7 @@ const _hoisted_1$t = {
   class: "dao-icon"
 };
 const _hoisted_2$j = ["xlink:href"];
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.useFont ? (openBlock(), createElementBlock("i", {
     key: 0,
     class: normalizeClass(["dao-icon dao-iconfont", _ctx.name])
@@ -90,8 +137,8 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, _hoisted_2$j)
   ]));
 }
-var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$B]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   props: {
     useFont: {
       type: Boolean,
@@ -120,10 +167,10 @@ const NO_ICON = Symbol(0);
 const RIGHT_ICON = Symbol(1);
 const LEFT_ICON = Symbol(2);
 const BOTH_ICON = Symbol(3);
-const _sfc_main$A = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "DaoButton",
   components: {
-    DaoButtonIcon: _sfc_main$B
+    DaoButtonIcon: _sfc_main$E
   },
   props: buttonProps,
   emits: ["click"],
@@ -212,7 +259,7 @@ const _hoisted_2$i = {
   key: 1,
   class: "dao-btn__text"
 };
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_button_icon = resolveComponent("dao-button-icon");
   return openBlock(), createElementBlock("button", {
     class: normalizeClass(_ctx.classList),
@@ -236,20 +283,20 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 10, _hoisted_1$s);
 }
-var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$x]]);
+var DaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$A]]);
 var buttonGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$z = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "DaoButtonGroup"
 });
 const _hoisted_1$r = { class: "dao-btn-group" };
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$r, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$w]]);
+var buttonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$z]]);
 var card_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$y = defineComponent({
+const _sfc_main$B = defineComponent({
   name: "DaoCard",
   components: {
     DaoIcon
@@ -287,7 +334,7 @@ const _hoisted_2$h = {
 };
 const _hoisted_3$b = { class: "dao-card-header-item dao-card-header-title" };
 const _hoisted_4$a = { class: "dao-card-header-item dao-card-header-action" };
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$y(_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}`])
@@ -332,73 +379,18 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var card = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$v]]);
+var card = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$y]]);
 var cardItem_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$x = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "DaoCardItem"
 });
 const _hoisted_1$p = { class: "dao-card-item" };
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$p, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var cardItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$u]]);
-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;
-      }
-    }
-  }
-  return String(a) === String(b);
-}
-function looseIndexOf(arr, val) {
-  return arr.findIndex((item) => looseEqual(item, val));
-}
-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$A, [["render", _sfc_render$x]]);
 function isNullish(val) {
   return val === null || val === void 0;
 }
@@ -429,9 +421,10 @@ const checkboxGroupChangeFnKey = Symbol("checkboxGroupChangeFnKey");
 const formLabelWidthKey = Symbol("formLabelWidthKey");
 const navRootKey = Symbol("rootNav");
 const navSubKey = Symbol("subNav");
+const breadcrumbKey = Symbol("breadcrumbKey");
 var checkbox_vue_vue_type_style_index_0_lang = "";
 const modelValueAny = [String, Number, Boolean, Symbol, Object, Set, Array];
-const _sfc_main$w = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "DaoCheckbox",
   props: {
     modelValue: {
@@ -526,13 +519,13 @@ const _sfc_main$w = 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)) {
@@ -578,7 +571,7 @@ const _hoisted_5$5 = {
   key: 1,
   class: "dao-checkbox__label-helper"
 };
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(_ctx.wrapClasses)
   }, [
@@ -608,9 +601,9 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$t]]);
+var DaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$w]]);
 var checkboxGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$v = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "DaoCheckboxGroup",
   props: {
     modelValue: {
@@ -644,18 +637,18 @@ const _sfc_main$v = defineComponent({
     };
   }
 });
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_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$v, [["render", _sfc_render$s]]);
-const _sfc_main$u = defineComponent({
+var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$v]]);
+const _sfc_main$x = defineComponent({
   name: "DaoDialogHeader",
   components: {
-    DaoIcon
+    DaoButton
   },
   props: {
     showClose: {
@@ -676,33 +669,27 @@ const _sfc_main$u = defineComponent({
   }
 });
 const _hoisted_1$n = { class: "dao-dialog-header" };
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_icon = resolveComponent("dao-icon");
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_button = resolveComponent("dao-button");
   return openBlock(), createElementBlock("div", _hoisted_1$n, [
     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$u, [["render", _sfc_render$r]]);
-const _sfc_main$t = defineComponent({
+var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$u]]);
+const _sfc_main$w = defineComponent({
   name: "DaoDialogFooter",
   components: {
     DaoButton
@@ -739,12 +726,12 @@ const _sfc_main$t = defineComponent({
   }
 });
 const _hoisted_1$m = { class: "dao-dialog-footer" };
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_button = resolveComponent("dao-button");
   return openBlock(), createElementBlock("div", _hoisted_1$m, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createVNode(_component_dao_button, {
-        type: "secondary",
+        type: "ghost",
         class: "dao-dialog-footer-cancel-btn",
         onClick: _ctx.onCancel
       }, {
@@ -766,13 +753,13 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
+var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$t]]);
 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$s = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "DaoDialog",
   components: {
     DialogHeader,
@@ -850,7 +837,7 @@ const _sfc_main$s = defineComponent({
     "before-close",
     "closed"
   ],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const {
       modelValue,
       middle,
@@ -858,7 +845,7 @@ const _sfc_main$s = defineComponent({
       bottom: bottom2,
       containerClass,
       size,
-      header,
+      header: header2,
       lockScroll,
       closeOnPressEscape,
       closeOnClickOutside
@@ -869,8 +856,8 @@ const _sfc_main$s = 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);
     });
@@ -937,7 +924,6 @@ const _sfc_main$s = defineComponent({
       computedContainerClass,
       headerTitle,
       showHeader,
-      slots,
       onBeforeEnter,
       onAfterEnter,
       onConfirm,
@@ -949,7 +935,7 @@ const _sfc_main$s = defineComponent({
   }
 });
 const _hoisted_1$l = { class: "dao-dialog-body" };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dialog_header = resolveComponent("dialog-header");
   const _component_dialog_footer = resolveComponent("dialog-footer");
   return openBlock(), createBlock(Transition, {
@@ -1006,7 +992,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onBeforeEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"]);
 }
-var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$p]]);
+var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$s]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -2140,13 +2126,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,
@@ -2205,7 +2191,7 @@ var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyS
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
-const _sfc_main$r = defineComponent({
+const _sfc_main$u = defineComponent({
   name: "PopperContent",
   props: {
     popperId: {
@@ -2260,22 +2246,22 @@ const _hoisted_2$f = {
 };
 const _hoisted_3$9 = /* @__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$8 = [
   _hoisted_3$9
 ];
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     id: _ctx.popperId,
     ref: "popover",
@@ -2299,7 +2285,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 42, _hoisted_1$k);
 }
-var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$o]]);
+var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$r]]);
 var PopperProps = {
   modelValue: {
     type: Boolean,
@@ -2389,7 +2375,7 @@ function updatePopperOptions(popperInstance, modifiers, popperOptions = {}) {
     });
   });
 }
-const _sfc_main$q = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "DaoPopper",
   components: {
     PopperContent
@@ -2579,10 +2565,17 @@ const _sfc_main$q = 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();
       }
     };
@@ -2739,7 +2732,7 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popper_content = resolveComponent("popper-content");
   return openBlock(), createElementBlock("div", {
     ref: "reference",
@@ -2781,8 +2774,8 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     ], 8, ["to", "disabled"]))
   ], 2);
 }
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n]]);
-const _sfc_main$p = defineComponent({
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$q]]);
+const _sfc_main$s = defineComponent({
   name: "DaoDropdown",
   components: {
     DaoPopper: Popper
@@ -2839,7 +2832,7 @@ const _sfc_main$p = defineComponent({
   }
 });
 const _hoisted_1$j = { tabindex: "0" };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_popper = resolveComponent("dao-popper");
   return openBlock(), createBlock(_component_dao_popper, {
     ref: "popper",
@@ -2862,20 +2855,20 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["placement", "append-to", "trigger", "offset", "model-value"]);
 }
-var dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$m]]);
+var dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$p]]);
 var dropdownMenu_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$o = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "DaoDropdownMenu"
 });
 const _hoisted_1$i = { class: "dao-dropdown-menu" };
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", _hoisted_1$i, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var dropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$l]]);
+var dropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$o]]);
 var dropdownItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$n = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "DaoDropdownItem",
   props: {
     type: {
@@ -2924,14 +2917,14 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_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$n, [["render", _sfc_render$k]]);
+var dropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$n]]);
 var form_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$m = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "DaoForm",
   props: {
     type: {
@@ -2949,7 +2942,7 @@ const _sfc_main$m = defineComponent({
     provide(formLabelWidthKey, labelWidth.value);
   }
 });
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "dao-form",
@@ -2969,18 +2962,24 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     } })
   ], 2);
 }
-var form = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$j]]);
+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$l = defineComponent(__spreadProps(__spreadValues({}, Popper), {
+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$k = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "DaoFormItem",
   components: {
-    DaoTooltip: _sfc_main$l
+    DaoTooltip: _sfc_main$o
   },
   props: {
     label: {
@@ -3032,7 +3031,7 @@ const _hoisted_2$e = {
 };
 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$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_tooltip = resolveComponent("dao-tooltip");
   return openBlock(), createElementBlock("div", _hoisted_1$h, [
     createElementVNode("div", {
@@ -3063,9 +3062,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ]);
 }
-var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
+var formItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]);
 var formGroup_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$j = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "DaoFormGroup",
   props: {
     title: {
@@ -3076,7 +3075,7 @@ const _sfc_main$j = defineComponent({
 });
 const _hoisted_1$g = { class: "dao-form-group" };
 const _hoisted_2$d = { class: "dao-form-group__title" };
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+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", {}, () => [
@@ -3086,20 +3085,216 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
+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__1643169609057__");
+    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__1643169609057__";
+      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);
@@ -3107,55 +3302,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$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"
@@ -3173,6 +3372,11 @@ const _sfc_main$i = 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`,
@@ -3194,10 +3398,18 @@ const _sfc_main$i = 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) => {
@@ -3214,6 +3426,63 @@ const _sfc_main$i = 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) {
@@ -3239,6 +3508,12 @@ const _sfc_main$i = defineComponent({
       return __spreadValues(__spreadValues({}, attrs), events);
     });
     watch(modelValue, (newV) => setCurrentValue(newV));
+    onMounted(() => {
+      window.addEventListener("mouseup", onInputNumberMouseup);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("mouseup", onInputNumberMouseup);
+    });
     return {
       currentValue,
       isFocus,
@@ -3249,7 +3524,11 @@ const _sfc_main$i = defineComponent({
       inputAttrs,
       slots,
       resetCurrentVal,
-      statusMap
+      statusClasses,
+      changeNumberValue,
+      isIncreaseDisabled,
+      isDecreaseDisabled,
+      isChangingNumber
     };
   }
 });
@@ -3257,17 +3536,16 @@ const _hoisted_1$f = {
   key: 0,
   class: "dao-input-prepend"
 };
-const _hoisted_2$c = { class: "dao-input-inner" };
-const _hoisted_3$7 = {
+const _hoisted_2$c = {
   key: 0,
   class: "dao-input-prefix"
 };
-const _hoisted_4$6 = ["type", "disabled", "value"];
-const _hoisted_5$4 = {
-  key: 2,
+const _hoisted_3$7 = ["type", "disabled", "value"];
+const _hoisted_4$6 = {
+  key: 4,
   class: "dao-input-suffix"
 };
-const _hoisted_6$3 = {
+const _hoisted_5$4 = {
   key: 1,
   class: "dao-input-append"
 };
@@ -3277,13 +3555,15 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     renderSlot(_ctx.$slots, "prepend"),
     _ctx.prepend && !_ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1$f, toDisplayString(_ctx.prepend), 1)) : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_2$c, [
-      _ctx.slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+    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",
@@ -3293,24 +3573,44 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         disabled: _ctx.disabled,
         value: _ctx.currentValue,
         onKeyup: _cache[0] || (_cache[0] = withKeys((...args) => _ctx.resetCurrentVal && _ctx.resetCurrentVal(...args), ["esc"]))
-      }), null, 16, _hoisted_4$6),
+      }), null, 16, _hoisted_3$7),
+      _ctx.type === "number" ? (openBlock(), createElementBlock("i", {
+        key: 2,
+        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)) : createCommentVNode("", true),
+      _ctx.type === "number" ? (openBlock(), createElementBlock("i", {
+        key: 3,
+        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)) : 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-close", { "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$4, [
+      _ctx.slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
         renderSlot(_ctx.$slots, "suffix")
       ])) : createCommentVNode("", true)
-    ]),
+    ], 2),
     renderSlot(_ctx.$slots, "append"),
-    _ctx.append && !_ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_6$3, toDisplayString(_ctx.append), 1)) : createCommentVNode("", true)
+    _ctx.append && !_ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_5$4, toDisplayString(_ctx.append), 1)) : createCommentVNode("", true)
   ], 2);
 }
 var input = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
@@ -3538,31 +3838,31 @@ const _sfc_main$g = defineComponent({
     const { type, accordion, activeOpened } = toRefs(props);
     const openedNav = ref([]);
     const activeItemIdx = ref();
-    const openNavSub = (index) => {
-      if (openedNav.value.includes(index)) {
+    const openNavSub = (index2) => {
+      if (openedNav.value.includes(index2)) {
         return;
       }
       if (accordion.value) {
         openedNav.value = [];
       }
-      openedNav.value.push(index);
+      openedNav.value.push(index2);
       emit("toggle", {
         action: "open",
-        index
+        index: index2
       });
     };
-    const closeNavSub = (index) => {
-      const idx = openedNav.value.indexOf(index);
+    const closeNavSub = (index2) => {
+      const idx = openedNav.value.indexOf(index2);
       if (idx !== -1) {
         openedNav.value.splice(idx, 1);
       }
       emit("toggle", {
         action: "close",
-        index
+        index: index2
       });
     };
-    const close = (index) => closeNavSub(index);
-    const open = (index) => openNavSub(index);
+    const close = (index2) => closeNavSub(index2);
+    const open = (index2) => openNavSub(index2);
     const initNav = () => {
       activeOpened.value.forEach((v) => {
         openNavSub(v);
@@ -3571,16 +3871,16 @@ const _sfc_main$g = defineComponent({
     onMounted(() => {
       initNav();
     });
-    const handleNavItemClick = (index) => {
-      activeItemIdx.value = index;
-      emit("select", index);
+    const handleNavItemClick = (index2) => {
+      activeItemIdx.value = index2;
+      emit("select", index2);
     };
-    const handleNavSubClick = (index) => {
-      const isOpened = openedNav.value.includes(index);
+    const handleNavSubClick = (index2) => {
+      const isOpened = openedNav.value.includes(index2);
       if (isOpened) {
-        closeNavSub(index);
+        closeNavSub(index2);
       } else {
-        openNavSub(index);
+        openNavSub(index2);
       }
     };
     const handleNavHeadClick = () => {
@@ -3687,10 +3987,10 @@ const _sfc_main$e = defineComponent({
       disabled,
       isActive,
       isExactActive,
-      index
+      index: index2
     } = toRefs(props);
     const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" && Boolean(icon.value));
-    const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index.value);
+    const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
     const isNavItemActive = computed(() => {
       const unrefIsActive = unref(isActive);
       const unrefIsExactActive = unref(isExactActive);
@@ -3726,17 +4026,17 @@ const _sfc_main$e = defineComponent({
       if (disabled.value) {
         return;
       }
-      rootNav == null ? void 0 : rootNav.handleNavItemClick(index.value);
+      rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
     };
     watchEffect(() => {
       if (isActive.value || isExactActive.value) {
-        subNav == null ? void 0 : subNav.handleNavItemActive(isActive.value || isExactActive.value, index.value);
-        rootNav == null ? void 0 : rootNav.handleNavItemClick(index.value);
+        subNav == null ? void 0 : subNav.handleNavItemActive(isActive.value || isExactActive.value, index2.value);
+        rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
       }
     });
     watch(() => rootNav == null ? void 0 : rootNav.activeItemIdx, (val) => {
-      const active = val === index.value;
-      subNav == null ? void 0 : subNav.handleNavItemActive(active, index.value);
+      const active = val === index2.value;
+      subNav == null ? void 0 : subNav.handleNavItemActive(active, index2.value);
     }, { immediate: true });
     return {
       classItemList,
@@ -3791,7 +4091,7 @@ const _sfc_main$d = defineComponent({
       disabled,
       isActive,
       isExactActive,
-      index,
+      index: index2,
       fold
     } = toRefs(props);
     const rootNav = inject(navRootKey);
@@ -3804,7 +4104,7 @@ const _sfc_main$d = defineComponent({
     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) === index.value);
+    const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
     const classSubList = computed(() => {
       const unrefDisabled = unref(disabled);
       return [
@@ -3866,24 +4166,24 @@ const _sfc_main$d = defineComponent({
         return;
       }
       if (fold.value) {
-        rootNav == null ? void 0 : rootNav.handleNavSubClick(index.value);
+        rootNav == null ? void 0 : rootNav.handleNavSubClick(index2.value);
       } else {
-        rootNav == null ? void 0 : rootNav.handleNavItemClick(index.value);
+        rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
       }
     };
     watchEffect(() => {
       if (!fold.value && (isActive.value || isExactActive.value)) {
-        rootNav == null ? void 0 : rootNav.handleNavItemClick(index.value);
+        rootNav == null ? void 0 : rootNav.handleNavItemClick(index2.value);
       }
     });
     watch(() => rootNav == null ? void 0 : rootNav.activeItemIdx, (val) => {
-      currentActiveIndex.value = Boolean(val === index.value);
+      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(index.value)) !== -1;
+        opened.value = (val == null ? void 0 : val.indexOf(index2.value)) !== -1;
       }
     }, { immediate: true, deep: true });
     return {
@@ -4154,9 +4454,9 @@ const _sfc_main$c = 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);
         }
@@ -4339,8 +4639,8 @@ const _sfc_main$b = defineComponent({
     onBeforeUnmount(() => {
       var _a;
       if (typeof removeFn === "function") {
-        const index = (_a = selectState == null ? void 0 : selectState.options.indexOf(instance)) != null ? _a : -1;
-        removeFn(index);
+        const index2 = (_a = selectState == null ? void 0 : selectState.options.indexOf(instance)) != null ? _a : -1;
+        removeFn(index2);
       }
     });
     return {
@@ -5142,9 +5442,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);
@@ -5353,8 +5653,8 @@ 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) }])
               }, [
@@ -5367,7 +5667,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.expandable ? (openBlock(), createElementBlock("td", _hoisted_11, [
                   createElementVNode("i", {
                     class: "dao-table-expand-toggle icon-arrow-sharp",
-                    onClick: ($event) => _ctx.toggleExpand(row, index)
+                    onClick: ($event) => _ctx.toggleExpand(row, index2)
                   }, null, 8, _hoisted_12)
                 ])) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterColumns, (column) => {
@@ -5379,15 +5679,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, [
                 renderSlot(_ctx.$slots, "expand", {
                   row,
-                  rowIndex: index
+                  rowIndex: index2
                 })
               ], 512)), [
                 [vShow, _ctx.isRowExpanded(row)]
@@ -5523,7 +5825,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;
@@ -5537,7 +5839,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
@@ -5605,16 +5907,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);
@@ -5693,6 +5995,7 @@ var tabItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
+  ActionIcon: actionIcon,
   Button: DaoButton,
   ButtonGroup: buttonGroup,
   Card: card,
@@ -5708,6 +6011,9 @@ var components = /* @__PURE__ */ Object.freeze({
   Form: form,
   FormItem: formItem,
   FormGroup: formGroup,
+  Header: header,
+  Breadcrumb: breadcrumb,
+  BreadcrumbItem: DaoBreadcrumbItem,
   Icon: DaoIcon,
   Input: input,
   Message: message,
@@ -5728,23 +6034,23 @@ var components = /* @__PURE__ */ Object.freeze({
   Tabs: tabs,
   TabNav: _sfc_main$2,
   TabItem: tabItem,
-  Tooltip: _sfc_main$l
+  Tooltip: _sfc_main$o
 });
 var common = "";
-const plugin$1 = (app) => {
+const plugin = (app) => {
   Object.values(components).forEach((c) => {
     app.component(c.name, c);
   });
 };
 let installed = false;
-function install(Vue) {
+const install = (Vue) => {
   if (installed) {
     return;
   }
-  Vue.use(plugin$1);
+  Vue.use(plugin);
   installed = true;
-}
-var plugin = {
+};
+var index = {
   install
 };
-export { plugin as default };
+export { actionIcon 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, dropdown as Dropdown, dropdownItem as DropdownItem, dropdownMenu as DropdownMenu, 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 };