@dao-style/core 0.3.1 → 0.3.2

package/dist/dao-style.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, createVNode, withCtx, watch, onBeforeUnmount, Transition, withModifiers, normalizeStyle, withDirectives, vShow, withKeys, getCurrentInstance, onMounted, Teleport, nextTick, reactive, resolveDynamicComponent, createSlots, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted, h, toRef } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, withKeys, normalizeStyle, withDirectives, vShow, watch, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, createVNode, Transition, withCtx, nextTick, resolveDynamicComponent, createSlots, withModifiers, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted, h, toRef } from "vue";
 import { isArray as isArray$2, isSet, looseIndexOf, looseEqual, isFunction as isFunction$1, NOOP } from "@vue/shared";
 import { useI18n } from "vue-i18n";
 var common = "";
@@ -35,6 +35,10 @@ const _sfc_main$Q = defineComponent({
       type: String,
       default: ""
     },
+    size: {
+      type: String,
+      default: "md"
+    },
     type: {
       type: String,
       default: "button",
@@ -60,7 +64,11 @@ const _sfc_main$Q = defineComponent({
 const _hoisted_1$A = ["disabled"];
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("button", {
-    class: normalizeClass(["dao-action-icon", `dao-action-icon--type-${_ctx.type}`]),
+    class: normalizeClass([
+      "dao-action-icon",
+      `dao-action-icon--type-${_ctx.type}`,
+      `dao-action-icon--size-${_ctx.size}`
+    ]),
     disabled: _ctx.realDisabled,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
@@ -128,7 +136,7 @@ const _hoisted_1$z = {
   key: 1,
   class: "dao-icon dao-svg-icon"
 };
-const _hoisted_2$o = ["xlink:href"];
+const _hoisted_2$p = ["xlink:href"];
 function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.useFont ? (openBlock(), createElementBlock("i", {
     key: 0,
@@ -136,7 +144,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_1$z, [
     createElementVNode("use", {
       "xlink:href": `#${_ctx.name}`
-    }, null, 8, _hoisted_2$o)
+    }, null, 8, _hoisted_2$p)
   ]));
 }
 var DaoIcon = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$L]]);
@@ -237,7 +245,7 @@ const _sfc_main$O = defineComponent({
   }
 });
 const _hoisted_1$y = ["disabled"];
-const _hoisted_2$n = {
+const _hoisted_2$o = {
   key: 1,
   class: "dao-btn__text"
 };
@@ -255,7 +263,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
         "use-font": _ctx.isIconLeftFont,
         name: _ctx.realIconLeft
       }, null, 8, ["class", "use-font", "name"])) : createCommentVNode("", true),
-      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$n, [
+      _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2$o, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true),
       _ctx.realIconRight ? (openBlock(), createBlock(_component_dao_icon, {
@@ -312,7 +320,7 @@ const _hoisted_1$w = {
   key: 0,
   class: "dao-card-header"
 };
-const _hoisted_2$m = {
+const _hoisted_2$n = {
   key: 0,
   class: "dao-card-header-item"
 };
@@ -326,7 +334,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.type !== "headless" ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
       renderSlot(_ctx.$slots, "header", {}, () => [
         renderSlot(_ctx.$slots, "header-prefix"),
-        _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
+        _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             _ctx.icon ? (openBlock(), createBlock(_component_dao_icon, {
               key: 0,
@@ -558,7 +566,7 @@ const _sfc_main$K = defineComponent({
   }
 });
 const _hoisted_1$u = ["disabled", "indeterminate", "checked"];
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("span", { class: "dao-checkbox-inner" }, null, -1);
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("span", { class: "dao-checkbox-inner" }, null, -1);
 const _hoisted_3$d = {
   key: 0,
   class: "dao-checkbox__label"
@@ -587,7 +595,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
         checked: _ctx.currentChecked,
         onChange: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args))
       }), null, 16, _hoisted_1$u),
-      _hoisted_2$l
+      _hoisted_2$m
     ], 2),
     _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3$d, [
       _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$a, [
@@ -645,865 +653,216 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var checkboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$F]]);
-const _sfc_main$I = defineComponent({
-  name: "DaoDialogHeader",
-  components: {
-    DaoActionIcon
-  },
-  props: {
-    showClose: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["close"],
-  setup(props, { emit }) {
-    const onClose = () => emit("close");
-    return {
-      onClose
-    };
+var top = "top";
+var bottom = "bottom";
+var right = "right";
+var left = "left";
+var auto = "auto";
+var basePlacements = [top, bottom, right, left];
+var start = "start";
+var end = "end";
+var clippingParents = "clippingParents";
+var viewport = "viewport";
+var popper = "popper";
+var reference = "reference";
+var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
+  return acc.concat([placement + "-" + start, placement + "-" + end]);
+}, []);
+var placements$1 = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []);
+var beforeRead = "beforeRead";
+var read = "read";
+var afterRead = "afterRead";
+var beforeMain = "beforeMain";
+var main = "main";
+var afterMain = "afterMain";
+var beforeWrite = "beforeWrite";
+var write = "write";
+var afterWrite = "afterWrite";
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+function getNodeName(element) {
+  return element ? (element.nodeName || "").toLowerCase() : null;
+}
+function getWindow(node) {
+  if (node == null) {
+    return window;
   }
-});
-const _hoisted_1$t = { class: "dao-dialog__header" };
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_action_icon = resolveComponent("dao-action-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$t, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      createElementVNode("span", null, [
-        renderSlot(_ctx.$slots, "title", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
-        ])
-      ]),
-      _ctx.showClose ? (openBlock(), createBlock(_component_dao_action_icon, {
-        key: 0,
-        class: "dao-action-icon--close",
-        name: "icon-close",
-        onClick: _ctx.onClose
-      }, null, 8, ["onClick"])) : createCommentVNode("", true)
-    ])
-  ]);
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+  return node;
 }
-var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$E]]);
-const _sfc_main$H = defineComponent({
-  name: "DaoDialogFooter",
-  components: {
-    DaoButton
-  },
-  props: {
-    textConfirm: {
-      type: String,
-      default: "\u786E\u5B9A"
-    },
-    textCancel: {
-      type: String,
-      default: "\u53D6\u6D88"
-    },
-    confirmDisabled: {
-      type: Boolean,
-      default: false
+function isElement(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
+}
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
+}
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
     }
-  },
-  emits: ["confirm", "cancel"],
-  setup(props, { emit }) {
-    const { confirmDisabled } = toRefs(props);
-    const onConfirm = () => {
-      if (!confirmDisabled.value) {
-        emit("confirm");
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
       }
-    };
-    const onCancel = () => {
-      emit("cancel");
-    };
-    return {
-      onConfirm,
-      onCancel
-    };
-  }
-});
-const _hoisted_1$s = { class: "dao-dialog__footer" };
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_button = resolveComponent("dao-button");
-  return openBlock(), createElementBlock("div", _hoisted_1$s, [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      createVNode(_component_dao_button, {
-        type: "ghost",
-        class: "dao-dialog__footer__cancel-btn",
-        onClick: _ctx.onCancel
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.textCancel), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_dao_button, {
-        type: "primary",
-        disabled: _ctx.confirmDisabled,
-        onClick: _ctx.onConfirm
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.textConfirm), 1)
-        ]),
-        _: 1
-      }, 8, ["disabled", "onClick"])
-    ])
-  ]);
+    });
+  });
 }
