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

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
@@ -2739,7 +2725,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 +2767,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 +2825,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 +2848,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 +2910,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 +2935,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 +2955,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 +3024,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 +3055,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 +3068,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 +3078,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 +3295,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 +3365,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 +3391,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 +3419,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 +3501,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 +3517,11 @@ const _sfc_main$i = defineComponent({
       inputAttrs,
       slots,
       resetCurrentVal,
-      statusMap
+      statusClasses,
+      changeNumberValue,
+      isIncreaseDisabled,
+      isDecreaseDisabled,
+      isChangingNumber
     };
   }
 });
@@ -3257,17 +3529,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 +3548,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 +3566,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 +3831,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 +3864,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 +3980,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 +4019,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 +4084,7 @@ const _sfc_main$d = defineComponent({
       disabled,
       isActive,
       isExactActive,
-      index,
+      index: index2,
       fold
     } = toRefs(props);
     const rootNav = inject(navRootKey);
@@ -3804,7 +4097,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 +4159,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 +4447,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 +4632,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 +5435,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 +5646,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 +5660,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,7 +5672,7 @@ 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
                     })
                   ], 4);
                 }), 128))
@@ -5387,7 +5680,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               _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 +5816,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 +5830,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 +5898,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 +5986,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 +6002,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 +6025,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 { index as default };