-var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$D]]);
-var dialog_scss_vue_type_style_index_0_src_lang = "";
-const DIALOG_NUM_ATTR = "dao-dialog__num";
-const DIALOG_MINIMUM_PADDING = "20px";
-const DIALOG_DEFAULT_PADDING_TOP = "100px";
-const DIALOG_DEFAULT_PADDING_BOTTOM = "20px";
-const KEYBOARD_EVENT_NAME$1 = "keydown";
-const _sfc_main$G = defineComponent({
-  name: "DaoDialog",
-  components: {
-    DialogHeader,
-    DialogFooter
-  },
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    header: {
-      type: [String, Boolean],
-      default: ""
-    },
-    footer: {
-      type: Boolean,
-      default: true
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    containerClass: {
-      type: String,
-      default: ""
-    },
-    closeOnClickOutside: {
-      type: Boolean,
-      default: false
-    },
-    closeOnPressEscape: {
-      type: Boolean,
-      default: true
-    },
-    lockScroll: {
-      type: Boolean,
-      default: true
-    },
-    top: {
-      type: String,
-      default: DIALOG_DEFAULT_PADDING_TOP
-    },
-    bottom: {
-      type: String,
-      default: DIALOG_DEFAULT_PADDING_BOTTOM
-    },
-    middle: {
-      type: Boolean,
-      default: false
-    },
-    textConfirm: {
-      type: String,
-      default: void 0
-    },
-    textCancel: {
-      type: String,
-      default: void 0
+function effect$2(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
     },
-    confirmDisabled: {
-      type: Boolean,
-      default: false
+    arrow: {
+      position: "absolute"
     },
-    showClose: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: [
-    "change",
-    "before-open",
-    "cancel",
-    "update:modelValue",
-    "opened",
-    "confirm",
-    "before-close",
-    "closed"
-  ],
-  setup(props, { emit }) {
-    const {
-      modelValue,
-      middle,
-      top: top2,
-      bottom: bottom2,
-      containerClass,
-      size,
-      header: header2,
-      lockScroll,
-      closeOnPressEscape,
-      closeOnClickOutside
-    } = toRefs(props);
-    const { t } = useI18n();
-    const textContent = computed(() => {
-      var _a2, _b2;
-      return {
-        confirm: (_a2 = props.textConfirm) != null ? _a2 : t("core.dialog.confirm"),
-        cancel: (_b2 = props.textCancel) != null ? _b2 : t("core.dialog.cancel")
-      };
-    });
-    const computedPaddingTop = computed(() => middle.value ? DIALOG_MINIMUM_PADDING : top2.value);
-    const computedPaddingBottom = computed(() => middle.value ? DIALOG_MINIMUM_PADDING : bottom2.value);
-    const computedContainerClass = computed(() => [
-      containerClass.value,
-      `dao-dialog--size-${size.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);
-    });
-    const lockWindowScroll = () => {
-      if (!lockScroll.value) {
-        return;
-      }
-      const bodyDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR) || 0);
-      document.body.setAttribute(DIALOG_NUM_ATTR, String(bodyDialogNum + 1));
-      document.body.style.overflow = "hidden";
-    };
-    const onClose = () => {
-      emit("update:modelValue", false);
-    };
-    const onCancel = () => {
-      emit("cancel");
-      onClose();
-    };
-    const onKeyDown = (event) => {
-      if (event.code === "Escape" && closeOnPressEscape.value) {
-        onCancel();
-      }
-    };
-    const unLockWindowScroll = () => {
-      if (!lockScroll.value) {
+    reference: {}
+  };
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+  return function() {
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
+      }, {});
+      if (!isHTMLElement(element) || !getNodeName(element)) {
         return;
       }
-      const specDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR)) - 1;
-      if (specDialogNum < 1) {
-        document.body.removeAttribute(DIALOG_NUM_ATTR);
-        document.body.style.overflow = "";
-      } else {
-        document.body.setAttribute(DIALOG_NUM_ATTR, String(specDialogNum));
-      }
-    };
-    let currentDialogOpened = false;
-    const onBeforeEnter = () => {
-      document.addEventListener(KEYBOARD_EVENT_NAME$1, onKeyDown);
-      lockWindowScroll();
-      currentDialogOpened = true;
-      emit("before-open");
-    };
-    const onAfterEnter = () => {
-      emit("opened");
-    };
-    const onConfirm = () => {
-      emit("confirm");
-      onClose();
-    };
-    const onWrapperMousedown = () => {
-      if (closeOnClickOutside.value) {
-        onCancel();
-      }
-    };
-    const onBeforeLeave = () => {
-      emit("before-close");
-    };
-    const onAfterLeave = () => {
-      document.removeEventListener(KEYBOARD_EVENT_NAME$1, onKeyDown);
-      unLockWindowScroll();
-      currentDialogOpened = false;
-      emit("closed");
-    };
-    onBeforeUnmount(() => {
-      if (currentDialogOpened) {
-        onAfterLeave();
-      }
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
     });
-    return {
-      computedPaddingTop,
-      computedPaddingBottom,
-      computedContainerClass,
-      headerTitle,
-      showHeader,
-      textContent,
-      onBeforeEnter,
-      onAfterEnter,
-      onConfirm,
-      onCancel,
-      onWrapperMousedown,
-      onBeforeLeave,
-      onAfterLeave
-    };
-  }
-});
-const _hoisted_1$r = { class: "dao-dialog__body" };
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dialog_header = resolveComponent("dialog-header");
-  const _component_dialog_footer = resolveComponent("dialog-footer");
-  return openBlock(), createBlock(Transition, {
-    appear: "",
-    name: "dao-dialog",
-    onBeforeEnter: _ctx.onBeforeEnter,
-    onAfterEnter: _ctx.onAfterEnter,
-    onBeforeLeave: _ctx.onBeforeLeave,
-    onAfterLeave: _ctx.onAfterLeave
-  }, {
-    default: withCtx(() => [
-      _ctx.modelValue ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["dao-dialog__backdrop", { "dao-dialog__backdrop--middle": _ctx.middle }]),
-        onMousedown: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onWrapperMousedown && _ctx.onWrapperMousedown(...args), ["self"]))
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["dao-dialog__container", _ctx.computedContainerClass]),
-          style: normalizeStyle({
-            "margin-top": _ctx.computedPaddingTop,
-            "margin-bottom": _ctx.computedPaddingBottom
-          })
-        }, [
-          _ctx.showHeader ? (openBlock(), createBlock(_component_dialog_header, {
-            key: 0,
-            title: _ctx.headerTitle,
-            "show-close": _ctx.showClose,
-            onClose: _ctx.onCancel
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "header")
-            ]),
-            _: 3
-          }, 8, ["title", "show-close", "onClose"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$r, [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _ctx.footer ? (openBlock(), createBlock(_component_dialog_footer, {
-            key: 1,
-            "text-confirm": _ctx.textContent.confirm,
-            "text-cancel": _ctx.textContent.cancel,
-            "confirm-disabled": _ctx.confirmDisabled,
-            onConfirm: _ctx.onConfirm,
-            onCancel: _ctx.onCancel
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "footer")
-            ]),
-            _: 3
-          }, 8, ["text-confirm", "text-cancel", "confirm-disabled", "onConfirm", "onCancel"])) : createCommentVNode("", true)
-        ], 6)
-      ], 34)) : createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 8, ["onBeforeEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"]);
+  };
 }
-var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$C]]);
-const drawerProps = {
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  hideHeader: {
-    type: Boolean,
-    default: false
-  },
-  hideFooter: {
-    type: Boolean,
-    default: false
-  },
-  hideMask: {
-    type: Boolean,
-    default: false
-  },
-  hideCloseIcon: {
-    type: Boolean,
-    default: false
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  size: {
-    type: String,
-    default: "md"
-  },
-  cancelText: {
-    type: String,
-    default: void 0
-  },
-  confirmText: {
-    type: String,
-    default: void 0
-  }
+var applyStyles$1 = {
+  name: "applyStyles",
+  enabled: true,
+  phase: "write",
+  fn: applyStyles,
+  effect: effect$2,
+  requires: ["computeStyles"]
 };
-const getFocusElementRange = (elementNode) => {
-  const focusedElementOrigin = document.activeElement;
-  let firstTab = null;
-  let lastTab = null;
-  const focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
-  if (elementNode) {
-    const focusableElements = Array.from(elementNode.querySelectorAll(focusableElementsString));
-    firstTab = focusableElements[0];
-    lastTab = focusableElements[focusableElements.length - 1];
-    firstTab == null ? void 0 : firstTab.focus();
-  }
-  return {
-    lastTab,
-    firstTab,
-    focusedElementOrigin
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
+function getBoundingClientRect(element, includeScale) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  return {
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
   };
-};
-const trapTabKey = (e, firstTab, lastTab) => {
-  if (e.code === "Tab") {
-    if (e.shiftKey) {
-      if (document.activeElement === firstTab) {
-        e.preventDefault();
-        lastTab.focus();
+}
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element);
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width,
+    height
+  };
+}
+function contains(parent, child) {
+  var rootNode = child.getRootNode && child.getRootNode();
+  if (parent.contains(child)) {
+    return true;
+  } else if (rootNode && isShadowRoot(rootNode)) {
+    var next = child;
+    do {
+      if (next && parent.isSameNode(next)) {
+        return true;
       }
-    } else if (document.activeElement === lastTab) {
-      e.preventDefault();
-      firstTab.focus();
+      next = next.parentNode || next.host;
+    } while (next);
+  }
+  return false;
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function isTableElement(element) {
+  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
+}
+function getDocumentElement(element) {
+  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+}
+function getParentNode(element) {
+  if (getNodeName(element) === "html") {
+    return element;
+  }
+  return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
+}
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+    return null;
+  }
+  return element.offsetParent;
+}
+function getContainingBlock(element) {
+  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
+  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  if (isIE && isHTMLElement(element)) {
+    var elementCss = getComputedStyle(element);
+    if (elementCss.position === "fixed") {
+      return null;
     }
   }
-};
-var drawer_vue_vue_type_style_index_0_lang = "";
-const KEYBOARD_EVENT_NAME = "keydown";
-const _sfc_main$F = defineComponent({
-  name: "DaoDrawer",
-  components: {
-    DaoButton,
-    DaoActionIcon
-  },
-  props: drawerProps,
-  emits: ["update:modelValue", "close", "confirm"],
-  setup(props, { emit }) {
-    const { t } = useI18n();
-    const { modelValue, size } = toRefs(props);
-    const visible = ref(false);
-    const wrapVisible = ref(false);
-    const drawerRef = ref(null);
-    const textContent = computed(() => {
-      var _a2, _b2;
-      return {
-        confirm: (_a2 = props.confirmText) != null ? _a2 : t("core.drawer.confirm"),
-        cancel: (_b2 = props.cancelText) != null ? _b2 : t("core.drawer.cancel")
-      };
-    });
-    let focusElement = {
-      firstTab: null,
-      lastTab: null,
-      focusedElementOrigin: null
-    };
-    const wrapClassList = computed(() => [
-      "dao-drawer__wrap",
-      {
-        "dao-drawer__wrap--hide": !wrapVisible.value
-      }
-    ]);
-    const contentClassList = computed(() => [
-      "dao-drawer",
-      `dao-drawer-${size.value}`
-    ]);
-    const checkMasksVisible = () => {
-      const masks = document.getElementsByClassName("dao-drawer__mask") || [];
-      return !Array.from(masks).some((v) => v.style.display === "");
-    };
-    const lockWindowScroll = () => {
-      document.body.style.overflow = "hidden";
-      document.body.tabIndex = -1;
-    };
-    const unLockWindowScroll = () => {
-      if (checkMasksVisible()) {
-        document.body.style.overflow = "";
-      }
-    };
-    const close = () => {
-      visible.value = false;
-      emit("update:modelValue", false);
-      emit("close");
-    };
-    const handleWrapClick = (event) => {
-      const { target } = event;
-      const className = target.getAttribute("class");
-      if (className && className.indexOf("dao-drawer__wrap") > -1) {
-        close();
-      }
-    };
-    const handleWrapVisible = (v) => {
-      if (!v) {
-        setTimeout(() => {
-          wrapVisible.value = v;
-        }, 100);
-      } else {
-        wrapVisible.value = v;
-      }
-    };
-    const confirm = () => {
-      visible.value = false;
-      emit("update:modelValue", false);
-      emit("confirm");
-    };
-    const setLastFocusElement = () => {
-      if (focusElement.focusedElementOrigin instanceof HTMLElement) {
-        focusElement.focusedElementOrigin.focus();
-      }
-    };
-    const onHandleKeyDown = (e) => {
-      if (e.code === "Escape") {
-        close();
-      }
-      if (!focusElement.firstTab || !focusElement.lastTab) {
-        return;
-      }
-      trapTabKey(e, focusElement.firstTab, focusElement.lastTab);
-    };
-    const onBeforeEnter = () => {
-      focusElement = getFocusElementRange(drawerRef.value);
-      lockWindowScroll();
-      document.addEventListener(KEYBOARD_EVENT_NAME, onHandleKeyDown);
-    };
-    const onAfterLeave = () => {
-      setLastFocusElement();
-      unLockWindowScroll();
-      document.removeEventListener(KEYBOARD_EVENT_NAME, onHandleKeyDown);
-    };
-    watch(modelValue, (v) => {
-      visible.value = v;
-      handleWrapVisible(v);
-    }, { immediate: true });
-    return {
-      visible,
-      drawerRef,
-      wrapClassList,
-      contentClassList,
-      textContent,
-      close,
-      confirm,
-      handleWrapClick,
-      onBeforeEnter,
-      onAfterLeave
-    };
-  }
-});
-const _hoisted_1$q = { class: "dao-drawer__content" };
-const _hoisted_2$k = {
-  key: 0,
-  class: "dao-drawer__header"
-};
-const _hoisted_3$c = { class: "dao-drawer__header-group" };
-const _hoisted_4$9 = { class: "dao-drawer__body" };
-const _hoisted_5$7 = {
-  key: 1,
-  class: "dao-drawer__footer"
-};
-const _hoisted_6$5 = { class: "dao-drawer__footer-group" };
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dao_action_icon = resolveComponent("dao-action-icon");
-  const _component_dao_button = resolveComponent("dao-button");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(Transition, { name: "fade-in" }, {
-      default: withCtx(() => [
-        !_ctx.hideMask ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "dao-drawer__mask",
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args)),
-          onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.close && _ctx.close(...args))
-        }, null, 544)), [
-          [vShow, _ctx.visible]
-        ]) : createCommentVNode("", true)
-      ]),
-      _: 1
-    }),
-    createElementVNode("div", {
-      ref: "drawerRef",
-      class: normalizeClass(_ctx.wrapClassList),
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleWrapClick && _ctx.handleWrapClick(...args)),
-      onKeydown: _cache[3] || (_cache[3] = (...args) => _ctx.handleWrapClick && _ctx.handleWrapClick(...args))
-    }, [
-      createVNode(Transition, {
-        name: "slide-in-right",
-        onAfterEnter: _ctx.onBeforeEnter,
-        onAfterLeave: _ctx.onAfterLeave
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            class: normalizeClass(_ctx.contentClassList)
-          }, [
-            createElementVNode("div", _hoisted_1$q, [
-              !_ctx.hideHeader ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
-                renderSlot(_ctx.$slots, "header", {}, () => [
-                  createElementVNode("div", _hoisted_3$c, [
-                    createElementVNode("span", null, toDisplayString(_ctx.title), 1),
-                    !_ctx.hideCloseIcon ? (openBlock(), createBlock(_component_dao_action_icon, {
-                      key: 0,
-                      class: "dao-action-icon--close",
-                      name: "icon-close",
-                      onClick: _ctx.close
-                    }, null, 8, ["onClick"])) : createCommentVNode("", true)
-                  ])
-                ])
-              ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_4$9, [
-                renderSlot(_ctx.$slots, "default")
-              ]),
-              !_ctx.hideFooter ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
-                renderSlot(_ctx.$slots, "footer", {}, () => [
-                  createElementVNode("div", _hoisted_6$5, [
-                    createVNode(_component_dao_button, {
-                      type: "ghost",
-                      class: "footer-cancel-btn footer-btn",
-                      onClick: _ctx.close
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.textContent.cancel), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"]),
-                    createVNode(_component_dao_button, {
-                      class: "footer-btn",
-                      onClick: _ctx.confirm
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.textContent.confirm), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"])
-                  ])
-                ])
-              ])) : createCommentVNode("", true)
-            ])
-          ], 2), [
-            [vShow, _ctx.visible]
-          ])
-        ]),
-        _: 3
-      }, 8, ["onAfterEnter", "onAfterLeave"])
-    ], 34)
-  ]);
-}
-var drawer = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$B]]);
-var top = "top";
-var bottom = "bottom";
-var right = "right";
-var left = "left";
-var auto = "auto";
-var basePlacements = [top, bottom, right, left];
-var start = "start";
-var end = "end";
-var clippingParents = "clippingParents";
-var viewport = "viewport";
-var popper = "popper";
-var reference = "reference";
-var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
-  return acc.concat([placement + "-" + start, placement + "-" + end]);
-}, []);
-var placements$1 = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
-  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
-}, []);
-var beforeRead = "beforeRead";
-var read = "read";
-var afterRead = "afterRead";
-var beforeMain = "beforeMain";
-var main = "main";
-var afterMain = "afterMain";
-var beforeWrite = "beforeWrite";
-var write = "write";
-var afterWrite = "afterWrite";
-var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
-function getNodeName(element) {
-  return element ? (element.nodeName || "").toLowerCase() : null;
-}
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
-  if (node.toString() !== "[object Window]") {
-    var ownerDocument = node.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView || window : window;
-  }
-  return node;
-}
-function isElement(node) {
-  var OwnElement = getWindow(node).Element;
-  return node instanceof OwnElement || node instanceof Element;
-}
-function isHTMLElement(node) {
-  var OwnElement = getWindow(node).HTMLElement;
-  return node instanceof OwnElement || node instanceof HTMLElement;
-}
-function isShadowRoot(node) {
-  if (typeof ShadowRoot === "undefined") {
-    return false;
-  }
-  var OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
-}
-function applyStyles(_ref) {
-  var state = _ref.state;
-  Object.keys(state.elements).forEach(function(name) {
-    var style = state.styles[name] || {};
-    var attributes = state.attributes[name] || {};
-    var element = state.elements[name];
-    if (!isHTMLElement(element) || !getNodeName(element)) {
-      return;
-    }
-    Object.assign(element.style, style);
-    Object.keys(attributes).forEach(function(name2) {
-      var value = attributes[name2];
-      if (value === false) {
-        element.removeAttribute(name2);
-      } else {
-        element.setAttribute(name2, value === true ? "" : value);
-      }
-    });
-  });
-}
-function effect$2(_ref2) {
-  var state = _ref2.state;
-  var initialStyles = {
-    popper: {
-      position: state.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  Object.assign(state.elements.popper.style, initialStyles.popper);
-  state.styles = initialStyles;
-  if (state.elements.arrow) {
-    Object.assign(state.elements.arrow.style, initialStyles.arrow);
-  }
-  return function() {
-    Object.keys(state.elements).forEach(function(name) {
-      var element = state.elements[name];
-      var attributes = state.attributes[name] || {};
-      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
-      var style = styleProperties.reduce(function(style2, property) {
-        style2[property] = "";
-        return style2;
-      }, {});
-      if (!isHTMLElement(element) || !getNodeName(element)) {
-        return;
-      }
-      Object.assign(element.style, style);
-      Object.keys(attributes).forEach(function(attribute) {
-        element.removeAttribute(attribute);
-      });
-    });
-  };
-}
-var applyStyles$1 = {
-  name: "applyStyles",
-  enabled: true,
-  phase: "write",
-  fn: applyStyles,
-  effect: effect$2,
-  requires: ["computeStyles"]
-};
-function getBasePlacement(placement) {
-  return placement.split("-")[0];
-}
-function getBoundingClientRect(element, includeScale) {
-  var rect = element.getBoundingClientRect();
-  var scaleX = 1;
-  var scaleY = 1;
-  return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
-  };
-}
-function getLayoutRect(element) {
-  var clientRect = getBoundingClientRect(element);
-  var width = element.offsetWidth;
-  var height = element.offsetHeight;
-  if (Math.abs(clientRect.width - width) <= 1) {
-    width = clientRect.width;
-  }
-  if (Math.abs(clientRect.height - height) <= 1) {
-    height = clientRect.height;
-  }
-  return {
-    x: element.offsetLeft,
-    y: element.offsetTop,
-    width,
-    height
-  };
-}
-function contains(parent, child) {
-  var rootNode = child.getRootNode && child.getRootNode();
-  if (parent.contains(child)) {
-    return true;
-  } else if (rootNode && isShadowRoot(rootNode)) {
-    var next = child;
-    do {
-      if (next && parent.isSameNode(next)) {
-        return true;
-      }
-      next = next.parentNode || next.host;
-    } while (next);
-  }
-  return false;
-}
-function getComputedStyle(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function isTableElement(element) {
-  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
-}
-function getDocumentElement(element) {
-  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
-}
-function getParentNode(element) {
-  if (getNodeName(element) === "html") {
-    return element;
-  }
-  return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
-}
-function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
-    return null;
-  }
-  return element.offsetParent;
-}
-function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
-  if (isIE && isHTMLElement(element)) {
-    var elementCss = getComputedStyle(element);
-    if (elementCss.position === "fixed") {
-      return null;
-    }
-  }
-  var currentNode = getParentNode(element);
-  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-    var css = getComputedStyle(currentNode);
-    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
-      return currentNode;
-    } else {
-      currentNode = currentNode.parentNode;
-    }
+  var currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
+    var css = getComputedStyle(currentNode);
+    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
   }
   return null;
 }
@@ -2313,800 +1672,1657 @@ function order(modifiers) {
         }
       }
     });
-    result.push(modifier);
-  }
-  modifiers.forEach(function(modifier) {
-    if (!visited.has(modifier.name)) {
-      sort(modifier);
-    }
-  });
-  return result;
-}
-function orderModifiers(modifiers) {
-  var orderedModifiers = order(modifiers);
-  return modifierPhases.reduce(function(acc, phase) {
-    return acc.concat(orderedModifiers.filter(function(modifier) {
-      return modifier.phase === phase;
-    }));
-  }, []);
-}
-function debounce(fn2) {
-  var pending;
-  return function() {
-    if (!pending) {
-      pending = new Promise(function(resolve) {
-        Promise.resolve().then(function() {
-          pending = void 0;
-          resolve(fn2());
+    result.push(modifier);
+  }
+  modifiers.forEach(function(modifier) {
+    if (!visited.has(modifier.name)) {
+      sort(modifier);
+    }
+  });
+  return result;
+}
+function orderModifiers(modifiers) {
+  var orderedModifiers = order(modifiers);
+  return modifierPhases.reduce(function(acc, phase) {
+    return acc.concat(orderedModifiers.filter(function(modifier) {
+      return modifier.phase === phase;
+    }));
+  }, []);
+}
+function debounce(fn2) {
+  var pending;
+  return function() {
+    if (!pending) {
+      pending = new Promise(function(resolve) {
+        Promise.resolve().then(function() {
+          pending = void 0;
+          resolve(fn2());
+        });
+      });
+    }
+    return pending;
+  };
+}
+function mergeByName(modifiers) {
+  var merged = modifiers.reduce(function(merged2, current) {
+    var existing = merged2[current.name];
+    merged2[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
+    }) : current;
+    return merged2;
+  }, {});
+  return Object.keys(merged).map(function(key) {
+    return merged[key];
+  });
+}
+var DEFAULT_OPTIONS = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function areValidElements() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return !args.some(function(element) {
+    return !(element && typeof element.getBoundingClientRect === "function");
+  });
+}
+function popperGenerator(generatorOptions) {
+  if (generatorOptions === void 0) {
+    generatorOptions = {};
+  }
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  return function createPopper2(reference2, popper2, options) {
+    if (options === void 0) {
+      options = defaultOptions;
+    }
+    var state = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
+      modifiersData: {},
+      elements: {
+        reference: reference2,
+        popper: popper2
+      },
+      attributes: {},
+      styles: {}
+    };
+    var effectCleanupFns = [];
+    var isDestroyed = false;
+    var instance = {
+      state,
+      setOptions: function setOptions(setOptionsAction) {
+        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
+        cleanupModifierEffects();
+        state.options = Object.assign({}, defaultOptions, state.options, options2);
+        state.scrollParents = {
+          reference: isElement(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
+          popper: listScrollParents(popper2)
+        };
+        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
+        state.orderedModifiers = orderedModifiers.filter(function(m) {
+          return m.enabled;
+        });
+        runModifierEffects();
+        return instance.update();
+      },
+      forceUpdate: function forceUpdate() {
+        if (isDestroyed) {
+          return;
+        }
+        var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
+        if (!areValidElements(reference3, popper3)) {
+          return;
+        }
+        state.rects = {
+          reference: getCompositeRect(reference3, getOffsetParent(popper3), state.options.strategy === "fixed"),
+          popper: getLayoutRect(popper3)
+        };
+        state.reset = false;
+        state.placement = state.options.placement;
+        state.orderedModifiers.forEach(function(modifier) {
+          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+        });
+        for (var index2 = 0; index2 < state.orderedModifiers.length; index2++) {
+          if (state.reset === true) {
+            state.reset = false;
+            index2 = -1;
+            continue;
+          }
+          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,
+              options: _options,
+              name,
+              instance
+            }) || state;
+          }
+        }
+      },
+      update: debounce(function() {
+        return new Promise(function(resolve) {
+          instance.forceUpdate();
+          resolve(state);
+        });
+      }),
+      destroy: function destroy() {
+        cleanupModifierEffects();
+        isDestroyed = true;
+      }
+    };
+    if (!areValidElements(reference2, popper2)) {
+      return instance;
+    }
+    instance.setOptions(options).then(function(state2) {
+      if (!isDestroyed && options.onFirstUpdate) {
+        options.onFirstUpdate(state2);
+      }
+    });
+    function runModifierEffects() {
+      state.orderedModifiers.forEach(function(_ref3) {
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        if (typeof effect2 === "function") {
+          var cleanupFn = effect2({
+            state,
+            name,
+            instance,
+            options: options2
+          });
+          var noopFn = function noopFn2() {
+          };
+          effectCleanupFns.push(cleanupFn || noopFn);
+        }
+      });
+    }
+    function cleanupModifierEffects() {
+      effectCleanupFns.forEach(function(fn2) {
+        return fn2();
+      });
+      effectCleanupFns = [];
+    }
+    return instance;
+  };
+}
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
+var createPopper = /* @__PURE__ */ popperGenerator({
+  defaultModifiers
+});
+const _sfc_main$I = defineComponent({
+  name: "PopperContent",
+  props: {
+    popperId: {
+      type: String,
+      default: ""
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    theme: {
+      type: String,
+      default: ""
+    },
+    visibleArrow: {
+      type: Boolean,
+      default: true
+    },
+    width: {
+      type: [Number, String],
+      default: 0
+    },
+    autoHide: Boolean
+  },
+  emits: ["hide"],
+  setup(props) {
+    const { width } = toRefs(props);
+    const contentInnerStyle = computed(() => {
+      const style = {};
+      let widthValue = width.value;
+      if (widthValue) {
+        if (typeof widthValue === "number") {
+          widthValue = `${widthValue}px`;
+        }
+        style.minWidth = widthValue;
+      }
+      return style;
+    });
+    return {
+      contentInnerStyle
+    };
+  }
+});
+const _hoisted_1$t = ["id", "aria-hidden", "tabindex"];
+const _hoisted_2$l = {
+  ref: "arrow",
+  class: "dao-popper-arrow"
+};
+const _hoisted_3$c = /* @__PURE__ */ createElementVNode("svg", {
+  class: "dao-popper-arrow-viewbox",
+  viewBox: "0 0 15 15"
+}, [
+  /* @__PURE__ */ createElementVNode("path", {
+    class: "pt-popper-arrow-border",
+    d: "M4 7.5L14 -1L14 16Z",
+    opacity: "0.1"
+  }),
+  /* @__PURE__ */ createElementVNode("path", {
+    class: "pt-popper-arrow-fill",
+    d: "M6 7.5L15 -1L15 16Z"
+  })
+], -1);
+const _hoisted_4$9 = [
+  _hoisted_3$c
+];
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    id: _ctx.popperId,
+    ref: "popover",
+    class: normalizeClass([
+      "dao-popper",
+      _ctx.theme,
+      _ctx.popperClass
+    ]),
+    "aria-hidden": _ctx.isOpen ? "false" : "true",
+    tabindex: _ctx.autoHide ? 0 : void 0,
+    onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => _ctx.autoHide && _ctx.$emit("hide"), ["esc"]))
+  }, [
+    createElementVNode("div", {
+      class: "dao-popper-inner",
+      style: normalizeStyle(_ctx.contentInnerStyle)
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 4),
+    withDirectives(createElementVNode("div", _hoisted_2$l, _hoisted_4$9, 512), [
+      [vShow, _ctx.visibleArrow]
+    ])
+  ], 42, _hoisted_1$t);
+}
+var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$E]]);
+var PopperProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  content: {
+    type: String,
+    default: ""
+  },
+  appendTo: {
+    type: [String, Boolean, Object],
+    default: "root"
+  },
+  boundary: {
+    type: [String, Object],
+    default: "clippingParents"
+  },
+  delay: {
+    type: [Number, Object, String],
+    default: () => ({ show: 0, hide: 100 })
+  },
+  offset: {
+    type: [Number, String],
+    default: 16
+  },
+  width: {
+    type: [Number, String],
+    default: 0
+  },
+  placement: {
+    type: String,
+    default: "bottom",
+    validator: (value) => placements$2.includes(value)
+  },
+  trigger: {
+    type: [String, Array],
+    default: "hover"
+  },
+  visibleArrow: {
+    type: Boolean,
+    default: true
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  popperOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  transition: {
+    type: String,
+    default: ""
+  }
+};
+var popper_vue_vue_type_style_index_0_lang = "";
+let counter = 1;
+const on = (element, event, handler) => {
+  if (element && event && handler) {
+    element.addEventListener(event, handler, false);
+  }
+};
+const off = (element, event, handler) => {
+  if (element && event && handler) {
+    element.removeEventListener(event, handler, false);
+  }
+};
+function updatePopperOptions(popperInstance, modifiers, popperOptions = {}) {
+  let _modifiers;
+  if (Array.isArray(modifiers)) {
+    _modifiers = modifiers;
+  } else {
+    _modifiers = [modifiers];
+  }
+  popperInstance.setOptions((options) => {
+    var _a2, _b2;
+    return __spreadProps(__spreadValues(__spreadValues({}, options), popperOptions), {
+      modifiers: [
+        ...(_a2 = options.modifiers) != null ? _a2 : [],
+        ...(_b2 = popperOptions.modifiers) != null ? _b2 : [],
+        ..._modifiers
+      ]
+    });
+  });
+}
+function getActualRoot(app) {
+  var _a2, _b2, _c, _d, _e, _f, _g, _h;
+  let internalRoot = "body";
+  if (!app) {
+    return internalRoot;
+  }
+  let ele = (_f = (_c = (_b2 = (_a2 = app == null ? void 0 : app.root) == null ? void 0 : _a2.appContext) == null ? void 0 : _b2.app) == null ? void 0 : _c._container) != null ? _f : (_e = (_d = app == null ? void 0 : app.root) == null ? void 0 : _d.vnode) == null ? void 0 : _e.el;
+  if ((ele == null ? void 0 : ele.nodeType) !== Node.ELEMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_FRAGMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_NODE) {
+    ele = ele == null ? void 0 : ele.parentNode;
+  }
+  const rootNode = (_g = ele == null ? void 0 : ele.getRootNode) == null ? void 0 : _g.call(ele);
+  if (rootNode) {
+    internalRoot = (_h = rootNode.body) != null ? _h : rootNode;
+  }
+  return internalRoot;
+}
+const _sfc_main$H = defineComponent({
+  name: "DaoPopper",
+  components: {
+    PopperContent
+  },
+  props: PopperProps,
+  emits: ["update:modelValue", "show", "hide", "after-show", "after-hide"],
+  setup(props, { slots, emit }) {
+    const {
+      modelValue,
+      popperOptions,
+      placement,
+      trigger,
+      disabled,
+      offset: offset2,
+      delay,
+      boundary,
+      visibleArrow,
+      appendTo
+    } = toRefs(props);
+    counter += 1;
+    const popperId = ref(`popper_${counter}`);
+    const reference2 = ref(null);
+    const popper2 = ref(null);
+    const isOpen = ref(false);
+    const actualAppendTo = ref("body");
+    const isTelDisabled = ref(false);
+    watch(appendTo, () => {
+      const unrefAppendTo = unref(appendTo);
+      if (unrefAppendTo === false) {
+        isTelDisabled.value = true;
+      } else if (unrefAppendTo === "root") {
+        const vm = getCurrentInstance();
+        if (vm == null ? void 0 : vm.root.isMounted) {
+          actualAppendTo.value = getActualRoot(vm);
+        } else {
+          isTelDisabled.value = true;
+          actualAppendTo.value = "body";
+          onMounted(() => {
+            actualAppendTo.value = getActualRoot(vm);
+            isTelDisabled.value = false;
+          });
+        }
+      } else {
+        actualAppendTo.value = unrefAppendTo;
+      }
+    }, { immediate: true });
+    const instance = getCurrentInstance();
+    let popperInstance;
+    let _targetNode;
+    let _popperNode;
+    let _arrowNode;
+    let _scheduleTimer;
+    const themeClass = computed(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a2.$options.daoPopperTheme) != null ? _b2 : "";
+    });
+    const showDelay = computed(() => {
+      const unrefDelay = unref(delay);
+      if (typeof unrefDelay === "object") {
+        return unrefDelay.show || 0;
+      }
+      return unrefDelay || 0;
+    });
+    const hideDelay = computed(() => {
+      const unrefDelay = unref(delay);
+      if (typeof unrefDelay === "object") {
+        return unrefDelay.hide || 0;
+      }
+      return unrefDelay || 0;
+    });
+    const createPopper$1 = async () => {
+      var _a2;
+      if (popperInstance == null ? void 0 : popperInstance.destroy) {
+        popperInstance.destroy();
+      }
+      const unrefVisibleArrow = unref(visibleArrow);
+      const unrefOffset = unref(offset2);
+      const modifiers = [
+        preventOverflow$1,
+        offsetModifier,
+        flip$1,
+        {
+          name: "preventOverflow",
+          options: {
+            boundary: unref(boundary),
+            rootBoundary: "viewport",
+            padding: {
+              top: 2,
+              bottom: 2,
+              left: 5,
+              right: 5
+            }
+          }
+        }
+      ];
+      if (unrefVisibleArrow && _arrowNode) {
+        modifiers.push(arrow$1, {
+          name: "arrow",
+          options: {
+            element: _arrowNode
+          }
+        });
+      }
+      if (unrefOffset) {
+        const offsetValue = [0, Number(unrefOffset)];
+        modifiers.push({
+          name: "offset",
+          options: {
+            offset: offsetValue
+          }
+        });
+      }
+      modifiers.push(...((_a2 = unref(popperOptions)) == null ? void 0 : _a2.modifiers) || []);
+      const ppOptions = __spreadProps(__spreadValues({
+        strategy: "fixed",
+        placement: unref(placement)
+      }, unref(popperOptions)), {
+        modifiers
+      });
+      if (_targetNode && _popperNode) {
+        popperInstance = createPopper(_targetNode, _popperNode, ppOptions);
+      }
+      await nextTick();
+      isOpen.value = true;
+      popperInstance == null ? void 0 : popperInstance.update();
+    };
+    const updatePopper = (fn2) => {
+      if (popperInstance) {
+        if (fn2) {
+          fn2();
+        }
+        popperInstance == null ? void 0 : popperInstance.update();
+        return;
+      }
+      createPopper$1();
+    };
+    const destroyPopper = () => {
+      if (popperInstance) {
+        popperInstance.destroy();
+        popperInstance = null;
+      }
+    };
+    const showPopper = () => {
+      if (unref(isOpen)) {
+        return;
+      }
+      if (popperInstance) {
+        isOpen.value = true;
+        updatePopperOptions(popperInstance, {
+          name: "eventListeners",
+          enabled: true
+        });
+        emit("after-show");
+      }
+      updatePopper();
+    };
+    const hidePopper = () => {
+      if (!unref(isOpen)) {
+        return;
+      }
+      isOpen.value = false;
+      if (popperInstance) {
+        updatePopperOptions(popperInstance, {
+          name: "eventListeners",
+          enabled: false
+        });
+      }
+      emit("after-hide");
+    };
+    const show = () => {
+      if (unref(disabled)) {
+        return;
+      }
+      clearTimeout(_scheduleTimer);
+      emit("show");
+      const delayValue = unref(showDelay);
+      if (!delayValue) {
+        showPopper();
+      } else {
+        _scheduleTimer = setTimeout(showPopper, Number(delayValue));
+      }
+    };
+    const hide = () => {
+      if (unref(disabled)) {
+        return;
+      }
+      clearTimeout(_scheduleTimer);
+      emit("hide");
+      const delayValue = unref(hideDelay);
+      if (!delayValue) {
+        hidePopper();
+      } else {
+        _scheduleTimer = setTimeout(hidePopper, Number(delayValue));
+      }
+    };
+    const toggle = () => {
+      if (unref(isOpen)) {
+        hide();
+      } else {
+        show();
+      }
+    };
+    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(target)) && !(_targetNode == null ? void 0 : _targetNode.contains(target))) {
+        hide();
+      }
+    };
+    const operateEventListeners = (fn2) => {
+      let unrefTrigger = unref(trigger);
+      if (unrefTrigger === "manual") {
+        return;
+      }
+      if (!Array.isArray(unrefTrigger)) {
+        unrefTrigger = [unrefTrigger];
+      }
+      unrefTrigger.forEach((triggerType) => {
+        switch (triggerType) {
+          case "click":
+            fn2(_targetNode, "click", toggle);
+            fn2(document, "click", handleDocumentClick);
+            break;
+          case "hover":
+            fn2(_targetNode, "mouseenter", show);
+            fn2(_popperNode, "mouseenter", show);
+            fn2(_targetNode, "mouseleave", hide);
+            fn2(_popperNode, "mouseleave", hide);
+            break;
+          case "focus":
+            fn2(_targetNode, "focusin", show);
+            fn2(_popperNode, "focusin", show);
+            fn2(_targetNode, "focusout", hide);
+            fn2(_popperNode, "focusout", hide);
+            break;
+        }
+      });
+    };
+    const addEventListeners = () => {
+      operateEventListeners(on);
+    };
+    const removeEventListeners = () => {
+      operateEventListeners(off);
+    };
+    const init = () => {
+      var _a2, _b2, _c, _d;
+      if (!slots.default) {
+        throw new Error("Trigger must be provided");
+      }
+      _targetNode = (_a2 = unref(reference2)) == null ? void 0 : _a2.firstElementChild;
+      _popperNode = (_b2 = unref(popper2)) == null ? void 0 : _b2.$el;
+      _arrowNode = (_d = (_c = unref(popper2)) == null ? void 0 : _c.$refs) == null ? void 0 : _d.arrow;
+      addEventListeners();
+      if (unref(isOpen) || unref(modelValue)) {
+        showPopper();
+      }
+    };
+    const destroyOffsetWatcher = watch(offset2, (newV) => {
+      if (popperInstance) {
+        updatePopper(() => {
+          if (popperInstance) {
+            updatePopperOptions(popperInstance, {
+              name: "offset",
+              options: {
+                offset: [0, Number(newV)]
+              }
+            });
+          }
+        });
+      }
+    });
+    const destroyModelWatcher = watch(modelValue, () => {
+      if (unref(disabled) || unref(trigger) !== "manual") {
+        return;
+      }
+      if (unref(modelValue)) {
+        show();
+      } else {
+        hide();
+      }
+    });
+    const destroyOpenWatcher = watch(isOpen, (newV) => {
+      emit("update:modelValue", newV);
+    });
+    const destroyBoundaryWatcher = watch(boundary, (newV) => {
+      if (popperInstance) {
+        updatePopper(() => {
+          if (popperInstance) {
+            updatePopperOptions(popperInstance, {
+              name: "preventOverflow",
+              options: {
+                boundary: newV
+              }
+            });
+          }
         });
-      });
-    }
-    return pending;
-  };
-}
-function mergeByName(modifiers) {
-  var merged = modifiers.reduce(function(merged2, current) {
-    var existing = merged2[current.name];
-    merged2[current.name] = existing ? Object.assign({}, existing, current, {
-      options: Object.assign({}, existing.options, current.options),
-      data: Object.assign({}, existing.data, current.data)
-    }) : current;
-    return merged2;
-  }, {});
-  return Object.keys(merged).map(function(key) {
-    return merged[key];
-  });
-}
-var DEFAULT_OPTIONS = {
-  placement: "bottom",
-  modifiers: [],
-  strategy: "absolute"
-};
-function areValidElements() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
+      }
+    });
+    const destroyPlacementWatcher = watch(placement, (newV) => {
+      if (popperInstance) {
+        updatePopper(() => {
+          if (popperInstance) {
+            updatePopperOptions(popperInstance, [], {
+              placement: newV
+            });
+          }
+        });
+      }
+    });
+    const destroyArrowWatcher = watch(visibleArrow, (newVal) => {
+      if (popperInstance) {
+        updatePopper(() => {
+          if (popperInstance && _arrowNode) {
+            updatePopperOptions(popperInstance, [
+              arrow$1,
+              {
+                name: "arrow",
+                enabled: newVal,
+                options: {
+                  element: _arrowNode
+                }
+              }
+            ]);
+          }
+        });
+      }
+    });
+    const destroyPopperOptionWatcher = watch(popperOptions, (newV) => {
+      if (popperInstance) {
+        updatePopper(() => {
+          if (popperInstance) {
+            updatePopperOptions(popperInstance, [], newV);
+          }
+        });
+      }
+    });
+    onMounted(() => {
+      init();
+    });
+    onBeforeUnmount(() => {
+      destroyOffsetWatcher();
+      destroyModelWatcher();
+      destroyOpenWatcher();
+      destroyBoundaryWatcher();
+      destroyPlacementWatcher();
+      destroyArrowWatcher();
+      destroyPopperOptionWatcher();
+      removeEventListeners();
+      destroyPopper();
+    });
+    return {
+      isOpen,
+      popper: popper2,
+      reference: reference2,
+      popperId,
+      themeClass,
+      hide,
+      actualAppendTo,
+      isTelDisabled
+    };
   }
-  return !args.some(function(element) {
-    return !(element && typeof element.getBoundingClientRect === "function");
-  });
+});
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_popper_content = resolveComponent("popper-content");
+  return openBlock(), createElementBlock("div", {
+    ref: "reference",
+    class: normalizeClass([
+      "dao-popper-target",
+      {
+        "dao-popper-target--open": _ctx.isOpen
+      }
+    ])
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    (openBlock(), createBlock(Teleport, {
+      to: _ctx.actualAppendTo,
+      disabled: _ctx.isTelDisabled
+    }, [
+      createVNode(Transition, { name: _ctx.transition }, {
+        default: withCtx(() => [
+          withDirectives(createVNode(_component_popper_content, {
+            ref: "popper",
+            theme: _ctx.themeClass,
+            "popper-id": _ctx.popperId,
+            "visible-arrow": _ctx.visibleArrow,
+            "is-open": _ctx.isOpen,
+            width: _ctx.width,
+            "popper-class": _ctx.popperClass
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                createTextVNode(toDisplayString(_ctx.content), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["theme", "popper-id", "visible-arrow", "is-open", "width", "popper-class"]), [
+            [vShow, _ctx.isOpen]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ], 8, ["to", "disabled"]))
+  ], 2);
 }
-function popperGenerator(generatorOptions) {
-  if (generatorOptions === void 0) {
-    generatorOptions = {};
+var DaoPopper = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$D]]);
+var tooltipProps = __spreadProps(__spreadValues({}, PopperProps), {
+  offset: {
+    type: [Number, String],
+    default: 10
+  }
+});
+var tooltip_scss_vue_type_style_index_0_src_lang = "";
+const _sfc_main$G = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
+  name: "DaoTooltip",
+  props: tooltipProps,
+  daoPopperTheme: "dao-tooltip"
+}));
+var popover_scss_vue_type_style_index_0_src_lang = "";
+const _sfc_main$F = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
+  name: "DaoPopover",
+  props: PopperProps,
+  daoPopperTheme: "dao-popover"
+}));
+const placements = [
+  "auto",
+  "auto-start",
+  "auto-end",
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+];
+const ellipsisProps = {
+  type: {
+    type: String,
+    default: "tooltip"
+  },
+  manual: {
+    type: Boolean,
+    default: false
+  },
+  force: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  content: {
+    type: String,
+    default: ""
+  },
+  width: {
+    type: Number,
+    default: 200
+  },
+  ellipsisPlacement: {
+    type: String,
+    default: "bottom-start",
+    validator: (value) => placements.includes(value)
+  },
+  appendTo: {
+    type: [String, Boolean, Object],
+    default: "root"
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  offset: {
+    type: [Number, String],
+    default: 10
+  },
+  delay: {
+    type: [Number, Object, String],
+    default: () => ({ show: 0, hide: 100 })
   }
-  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
-  return function createPopper2(reference2, popper2, options) {
-    if (options === void 0) {
-      options = defaultOptions;
-    }
-    var state = {
-      placement: "bottom",
-      orderedModifiers: [],
-      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
-      modifiersData: {},
-      elements: {
-        reference: reference2,
-        popper: popper2
-      },
-      attributes: {},
-      styles: {}
-    };
-    var effectCleanupFns = [];
-    var isDestroyed = false;
-    var instance = {
-      state,
-      setOptions: function setOptions(setOptionsAction) {
-        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
-        cleanupModifierEffects();
-        state.options = Object.assign({}, defaultOptions, state.options, options2);
-        state.scrollParents = {
-          reference: isElement(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
-          popper: listScrollParents(popper2)
-        };
-        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
-        state.orderedModifiers = orderedModifiers.filter(function(m) {
-          return m.enabled;
-        });
-        runModifierEffects();
-        return instance.update();
-      },
-      forceUpdate: function forceUpdate() {
-        if (isDestroyed) {
-          return;
-        }
-        var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
-        if (!areValidElements(reference3, popper3)) {
-          return;
-        }
-        state.rects = {
-          reference: getCompositeRect(reference3, getOffsetParent(popper3), state.options.strategy === "fixed"),
-          popper: getLayoutRect(popper3)
-        };
-        state.reset = false;
-        state.placement = state.options.placement;
-        state.orderedModifiers.forEach(function(modifier) {
-          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
-        });
-        for (var index2 = 0; index2 < state.orderedModifiers.length; index2++) {
-          if (state.reset === true) {
-            state.reset = false;
-            index2 = -1;
-            continue;
-          }
-          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,
-              options: _options,
-              name,
-              instance
-            }) || state;
-          }
-        }
-      },
-      update: debounce(function() {
-        return new Promise(function(resolve) {
-          instance.forceUpdate();
-          resolve(state);
-        });
-      }),
-      destroy: function destroy() {
-        cleanupModifierEffects();
-        isDestroyed = true;
+};
+var ellipsis_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$E = defineComponent({
+  name: "DaoEllipsis",
+  components: {
+    Tooltip: _sfc_main$G,
+    Popover: _sfc_main$F
+  },
+  props: ellipsisProps,
+  setup(props) {
+    const disabled = ref(true);
+    const tooltipRef = ref();
+    const ComponentType = computed(() => props.type === "tooltip" ? _sfc_main$G : _sfc_main$F);
+    const isOpen = computed(() => {
+      var _a2, _b2, _c, _d;
+      return (_d = (_c = (_b2 = (_a2 = tooltipRef.value) == null ? void 0 : _a2.$) == null ? void 0 : _b2.ctx) == null ? void 0 : _c.isOpen) != null ? _d : false;
+    });
+    const isEllipsis = ref(false);
+    const update = (ele) => {
+      isEllipsis.value = ((ele == null ? void 0 : ele.offsetWidth) || 0) < ((ele == null ? void 0 : ele.scrollWidth) || 0);
+      if (props.disabled) {
+        disabled.value = true;
+        return;
+      }
+      if (props.force) {
+        disabled.value = false;
+        return;
       }
+      disabled.value = !isEllipsis.value;
     };
-    if (!areValidElements(reference2, popper2)) {
-      return instance;
-    }
-    instance.setOptions(options).then(function(state2) {
-      if (!isDestroyed && options.onFirstUpdate) {
-        options.onFirstUpdate(state2);
+    function onMouseOver(e) {
+      var _a2;
+      let path = (_a2 = e == null ? void 0 : e.path) != null ? _a2 : [];
+      if (e.composedPath) {
+        path = e.composedPath();
       }
-    });
-    function runModifierEffects() {
-      state.orderedModifiers.forEach(function(_ref3) {
-        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
-        if (typeof effect2 === "function") {
-          var cleanupFn = effect2({
-            state,
-            name,
-            instance,
-            options: options2
-          });
-          var noopFn = function noopFn2() {
-          };
-          effectCleanupFns.push(cleanupFn || noopFn);
+      const count = path.length;
+      let index2 = 0;
+      while (index2 < count) {
+        const target = path[index2];
+        if (target.scrollWidth) {
+          update(target);
+          break;
         }
-      });
+        index2 += 1;
+      }
     }
-    function cleanupModifierEffects() {
-      effectCleanupFns.forEach(function(fn2) {
-        return fn2();
-      });
-      effectCleanupFns = [];
+    return {
+      ns: "dao-ellipsis",
+      disabled,
+      onMouseOver,
+      tooltipRef,
+      isOpen,
+      isEllipsis,
+      Tooltip: _sfc_main$G,
+      ComponentType
+    };
+  }
+});
+const _hoisted_1$s = { key: 1 };
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.ComponentType), {
+    ref: "ComponentRef",
+    disabled: _ctx.disabled,
+    "visible-arrow": false,
+    placement: _ctx.ellipsisPlacement,
+    offset: _ctx.offset,
+    class: normalizeClass([_ctx.ns]),
+    "append-to": _ctx.appendTo,
+    delay: _ctx.delay,
+    "popper-class": [`${_ctx.ns}-popper`, _ctx.popperClass].join(" "),
+    width: _ctx.width
+  }, createSlots({
+    default: withCtx(() => [
+      createElementVNode("span", {
+        class: normalizeClass([
+          !_ctx.manual && `${_ctx.ns}--auto-mode`
+        ]),
+        onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseOver && _ctx.onMouseOver(...args))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 34)
+    ]),
+    _: 2
+  }, [
+    !_ctx.disabled ? {
+      name: "content",
+      fn: withCtx(() => [
+        _ctx.$slots.content ? renderSlot(_ctx.$slots, "content", {
+          key: 0,
+          show: _ctx.isOpen,
+          ellipsis: _ctx.isEllipsis
+        }) : _ctx.content ? (openBlock(), createElementBlock("span", _hoisted_1$s, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", { key: 2 })
+      ])
+    } : void 0
+  ]), 1032, ["disabled", "placement", "offset", "class", "append-to", "delay", "popper-class", "width"]);
+}
+var DaoEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$C]]);
+const _sfc_main$D = defineComponent({
+  name: "DaoDialogHeader",
+  components: {
+    DaoActionIcon,
+    DaoEllipsis
+  },
+  props: {
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    title: {
+      type: String,
+      default: ""
     }
-    return instance;
-  };
+  },
+  emits: ["close"],
+  setup(props, { emit }) {
+    const onClose = () => emit("close");
+    return {
+      onClose
+    };
+  }
+});
+const _hoisted_1$r = { class: "dao-dialog__header" };
+const _hoisted_2$k = { class: "dao-dialog__header--title" };
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_ellipsis = resolveComponent("dao-ellipsis");
+  const _component_dao_action_icon = resolveComponent("dao-action-icon");
+  return openBlock(), createElementBlock("div", _hoisted_1$r, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      createElementVNode("span", _hoisted_2$k, [
+        renderSlot(_ctx.$slots, "before-title"),
+        createVNode(_component_dao_ellipsis, { class: "dao-dialog__header--title-main" }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ]),
+          _: 3
+        }),
+        renderSlot(_ctx.$slots, "after-title")
+      ]),
+      _ctx.showClose ? (openBlock(), createBlock(_component_dao_action_icon, {
+        key: 0,
+        class: "dao-action-icon--close",
+        name: "icon-close",
+        onClick: _ctx.onClose
+      }, null, 8, ["onClick"])) : createCommentVNode("", true)
+    ])
+  ]);
 }
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
-var createPopper = /* @__PURE__ */ popperGenerator({
-  defaultModifiers
-});
-const _sfc_main$E = defineComponent({
-  name: "PopperContent",
+var DialogHeader = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$B]]);
+const _sfc_main$C = defineComponent({
+  name: "DaoDialogFooter",
+  components: {
+    DaoButton
+  },
   props: {
-    popperId: {
+    textConfirm: {
       type: String,
-      default: ""
+      default: "\u786E\u5B9A"
     },
-    popperClass: {
+    textCancel: {
       type: String,
-      default: ""
+      default: "\u53D6\u6D88"
     },
-    isOpen: {
+    confirmDisabled: {
       type: Boolean,
       default: false
     },
-    theme: {
-      type: String,
-      default: ""
-    },
-    visibleArrow: {
+    confirmLoading: {
       type: Boolean,
-      default: true
-    },
-    width: {
-      type: [Number, String],
-      default: 0
-    },
-    autoHide: Boolean
+      default: false
+    }
   },
-  emits: ["hide"],
-  setup(props) {
-    const { width } = toRefs(props);
-    const contentInnerStyle = computed(() => {
-      const style = {};
-      let widthValue = width.value;
-      if (widthValue) {
-        if (typeof widthValue === "number") {
-          widthValue = `${widthValue}px`;
-        }
-        style.minWidth = widthValue;
+  emits: ["confirm", "cancel"],
+  setup(props, { emit }) {
+    const { confirmDisabled } = toRefs(props);
+    const onConfirm = () => {
+      if (!confirmDisabled.value) {
+        emit("confirm");
       }
-      return style;
-    });
+    };
+    const onCancel = () => {
+      emit("cancel");
+    };
     return {
-      contentInnerStyle
+      onConfirm,
+      onCancel
     };
   }
 });
-const _hoisted_1$p = ["id", "aria-hidden", "tabindex"];
-const _hoisted_2$j = {
-  ref: "arrow",
-  class: "dao-popper-arrow"
-};
-const _hoisted_3$b = /* @__PURE__ */ createElementVNode("svg", {
-  class: "dao-popper-arrow-viewbox",
-  viewBox: "0 0 15 15"
-}, [
-  /* @__PURE__ */ createElementVNode("path", {
-    class: "pt-popper-arrow-border",
-    d: "M4 7.5L14 -1L14 16Z",
-    opacity: "0.1"
-  }),
-  /* @__PURE__ */ createElementVNode("path", {
-    class: "pt-popper-arrow-fill",
-    d: "M6 7.5L15 -1L15 16Z"
-  })
-], -1);
-const _hoisted_4$8 = [
-  _hoisted_3$b
-];
+const _hoisted_1$q = { class: "dao-dialog__footer" };
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    id: _ctx.popperId,
-    ref: "popover",
-    class: normalizeClass([
-      "dao-popper",
-      _ctx.theme,
-      _ctx.popperClass
-    ]),
-    "aria-hidden": _ctx.isOpen ? "false" : "true",
-    tabindex: _ctx.autoHide ? 0 : void 0,
-    onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => _ctx.autoHide && _ctx.$emit("hide"), ["esc"]))
-  }, [
-    createElementVNode("div", {
-      class: "dao-popper-inner",
-      style: normalizeStyle(_ctx.contentInnerStyle)
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 4),
-    withDirectives(createElementVNode("div", _hoisted_2$j, _hoisted_4$8, 512), [
-      [vShow, _ctx.visibleArrow]
+  const _component_dao_button = resolveComponent("dao-button");
+  return openBlock(), createElementBlock("div", _hoisted_1$q, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      createVNode(_component_dao_button, {
+        type: "ghost",
+        class: "dao-dialog__footer__cancel-btn",
+        onClick: _ctx.onCancel
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.textCancel), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"]),
+      createVNode(_component_dao_button, {
+        type: "primary",
+        loading: _ctx.confirmLoading,
+        disabled: _ctx.confirmDisabled,
+        onClick: _ctx.onConfirm
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.textConfirm), 1)
+        ]),
+        _: 1
+      }, 8, ["loading", "disabled", "onClick"])
     ])
-  ], 42, _hoisted_1$p);
-}
-var PopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$A]]);
-var PopperProps = {
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  content: {
-    type: String,
-    default: ""
-  },
-  appendTo: {
-    type: [String, Boolean, Object],
-    default: "root"
-  },
-  boundary: {
-    type: [String, Object],
-    default: "clippingParents"
-  },
-  delay: {
-    type: [Number, Object, String],
-    default: () => ({ show: 0, hide: 100 })
-  },
-  offset: {
-    type: [Number, String],
-    default: 16
-  },
-  width: {
-    type: [Number, String],
-    default: 0
-  },
-  placement: {
-    type: String,
-    default: "bottom",
-    validator: (value) => placements$2.includes(value)
-  },
-  trigger: {
-    type: [String, Array],
-    default: "hover"
-  },
-  visibleArrow: {
-    type: Boolean,
-    default: true
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  popperOptions: {
-    type: Object,
-    default: () => ({})
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  transition: {
-    type: String,
-    default: ""
-  }
-};
-var popper_vue_vue_type_style_index_0_lang = "";
-let counter = 1;
-const on = (element, event, handler) => {
-  if (element && event && handler) {
-    element.addEventListener(event, handler, false);
-  }
-};
-const off = (element, event, handler) => {
-  if (element && event && handler) {
-    element.removeEventListener(event, handler, false);
-  }
-};
-function updatePopperOptions(popperInstance, modifiers, popperOptions = {}) {
-  let _modifiers;
-  if (Array.isArray(modifiers)) {
-    _modifiers = modifiers;
-  } else {
-    _modifiers = [modifiers];
-  }
-  popperInstance.setOptions((options) => {
-    var _a2, _b2;
-    return __spreadProps(__spreadValues(__spreadValues({}, options), popperOptions), {
-      modifiers: [
-        ...(_a2 = options.modifiers) != null ? _a2 : [],
-        ...(_b2 = popperOptions.modifiers) != null ? _b2 : [],
-        ..._modifiers
-      ]
-    });
-  });
-}
-function getActualRoot(app) {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h;
-  let internalRoot = "body";
-  if (!app) {
-    return internalRoot;
-  }
-  let ele = (_f = (_c = (_b2 = (_a2 = app == null ? void 0 : app.root) == null ? void 0 : _a2.appContext) == null ? void 0 : _b2.app) == null ? void 0 : _c._container) != null ? _f : (_e = (_d = app == null ? void 0 : app.root) == null ? void 0 : _d.vnode) == null ? void 0 : _e.el;
-  if ((ele == null ? void 0 : ele.nodeType) !== Node.ELEMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_FRAGMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_NODE) {
-    ele = ele == null ? void 0 : ele.parentNode;
-  }
-  const rootNode = (_g = ele == null ? void 0 : ele.getRootNode) == null ? void 0 : _g.call(ele);
-  if (rootNode) {
-    internalRoot = (_h = rootNode.body) != null ? _h : rootNode;
-  }
-  return internalRoot;
+  ]);
 }
-const _sfc_main$D = defineComponent({
-  name: "DaoPopper",
+var DialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$A]]);
+var dialog_scss_vue_type_style_index_0_src_lang = "";
+const DIALOG_NUM_ATTR = "dao-dialog__num";
+const DIALOG_MINIMUM_PADDING = "20px";
+const DIALOG_DEFAULT_PADDING_TOP = "100px";
+const DIALOG_DEFAULT_PADDING_BOTTOM = "20px";
+const KEYBOARD_EVENT_NAME$1 = "keydown";
+const _sfc_main$B = defineComponent({
+  name: "DaoDialog",
   components: {
-    PopperContent
+    DialogHeader,
+    DialogFooter
+  },
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    header: {
+      type: [String, Boolean],
+      default: ""
+    },
+    footer: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    containerClass: {
+      type: String,
+      default: ""
+    },
+    closeOnClickOutside: {
+      type: Boolean,
+      default: false
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+    top: {
+      type: String,
+      default: DIALOG_DEFAULT_PADDING_TOP
+    },
+    bottom: {
+      type: String,
+      default: DIALOG_DEFAULT_PADDING_BOTTOM
+    },
+    middle: {
+      type: Boolean,
+      default: false
+    },
+    textConfirm: {
+      type: String,
+      default: void 0
+    },
+    textCancel: {
+      type: String,
+      default: void 0
+    },
+    confirmDisabled: {
+      type: Boolean,
+      default: false
+    },
+    confirmLoading: {
+      type: Boolean,
+      default: false
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    }
   },
-  props: PopperProps,
-  emits: ["update:modelValue", "show", "hide", "after-show", "after-hide"],
-  setup(props, { slots, emit }) {
+  emits: [
+    "change",
+    "before-open",
+    "cancel",
+    "update:modelValue",
+    "opened",
+    "confirm",
+    "before-close",
+    "closed"
+  ],
+  setup(props, { emit }) {
     const {
       modelValue,
-      popperOptions,
-      placement,
-      trigger,
-      disabled,
-      offset: offset2,
-      delay,
-      boundary,
-      visibleArrow,
-      appendTo
+      middle,
+      top: top2,
+      bottom: bottom2,
+      containerClass,
+      size,
+      header: header2,
+      lockScroll,
+      closeOnPressEscape,
+      closeOnClickOutside
     } = toRefs(props);
-    counter += 1;
-    const popperId = ref(`popper_${counter}`);
-    const reference2 = ref(null);
-    const popper2 = ref(null);
-    const isOpen = ref(false);
-    const actualAppendTo = ref("body");
-    const isTelDisabled = ref(false);
-    watch(appendTo, () => {
-      const unrefAppendTo = unref(appendTo);
-      if (unrefAppendTo === false) {
-        isTelDisabled.value = true;
-      } else if (unrefAppendTo === "root") {
-        const vm = getCurrentInstance();
-        if (vm == null ? void 0 : vm.root.isMounted) {
-          actualAppendTo.value = getActualRoot(vm);
-        } else {
-          isTelDisabled.value = true;
-          actualAppendTo.value = "body";
-          onMounted(() => {
-            actualAppendTo.value = getActualRoot(vm);
-            isTelDisabled.value = false;
-          });
-        }
-      } else {
-        actualAppendTo.value = unrefAppendTo;
-      }
-    }, { immediate: true });
-    const instance = getCurrentInstance();
-    let popperInstance;
-    let _targetNode;
-    let _popperNode;
-    let _arrowNode;
-    let _scheduleTimer;
-    const themeClass = computed(() => {
+    const { t } = useI18n();
+    const textContent = computed(() => {
       var _a2, _b2;
-      return (_b2 = (_a2 = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a2.$options.daoPopperTheme) != null ? _b2 : "";
-    });
-    const showDelay = computed(() => {
-      const unrefDelay = unref(delay);
-      if (typeof unrefDelay === "object") {
-        return unrefDelay.show || 0;
-      }
-      return unrefDelay || 0;
+      return {
+        confirm: (_a2 = props.textConfirm) != null ? _a2 : t("core.dialog.confirm"),
+        cancel: (_b2 = props.textCancel) != null ? _b2 : t("core.dialog.cancel")
+      };
     });
-    const hideDelay = computed(() => {
-      const unrefDelay = unref(delay);
-      if (typeof unrefDelay === "object") {
-        return unrefDelay.hide || 0;
-      }
-      return unrefDelay || 0;
+    const computedPaddingTop = computed(() => middle.value ? DIALOG_MINIMUM_PADDING : top2.value);
+    const computedPaddingBottom = computed(() => middle.value ? DIALOG_MINIMUM_PADDING : bottom2.value);
+    const computedContainerClass = computed(() => [
+      containerClass.value,
+      `dao-dialog--size-${size.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);
     });
-    const createPopper$1 = async () => {
-      var _a2;
-      if (popperInstance == null ? void 0 : popperInstance.destroy) {
-        popperInstance.destroy();
-      }
-      const unrefVisibleArrow = unref(visibleArrow);
-      const unrefOffset = unref(offset2);
-      const modifiers = [
-        preventOverflow$1,
-        offsetModifier,
-        flip$1,
-        {
-          name: "preventOverflow",
-          options: {
-            boundary: unref(boundary),
-            rootBoundary: "viewport",
-            padding: {
-              top: 2,
-              bottom: 2,
-              left: 5,
-              right: 5
-            }
-          }
-        }
-      ];
-      if (unrefVisibleArrow && _arrowNode) {
-        modifiers.push(arrow$1, {
-          name: "arrow",
-          options: {
-            element: _arrowNode
-          }
-        });
-      }
-      if (unrefOffset) {
-        const offsetValue = [0, Number(unrefOffset)];
-        modifiers.push({
-          name: "offset",
-          options: {
-            offset: offsetValue
-          }
-        });
-      }
-      modifiers.push(...((_a2 = unref(popperOptions)) == null ? void 0 : _a2.modifiers) || []);
-      const ppOptions = __spreadProps(__spreadValues({
-        strategy: "fixed",
-        placement: unref(placement)
-      }, unref(popperOptions)), {
-        modifiers
-      });
-      if (_targetNode && _popperNode) {
-        popperInstance = createPopper(_targetNode, _popperNode, ppOptions);
-      }
-      await nextTick();
-      isOpen.value = true;
-      popperInstance == null ? void 0 : popperInstance.update();
-    };
-    const updatePopper = (fn2) => {
-      if (popperInstance) {
-        if (fn2) {
-          fn2();
-        }
-        popperInstance == null ? void 0 : popperInstance.update();
+    const lockWindowScroll = () => {
+      if (!lockScroll.value) {
         return;
       }
-      createPopper$1();
-    };
-    const destroyPopper = () => {
-      if (popperInstance) {
-        popperInstance.destroy();
-        popperInstance = null;
-      }
+      const bodyDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR) || 0);
+      document.body.setAttribute(DIALOG_NUM_ATTR, String(bodyDialogNum + 1));
+      document.body.style.overflow = "hidden";
     };
-    const showPopper = () => {
-      if (unref(isOpen)) {
-        return;
-      }
-      if (popperInstance) {
-        isOpen.value = true;
-        updatePopperOptions(popperInstance, {
-          name: "eventListeners",
-          enabled: true
-        });
-        emit("after-show");
-      }
-      updatePopper();
+    const onClose = () => {
+      emit("update:modelValue", false);
     };
-    const hidePopper = () => {
-      if (!unref(isOpen)) {
-        return;
-      }
-      isOpen.value = false;
-      if (popperInstance) {
-        updatePopperOptions(popperInstance, {
-          name: "eventListeners",
-          enabled: false
-        });
+    const onCancel = () => {
+      emit("cancel");
+      onClose();
+    };
+    const onKeyDown = (event) => {
+      if (event.code === "Escape" && closeOnPressEscape.value) {
+        onCancel();
       }
-      emit("after-hide");
     };
-    const show = () => {
-      if (unref(disabled)) {
+    const unLockWindowScroll = () => {
+      if (!lockScroll.value) {
         return;
       }
-      clearTimeout(_scheduleTimer);
-      emit("show");
-      const delayValue = unref(showDelay);
-      if (!delayValue) {
-        showPopper();
+      const specDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR)) - 1;
+      if (specDialogNum < 1) {
+        document.body.removeAttribute(DIALOG_NUM_ATTR);
+        document.body.style.overflow = "";
       } else {
-        _scheduleTimer = setTimeout(showPopper, Number(delayValue));
+        document.body.setAttribute(DIALOG_NUM_ATTR, String(specDialogNum));
       }
     };
-    const hide = () => {
-      if (unref(disabled)) {
-        return;
+    let currentDialogOpened = false;
+    const onBeforeEnter = () => {
+      document.addEventListener(KEYBOARD_EVENT_NAME$1, onKeyDown);
+      lockWindowScroll();
+      currentDialogOpened = true;
+      emit("before-open");
+    };
+    const onAfterEnter = () => {
+      emit("opened");
+    };
+    const onConfirm = () => {
+      emit("confirm");
+      onClose();
+    };
+    const onWrapperMousedown = () => {
+      if (closeOnClickOutside.value) {
+        onCancel();
       }
-      clearTimeout(_scheduleTimer);
-      emit("hide");
-      const delayValue = unref(hideDelay);
-      if (!delayValue) {
-        hidePopper();
-      } else {
-        _scheduleTimer = setTimeout(hidePopper, Number(delayValue));
+    };
+    const onBeforeLeave = () => {
+      emit("before-close");
+    };
+    const onAfterLeave = () => {
+      document.removeEventListener(KEYBOARD_EVENT_NAME$1, onKeyDown);
+      unLockWindowScroll();
+      currentDialogOpened = false;
+      emit("closed");
+    };
+    onBeforeUnmount(() => {
+      if (currentDialogOpened) {
+        onAfterLeave();
       }
+    });
+    return {
+      computedPaddingTop,
+      computedPaddingBottom,
+      computedContainerClass,
+      headerTitle,
+      showHeader,
+      textContent,
+      onBeforeEnter,
+      onAfterEnter,
+      onConfirm,
+      onCancel,
+      onWrapperMousedown,
+      onBeforeLeave,
+      onAfterLeave
     };
-    const toggle = () => {
-      if (unref(isOpen)) {
-        hide();
-      } else {
-        show();
+  }
+});
+const _hoisted_1$p = { class: "dao-dialog__body" };
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dialog_header = resolveComponent("dialog-header");
+  const _component_dialog_footer = resolveComponent("dialog-footer");
+  return openBlock(), createBlock(Transition, {
+    appear: "",
+    name: "dao-dialog",
+    onBeforeEnter: _ctx.onBeforeEnter,
+    onAfterEnter: _ctx.onAfterEnter,
+    onBeforeLeave: _ctx.onBeforeLeave,
+    onAfterLeave: _ctx.onAfterLeave
+  }, {
+    default: withCtx(() => [
+      _ctx.modelValue ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["dao-dialog__backdrop", { "dao-dialog__backdrop--middle": _ctx.middle }]),
+        onMousedown: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onWrapperMousedown && _ctx.onWrapperMousedown(...args), ["self"]))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["dao-dialog__container", _ctx.computedContainerClass]),
+          style: normalizeStyle({
+            "margin-top": _ctx.computedPaddingTop,
+            "margin-bottom": _ctx.computedPaddingBottom
+          })
+        }, [
+          _ctx.showHeader ? (openBlock(), createBlock(_component_dialog_header, {
+            key: 0,
+            title: _ctx.headerTitle,
+            "show-close": _ctx.showClose,
+            onClose: _ctx.onCancel
+          }, {
+            "before-title": withCtx(() => [
+              renderSlot(_ctx.$slots, "before-title")
+            ]),
+            title: withCtx(() => [
+              renderSlot(_ctx.$slots, "title")
+            ]),
+            "after-title": withCtx(() => [
+              renderSlot(_ctx.$slots, "after-title")
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "header")
+            ]),
+            _: 3
+          }, 8, ["title", "show-close", "onClose"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_1$p, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _ctx.footer ? (openBlock(), createBlock(_component_dialog_footer, {
+            key: 1,
+            "text-confirm": _ctx.textContent.confirm,
+            "text-cancel": _ctx.textContent.cancel,
+            "confirm-disabled": _ctx.confirmDisabled,
+            "confirm-loading": _ctx.confirmLoading,
+            onConfirm: _ctx.onConfirm,
+            onCancel: _ctx.onCancel
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "footer")
+            ]),
+            _: 3
+          }, 8, ["text-confirm", "text-cancel", "confirm-disabled", "confirm-loading", "onConfirm", "onCancel"])) : createCommentVNode("", true)
+        ], 6)
+      ], 34)) : createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 8, ["onBeforeEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"]);
+}
+var dialog = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$z]]);
+const drawerProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  hideHeader: {
+    type: Boolean,
+    default: false
+  },
+  hideFooter: {
+    type: Boolean,
+    default: false
+  },
+  hideMask: {
+    type: Boolean,
+    default: false
+  },
+  hideCloseIcon: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  cancelText: {
+    type: String,
+    default: void 0
+  },
+  confirmText: {
+    type: String,
+    default: void 0
+  }
+};
+const getFocusElementRange = (elementNode) => {
+  const focusedElementOrigin = document.activeElement;
+  let firstTab = null;
+  let lastTab = null;
+  const focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
+  if (elementNode) {
+    const focusableElements = Array.from(elementNode.querySelectorAll(focusableElementsString));
+    firstTab = focusableElements[0];
+    lastTab = focusableElements[focusableElements.length - 1];
+    firstTab == null ? void 0 : firstTab.focus();
+  }
+  return {
+    lastTab,
+    firstTab,
+    focusedElementOrigin
+  };
+};
+const trapTabKey = (e, firstTab, lastTab) => {
+  if (e.code === "Tab") {
+    if (e.shiftKey) {
+      if (document.activeElement === firstTab) {
+        e.preventDefault();
+        lastTab.focus();
+      }
+    } else if (document.activeElement === lastTab) {
+      e.preventDefault();
+      firstTab.focus();
+    }
+  }
+};
+var drawer_vue_vue_type_style_index_0_lang = "";
+const KEYBOARD_EVENT_NAME = "keydown";
+const _sfc_main$A = defineComponent({
+  name: "DaoDrawer",
+  components: {
+    DaoButton,
+    DaoActionIcon
+  },
+  props: drawerProps,
+  emits: ["update:modelValue", "close", "confirm"],
+  setup(props, { emit }) {
+    const { t } = useI18n();
+    const { modelValue, size } = toRefs(props);
+    const visible = ref(false);
+    const wrapVisible = ref(false);
+    const drawerRef = ref(null);
+    const textContent = computed(() => {
+      var _a2, _b2;
+      return {
+        confirm: (_a2 = props.confirmText) != null ? _a2 : t("core.drawer.confirm"),
+        cancel: (_b2 = props.cancelText) != null ? _b2 : t("core.drawer.cancel")
+      };
+    });
+    let focusElement = {
+      firstTab: null,
+      lastTab: null,
+      focusedElementOrigin: null
+    };
+    const wrapClassList = computed(() => [
+      "dao-drawer__wrap",
+      {
+        "dao-drawer__wrap--hide": !wrapVisible.value
+      }
+    ]);
+    const contentClassList = computed(() => [
+      "dao-drawer",
+      `dao-drawer-${size.value}`
+    ]);
+    const checkMasksVisible = () => {
+      const masks = document.getElementsByClassName("dao-drawer__mask") || [];
+      return !Array.from(masks).some((v) => v.style.display === "");
+    };
+    const lockWindowScroll = () => {
+      document.body.style.overflow = "hidden";
+      document.body.tabIndex = -1;
+    };
+    const unLockWindowScroll = () => {
+      if (checkMasksVisible()) {
+        document.body.style.overflow = "";
       }
     };
-    const 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(target)) && !(_targetNode == null ? void 0 : _targetNode.contains(target))) {
-        hide();
-      }
+    const close = () => {
+      visible.value = false;
+      emit("update:modelValue", false);
+      emit("close");
     };
-    const operateEventListeners = (fn2) => {
-      let unrefTrigger = unref(trigger);
-      if (unrefTrigger === "manual") {
-        return;
-      }
-      if (!Array.isArray(unrefTrigger)) {
-        unrefTrigger = [unrefTrigger];
+    const handleWrapClick = (event) => {
+      const { target } = event;
+      const className = target.getAttribute("class");
+      if (className && className.indexOf("dao-drawer__wrap") > -1) {
+        close();
       }
-      unrefTrigger.forEach((triggerType) => {
-        switch (triggerType) {
-          case "click":
-            fn2(_targetNode, "click", toggle);
-            fn2(document, "click", handleDocumentClick);
-            break;
-          case "hover":
-            fn2(_targetNode, "mouseenter", show);
-            fn2(_popperNode, "mouseenter", show);
-            fn2(_targetNode, "mouseleave", hide);
-            fn2(_popperNode, "mouseleave", hide);
-            break;
-          case "focus":
-            fn2(_targetNode, "focusin", show);
-            fn2(_popperNode, "focusin", show);
-            fn2(_targetNode, "focusout", hide);
-            fn2(_popperNode, "focusout", hide);
-            break;
-        }
-      });
     };
-    const addEventListeners = () => {
-      operateEventListeners(on);
+    const handleWrapVisible = (v) => {
+      if (!v) {
+        setTimeout(() => {
+          wrapVisible.value = v;
+        }, 100);
+      } else {
+        wrapVisible.value = v;
+      }
     };
-    const removeEventListeners = () => {
-      operateEventListeners(off);
+    const confirm = () => {
+      visible.value = false;
+      emit("update:modelValue", false);
+      emit("confirm");
     };
-    const init = () => {
-      var _a2, _b2, _c, _d;
-      if (!slots.default) {
-        throw new Error("Trigger must be provided");
-      }
-      _targetNode = (_a2 = unref(reference2)) == null ? void 0 : _a2.firstElementChild;
-      _popperNode = (_b2 = unref(popper2)) == null ? void 0 : _b2.$el;
-      _arrowNode = (_d = (_c = unref(popper2)) == null ? void 0 : _c.$refs) == null ? void 0 : _d.arrow;
-      addEventListeners();
-      if (unref(isOpen) || unref(modelValue)) {
-        showPopper();
+    const setLastFocusElement = () => {
+      if (focusElement.focusedElementOrigin instanceof HTMLElement) {
+        focusElement.focusedElementOrigin.focus();
       }
     };
-    const destroyOffsetWatcher = watch(offset2, (newV) => {
-      if (popperInstance) {
-        updatePopper(() => {
-          if (popperInstance) {
-            updatePopperOptions(popperInstance, {
-              name: "offset",
-              options: {
-                offset: [0, Number(newV)]
-              }
-            });
-          }
-        });
+    const onHandleKeyDown = (e) => {
+      if (e.code === "Escape") {
+        close();
       }
-    });
-    const destroyModelWatcher = watch(modelValue, () => {
-      if (unref(disabled) || unref(trigger) !== "manual") {
+      if (!focusElement.firstTab || !focusElement.lastTab) {
         return;
       }
-      if (unref(modelValue)) {
-        show();
-      } else {
-        hide();
-      }
-    });
-    const destroyOpenWatcher = watch(isOpen, (newV) => {
-      emit("update:modelValue", newV);
-    });
-    const destroyBoundaryWatcher = watch(boundary, (newV) => {
-      if (popperInstance) {
-        updatePopper(() => {
-          if (popperInstance) {
-            updatePopperOptions(popperInstance, {
-              name: "preventOverflow",
-              options: {
-                boundary: newV
-              }
-            });
-          }
-        });
-      }
-    });
-    const destroyPlacementWatcher = watch(placement, (newV) => {
-      if (popperInstance) {
-        updatePopper(() => {
-          if (popperInstance) {
-            updatePopperOptions(popperInstance, [], {
-              placement: newV
-            });
-          }
-        });
-      }
-    });
-    const destroyArrowWatcher = watch(visibleArrow, (newVal) => {
-      if (popperInstance) {
-        updatePopper(() => {
-          if (popperInstance && _arrowNode) {
-            updatePopperOptions(popperInstance, [
-              arrow$1,
-              {
-                name: "arrow",
-                enabled: newVal,
-                options: {
-                  element: _arrowNode
-                }
-              }
-            ]);
-          }
-        });
-      }
-    });
-    const destroyPopperOptionWatcher = watch(popperOptions, (newV) => {
-      if (popperInstance) {
-        updatePopper(() => {
-          if (popperInstance) {
-            updatePopperOptions(popperInstance, [], newV);
-          }
-        });
-      }
-    });
-    onMounted(() => {
-      init();
-    });
-    onBeforeUnmount(() => {
-      destroyOffsetWatcher();
-      destroyModelWatcher();
-      destroyOpenWatcher();
-      destroyBoundaryWatcher();
-      destroyPlacementWatcher();
-      destroyArrowWatcher();
-      destroyPopperOptionWatcher();
-      removeEventListeners();
-      destroyPopper();
-    });
+      trapTabKey(e, focusElement.firstTab, focusElement.lastTab);
+    };
+    const onBeforeEnter = () => {
+      focusElement = getFocusElementRange(drawerRef.value);
+      lockWindowScroll();
+      document.addEventListener(KEYBOARD_EVENT_NAME, onHandleKeyDown);
+    };
+    const onAfterLeave = () => {
+      setLastFocusElement();
+      unLockWindowScroll();
+      document.removeEventListener(KEYBOARD_EVENT_NAME, onHandleKeyDown);
+    };
+    watch(modelValue, (v) => {
+      visible.value = v;
+      handleWrapVisible(v);
+    }, { immediate: true });
     return {
-      isOpen,
-      popper: popper2,
-      reference: reference2,
-      popperId,
-      themeClass,
-      hide,
-      actualAppendTo,
-      isTelDisabled
+      visible,
+      drawerRef,
+      wrapClassList,
+      contentClassList,
+      textContent,
+      close,
+      confirm,
+      handleWrapClick,
+      onBeforeEnter,
+      onAfterLeave
     };
   }
 });
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_popper_content = resolveComponent("popper-content");
-  return openBlock(), createElementBlock("div", {
-    ref: "reference",
-    class: normalizeClass([
-      "dao-popper-target",
-      {
-        "dao-popper-target--open": _ctx.isOpen
-      }
-    ])
-  }, [
-    renderSlot(_ctx.$slots, "default"),
-    (openBlock(), createBlock(Teleport, {
-      to: _ctx.actualAppendTo,
-      disabled: _ctx.isTelDisabled
+const _hoisted_1$o = { class: "dao-drawer__content" };
+const _hoisted_2$j = {
+  key: 0,
+  class: "dao-drawer__header"
+};
+const _hoisted_3$b = { class: "dao-drawer__header-group" };
+const _hoisted_4$8 = { class: "dao-drawer__body" };
+const _hoisted_5$7 = {
+  key: 1,
+  class: "dao-drawer__footer"
+};
+const _hoisted_6$5 = { class: "dao-drawer__footer-group" };
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_action_icon = resolveComponent("dao-action-icon");
+  const _component_dao_button = resolveComponent("dao-button");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(Transition, { name: "fade-in" }, {
+      default: withCtx(() => [
+        !_ctx.hideMask ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "dao-drawer__mask",
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args)),
+          onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.close && _ctx.close(...args))
+        }, null, 544)), [
+          [vShow, _ctx.visible]
+        ]) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }),
+    createElementVNode("div", {
+      ref: "drawerRef",
+      class: normalizeClass(_ctx.wrapClassList),
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleWrapClick && _ctx.handleWrapClick(...args)),
+      onKeydown: _cache[3] || (_cache[3] = (...args) => _ctx.handleWrapClick && _ctx.handleWrapClick(...args))
     }, [
-      createVNode(Transition, { name: _ctx.transition }, {
+      createVNode(Transition, {
+        name: "slide-in-right",
+        onAfterEnter: _ctx.onBeforeEnter,
+        onAfterLeave: _ctx.onAfterLeave
+      }, {
         default: withCtx(() => [
-          withDirectives(createVNode(_component_popper_content, {
-            ref: "popper",
-            theme: _ctx.themeClass,
-            "popper-id": _ctx.popperId,
-            "visible-arrow": _ctx.visibleArrow,
-            "is-open": _ctx.isOpen,
-            width: _ctx.width,
-            "popper-class": _ctx.popperClass
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "content", {}, () => [
-                createTextVNode(toDisplayString(_ctx.content), 1)
-              ])
-            ]),
-            _: 3
-          }, 8, ["theme", "popper-id", "visible-arrow", "is-open", "width", "popper-class"]), [
-            [vShow, _ctx.isOpen]
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass(_ctx.contentClassList)
+          }, [
+            createElementVNode("div", _hoisted_1$o, [
+              !_ctx.hideHeader ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+                renderSlot(_ctx.$slots, "header", {}, () => [
+                  createElementVNode("div", _hoisted_3$b, [
+                    createElementVNode("span", null, toDisplayString(_ctx.title), 1),
+                    !_ctx.hideCloseIcon ? (openBlock(), createBlock(_component_dao_action_icon, {
+                      key: 0,
+                      class: "dao-action-icon--close",
+                      name: "icon-close",
+                      onClick: _ctx.close
+                    }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                  ])
+                ])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_4$8, [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              !_ctx.hideFooter ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+                renderSlot(_ctx.$slots, "footer", {}, () => [
+                  createElementVNode("div", _hoisted_6$5, [
+                    createVNode(_component_dao_button, {
+                      type: "ghost",
+                      class: "footer-cancel-btn footer-btn",
+                      onClick: _ctx.close
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.textContent.cancel), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    createVNode(_component_dao_button, {
+                      class: "footer-btn",
+                      onClick: _ctx.confirm
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.textContent.confirm), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ])
+              ])) : createCommentVNode("", true)
+            ])
+          ], 2), [
+            [vShow, _ctx.visible]
           ])
         ]),
         _: 3
-      }, 8, ["name"])
-    ], 8, ["to", "disabled"]))
-  ], 2);
+      }, 8, ["onAfterEnter", "onAfterLeave"])
+    ], 34)
+  ]);
 }
-var DaoPopper = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
-const _sfc_main$C = defineComponent({
+var drawer = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$y]]);
+const _sfc_main$z = defineComponent({
   name: "DaoDropdown",
   components: {
     DaoPopper
@@ -3162,8 +3378,8 @@ const _sfc_main$C = defineComponent({
     };
   }
 });
-const _hoisted_1$o = { tabindex: "0" };
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$n = { tabindex: "0" };
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_popper = resolveComponent("dao-popper");
   return openBlock(), createBlock(_component_dao_popper, {
     ref: "popper",
@@ -3180,27 +3396,27 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "menu")
     ]),
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$o, [
+      createElementVNode("div", _hoisted_1$n, [
         renderSlot(_ctx.$slots, "default")
       ])
     ]),
     _: 3
   }, 8, ["placement", "append-to", "trigger", "offset", "model-value"]);
 }
-var DaoDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
+var DaoDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$x]]);
 var dropdownMenu_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$B = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "DaoDropdownMenu"
 });
-const _hoisted_1$n = { class: "dao-dropdown-menu" };
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("ul", _hoisted_1$n, [
+const _hoisted_1$m = { class: "dao-dropdown-menu" };
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("ul", _hoisted_1$m, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var DaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
+var DaoDropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$w]]);
 var dropdownItem_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$A = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "DaoDropdownItem",
   props: {
     type: {
@@ -3249,12 +3465,12 @@ const _sfc_main$A = defineComponent({
     };
   }
 });
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_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 DaoDropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$w]]);
+var DaoDropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$v]]);
 const expansionProps = {
   modelValue: {
     type: [String, Symbol, Array]
@@ -3283,7 +3499,7 @@ const expansionItemProps = {
   }
 };
 var expansion_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$z = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "DaoExpansion",
   props: expansionProps,
   emits: ["update:modelValue", "change"],
@@ -3375,193 +3591,14 @@ const _sfc_main$z = defineComponent({
     };
   }
 });
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classList)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var expansion = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$v]]);
-var tooltipProps = __spreadProps(__spreadValues({}, PopperProps), {
-  offset: {
-    type: [Number, String],
-    default: 10
-  }
-});
-var tooltip_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$y = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
-  name: "DaoTooltip",
-  props: tooltipProps,
-  daoPopperTheme: "dao-tooltip"
-}));
-var popover_scss_vue_type_style_index_0_src_lang = "";
-const _sfc_main$x = defineComponent(__spreadProps(__spreadValues({}, DaoPopper), {
-  name: "DaoPopover",
-  props: PopperProps,
-  daoPopperTheme: "dao-popover"
-}));
-const placements = [
-  "auto",
-  "auto-start",
-  "auto-end",
-  "top",
-  "top-start",
-  "top-end",
-  "right",
-  "right-start",
-  "right-end",
-  "bottom",
-  "bottom-start",
-  "bottom-end",
-  "left",
-  "left-start",
-  "left-end"
-];
-const ellipsisProps = {
-  type: {
-    type: String,
-    default: "tooltip"
-  },
-  manual: {
-    type: Boolean,
-    default: false
-  },
-  force: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  content: {
-    type: String,
-    default: ""
-  },
-  width: {
-    type: Number,
-    default: 200
-  },
-  ellipsisPlacement: {
-    type: String,
-    default: "bottom-start",
-    validator: (value) => placements.includes(value)
-  },
-  appendTo: {
-    type: [String, Boolean, Object],
-    default: "root"
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  offset: {
-    type: [Number, String],
-    default: 10
-  },
-  delay: {
-    type: [Number, Object, String],
-    default: () => ({ show: 0, hide: 100 })
-  }
-};
-var ellipsis_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$w = defineComponent({
-  name: "DaoEllipsis",
-  components: {
-    Tooltip: _sfc_main$y,
-    Popover: _sfc_main$x
-  },
-  props: ellipsisProps,
-  setup(props) {
-    const disabled = ref(true);
-    const tooltipRef = ref();
-    const ComponentType = computed(() => props.type === "tooltip" ? _sfc_main$y : _sfc_main$x);
-    const isOpen = computed(() => {
-      var _a2, _b2, _c, _d;
-      return (_d = (_c = (_b2 = (_a2 = tooltipRef.value) == null ? void 0 : _a2.$) == null ? void 0 : _b2.ctx) == null ? void 0 : _c.isOpen) != null ? _d : false;
-    });
-    const isEllipsis = ref(false);
-    const update = (ele) => {
-      isEllipsis.value = ((ele == null ? void 0 : ele.offsetWidth) || 0) < ((ele == null ? void 0 : ele.scrollWidth) || 0);
-      if (props.disabled) {
-        disabled.value = true;
-        return;
-      }
-      if (props.force) {
-        disabled.value = false;
-        return;
-      }
-      disabled.value = !isEllipsis.value;
-    };
-    function onMouseOver(e) {
-      var _a2;
-      let path = (_a2 = e == null ? void 0 : e.path) != null ? _a2 : [];
-      if (e.composedPath) {
-        path = e.composedPath();
-      }
-      const count = path.length;
-      let index2 = 0;
-      while (index2 < count) {
-        const target = path[index2];
-        if (target.scrollWidth) {
-          update(target);
-          break;
-        }
-        index2 += 1;
-      }
-    }
-    return {
-      ns: "dao-ellipsis",
-      disabled,
-      onMouseOver,
-      tooltipRef,
-      isOpen,
-      isEllipsis,
-      Tooltip: _sfc_main$y,
-      ComponentType
-    };
-  }
-});
-const _hoisted_1$m = { key: 1 };
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent(_ctx.ComponentType), {
-    ref: "ComponentRef",
-    disabled: _ctx.disabled,
-    "visible-arrow": false,
-    placement: _ctx.ellipsisPlacement,
-    offset: _ctx.offset,
-    class: normalizeClass([_ctx.ns]),
-    "append-to": _ctx.appendTo,
-    delay: _ctx.delay,
-    "popper-class": [`${_ctx.ns}-popper`, _ctx.popperClass].join(" "),
-    width: _ctx.width
-  }, createSlots({
-    default: withCtx(() => [
-      createElementVNode("span", {
-        class: normalizeClass([
-          !_ctx.manual && `${_ctx.ns}--auto-mode`
-        ]),
-        onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseOver && _ctx.onMouseOver(...args))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 34)
-    ]),
-    _: 2
-  }, [
-    !_ctx.disabled ? {
-      name: "content",
-      fn: withCtx(() => [
-        _ctx.$slots.content ? renderSlot(_ctx.$slots, "content", {
-          key: 0,
-          show: _ctx.isOpen,
-          ellipsis: _ctx.isEllipsis
-        }) : _ctx.content ? (openBlock(), createElementBlock("span", _hoisted_1$m, toDisplayString(_ctx.content), 1)) : renderSlot(_ctx.$slots, "default", { key: 2 })
-      ])
-    } : void 0
-  ]), 1032, ["disabled", "placement", "offset", "class", "append-to", "delay", "popper-class", "width"]);
-}
-var DaoEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$u]]);
+var expansion = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$u]]);
 var expansionItem_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$v = defineComponent({
   name: "DaoExpansionItem",
@@ -3796,7 +3833,7 @@ var formItem_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$t = defineComponent({
   name: "DaoFormItem",
   components: {
-    DaoTooltip: _sfc_main$y,
+    DaoTooltip: _sfc_main$G,
     DaoEllipsis
   },
   props: {
@@ -8846,7 +8883,7 @@ var components = /* @__PURE__ */ Object.freeze({
   NavItem: navItem,
   NavSub: navSub,
   Pagination: DaoPagination,
-  Popover: _sfc_main$x,
+  Popover: _sfc_main$F,
   Popper: DaoPopper,
   Progress: progress,
   Radio: radio,
@@ -8860,7 +8897,7 @@ var components = /* @__PURE__ */ Object.freeze({
   TabItem: tabItem,
   Tag: DaoTag,
   Toolbar: toolbar,
-  Tooltip: _sfc_main$y,
+  Tooltip: _sfc_main$G,
   TextButton: _sfc_main$2,
   DaoEllipsis,
   Transfer: transfer,
@@ -8979,4 +9016,4 @@ var index = {
   install,
   locale
 };
-export { DaoActionIcon as ActionIcon, breadcrumb as Breadcrumb, DaoBreadcrumbItem as BreadcrumbItem, DaoButton as Button, buttonGroup as ButtonGroup, card as Card, cardItem as CardItem, DaoCheckbox as Checkbox, checkboxGroup as CheckboxGroup, DaoEllipsis, dialog as Dialog, DialogFooter, DialogHeader, drawer as Drawer, DaoDropdown as Dropdown, DaoDropdownItem as DropdownItem, DaoDropdownMenu as DropdownMenu, expansion as Expansion, expansionItem as ExpansionItem, form as Form, formGroup as FormGroup, formItem as FormItem, header as Header, DaoIcon as Icon, DaoInput as Input, message as Message, nav as Nav, navHead as NavHead, navItem as NavItem, navSub as NavSub, DaoOption as Option, DaoPagination as Pagination, _sfc_main$x as Popover, DaoPopper as Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$8 as TabNav, table as Table, tabs as Tabs, DaoTag as Tag, _sfc_main$2 as TextButton, toolbar as Toolbar, _sfc_main$y as Tooltip, transfer as Transfer, transferPanel as TransferPanel, index as default, formClassNames, formKey, formProps };
+export { DaoActionIcon as ActionIcon, breadcrumb as Breadcrumb, DaoBreadcrumbItem as BreadcrumbItem, DaoButton as Button, buttonGroup as ButtonGroup, card as Card, cardItem as CardItem, DaoCheckbox as Checkbox, checkboxGroup as CheckboxGroup, DaoEllipsis, dialog as Dialog, DialogFooter, DialogHeader, drawer as Drawer, DaoDropdown as Dropdown, DaoDropdownItem as DropdownItem, DaoDropdownMenu as DropdownMenu, expansion as Expansion, expansionItem as ExpansionItem, form as Form, formGroup as FormGroup, formItem as FormItem, header as Header, DaoIcon as Icon, DaoInput as Input, message as Message, nav as Nav, navHead as NavHead, navItem as NavItem, navSub as NavSub, DaoOption as Option, DaoPagination as Pagination, _sfc_main$F as Popover, DaoPopper as Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$8 as TabNav, table as Table, tabs as Tabs, DaoTag as Tag, _sfc_main$2 as TextButton, toolbar as Toolbar, _sfc_main$G as Tooltip, transfer as Transfer, transferPanel as TransferPanel, index as default, formClassNames, formKey, formProps };