code-monkey-ui 1.1.4-beta → 1.1.4

package/dist/index.full.js

@@ -16734,6 +16734,354 @@
 
   const ElBadge = withInstall(Badge);
 
+  const messageTypes = ["success", "info", "warning", "error"];
+  const messageDefaults = mutable({
+    customClass: "",
+    center: false,
+    dangerouslyUseHTMLString: false,
+    duration: 3e3,
+    icon: void 0,
+    id: "",
+    message: "",
+    onClose: void 0,
+    showClose: false,
+    type: "info",
+    offset: 16,
+    zIndex: 0,
+    grouping: false,
+    repeatNum: 1,
+    appendTo: isClient ? document.body : void 0
+  });
+  const messageProps = buildProps({
+    customClass: {
+      type: String,
+      default: messageDefaults.customClass
+    },
+    center: {
+      type: Boolean,
+      default: messageDefaults.center
+    },
+    dangerouslyUseHTMLString: {
+      type: Boolean,
+      default: messageDefaults.dangerouslyUseHTMLString
+    },
+    duration: {
+      type: Number,
+      default: messageDefaults.duration
+    },
+    icon: {
+      type: iconPropType,
+      default: messageDefaults.icon
+    },
+    id: {
+      type: String,
+      default: messageDefaults.id
+    },
+    message: {
+      type: definePropType([
+        String,
+        Object,
+        Function
+      ]),
+      default: messageDefaults.message
+    },
+    onClose: {
+      type: definePropType(Function),
+      required: false
+    },
+    showClose: {
+      type: Boolean,
+      default: messageDefaults.showClose
+    },
+    type: {
+      type: String,
+      values: messageTypes,
+      default: messageDefaults.type
+    },
+    offset: {
+      type: Number,
+      default: messageDefaults.offset
+    },
+    zIndex: {
+      type: Number,
+      default: messageDefaults.zIndex
+    },
+    grouping: {
+      type: Boolean,
+      default: messageDefaults.grouping
+    },
+    repeatNum: {
+      type: Number,
+      default: messageDefaults.repeatNum
+    }
+  });
+  const messageEmits = {
+    destroy: () => true
+  };
+
+  const instances = vue.shallowReactive([]);
+  const getInstance = (id) => {
+    const idx = instances.findIndex((instance) => instance.id === id);
+    const current = instances[idx];
+    let prev;
+    if (idx > 0) {
+      prev = instances[idx - 1];
+    }
+    return { current, prev };
+  };
+  const getLastOffset = (id) => {
+    const { prev } = getInstance(id);
+    if (!prev)
+      return 0;
+    return prev.vm.exposed.bottom.value;
+  };
+  const getOffsetOrSpace = (id, offset) => {
+    const idx = instances.findIndex((instance) => instance.id === id);
+    return idx > 0 ? 20 : offset;
+  };
+
+  const _hoisted_1$12 = ["id"];
+  const _hoisted_2$J = ["innerHTML"];
+  const __default__$1n = vue.defineComponent({
+    name: "ElMessage"
+  });
+  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1n,
+    props: messageProps,
+    emits: messageEmits,
+    setup(__props, { expose }) {
+      const props = __props;
+      const { Close } = TypeComponents;
+      const { ns, zIndex } = useGlobalComponentSettings("message");
+      const { currentZIndex, nextZIndex } = zIndex;
+      const messageRef = vue.ref();
+      const visible = vue.ref(false);
+      const height = vue.ref(0);
+      let stopTimer = void 0;
+      const badgeType = vue.computed(() => props.type ? props.type === "error" ? "danger" : props.type : "info");
+      const typeClass = vue.computed(() => {
+        const type = props.type;
+        return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
+      });
+      const iconComponent = vue.computed(() => props.icon || TypeComponentsMap[props.type] || "");
+      const lastOffset = vue.computed(() => getLastOffset(props.id));
+      const offset = vue.computed(() => getOffsetOrSpace(props.id, props.offset) + lastOffset.value);
+      const bottom = vue.computed(() => height.value + offset.value);
+      const customStyle = vue.computed(() => ({
+        top: `${offset.value}px`,
+        zIndex: currentZIndex.value
+      }));
+      function startTimer() {
+        if (props.duration === 0)
+          return;
+        ({ stop: stopTimer } = useTimeoutFn(() => {
+          close();
+        }, props.duration));
+      }
+      function clearTimer() {
+        stopTimer == null ? void 0 : stopTimer();
+      }
+      function close() {
+        visible.value = false;
+      }
+      function keydown({ code }) {
+        if (code === EVENT_CODE.esc) {
+          close();
+        }
+      }
+      vue.onMounted(() => {
+        startTimer();
+        nextZIndex();
+        visible.value = true;
+      });
+      vue.watch(() => props.repeatNum, () => {
+        clearTimer();
+        startTimer();
+      });
+      useEventListener(document, "keydown", keydown);
+      useResizeObserver(messageRef, () => {
+        height.value = messageRef.value.getBoundingClientRect().height;
+      });
+      expose({
+        visible,
+        bottom,
+        close
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.Transition, {
+          name: vue.unref(ns).b("fade"),
+          onBeforeLeave: _ctx.onClose,
+          onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
+          persisted: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              id: _ctx.id,
+              ref_key: "messageRef",
+              ref: messageRef,
+              class: vue.normalizeClass([
+                vue.unref(ns).b(),
+                { [vue.unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
+                vue.unref(ns).is("center", _ctx.center),
+                vue.unref(ns).is("closable", _ctx.showClose),
+                _ctx.customClass
+              ]),
+              style: vue.normalizeStyle(vue.unref(customStyle)),
+              role: "alert",
+              onMouseenter: clearTimer,
+              onMouseleave: startTimer
+            }, [
+              _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(ElBadge), {
+                key: 0,
+                value: _ctx.repeatNum,
+                type: vue.unref(badgeType),
+                class: vue.normalizeClass(vue.unref(ns).e("badge"))
+              }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 1,
+                class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+              vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(ns).e("content"))
+                }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                  vue.createElementVNode("p", {
+                    class: vue.normalizeClass(vue.unref(ns).e("content")),
+                    innerHTML: _ctx.message
+                  }, null, 10, _hoisted_2$J)
+                ], 2112))
+              ]),
+              _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                key: 2,
+                class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+                onClick: vue.withModifiers(close, ["stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(Close))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+            ], 46, _hoisted_1$12), [
+              [vue.vShow, visible.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name", "onBeforeLeave"]);
+      };
+    }
+  });
+  var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "message.vue"]]);
+
+  let seed$1 = 1;
+  const normalizeOptions = (params) => {
+    const options = !params || isString$1(params) || vue.isVNode(params) || isFunction$1(params) ? { message: params } : params;
+    const normalized = {
+      ...messageDefaults,
+      ...options
+    };
+    if (!normalized.appendTo) {
+      normalized.appendTo = document.body;
+    } else if (isString$1(normalized.appendTo)) {
+      let appendTo = document.querySelector(normalized.appendTo);
+      if (!isElement$1(appendTo)) {
+        appendTo = document.body;
+      }
+      normalized.appendTo = appendTo;
+    }
+    return normalized;
+  };
+  const closeMessage = (instance) => {
+    const idx = instances.indexOf(instance);
+    if (idx === -1)
+      return;
+    instances.splice(idx, 1);
+    const { handler } = instance;
+    handler.close();
+  };
+  const createMessage = ({ appendTo, ...options }, context) => {
+    const id = `message_${seed$1++}`;
+    const userOnClose = options.onClose;
+    const container = document.createElement("div");
+    const props = {
+      ...options,
+      id,
+      onClose: () => {
+        userOnClose == null ? void 0 : userOnClose();
+        closeMessage(instance);
+      },
+      onDestroy: () => {
+        vue.render(null, container);
+      }
+    };
+    const vnode = vue.createVNode(MessageConstructor, props, isFunction$1(props.message) || vue.isVNode(props.message) ? {
+      default: isFunction$1(props.message) ? props.message : () => props.message
+    } : null);
+    vnode.appContext = context || message._context;
+    vue.render(vnode, container);
+    appendTo.appendChild(container.firstElementChild);
+    const vm = vnode.component;
+    const handler = {
+      close: () => {
+        vm.exposed.visible.value = false;
+      }
+    };
+    const instance = {
+      id,
+      vnode,
+      vm,
+      handler,
+      props: vnode.component.props
+    };
+    return instance;
+  };
+  const message = (options = {}, context) => {
+    if (!isClient)
+      return { close: () => void 0 };
+    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
+      return { close: () => void 0 };
+    }
+    const normalized = normalizeOptions(options);
+    if (normalized.grouping && instances.length) {
+      const instance2 = instances.find(({ vnode: vm }) => {
+        var _a;
+        return ((_a = vm.props) == null ? void 0 : _a.message) === normalized.message;
+      });
+      if (instance2) {
+        instance2.props.repeatNum += 1;
+        instance2.props.type = normalized.type;
+        return instance2.handler;
+      }
+    }
+    const instance = createMessage(normalized, context);
+    instances.push(instance);
+    return instance.handler;
+  };
+  messageTypes.forEach((type) => {
+    message[type] = (options = {}, appContext) => {
+      const normalized = normalizeOptions(options);
+      return message({ ...normalized, type }, appContext);
+    };
+  });
+  function closeAll$1(type) {
+    for (const instance of instances) {
+      if (!type || type === instance.props.type) {
+        instance.handler.close();
+      }
+    }
+  }
+  message.closeAll = closeAll$1;
+  message._context = null;
+  var Message = message;
+
+  const ElMessage = withInstallFunction(Message, "$message");
+
   const nodeList = /* @__PURE__ */ new Map();
   let startClick;
   if (isClient) {
@@ -16944,11 +17292,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1n = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+  const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1m,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -17028,7 +17376,7 @@
       };
     }
   });
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["__file", "tag.vue"]]);
+  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["__file", "tag.vue"]]);
 
   const ElTag = withInstall(Tag);
 
@@ -17126,7 +17474,7 @@
     };
   }
 
-  const _sfc_main$26 = vue.defineComponent({
+  const _sfc_main$25 = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -17195,7 +17543,7 @@
       };
     }
   });
-  const _hoisted_1$12 = ["id", "aria-disabled", "aria-selected"];
+  const _hoisted_1$11 = ["id", "aria-disabled", "aria-selected"];
   function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       id: _ctx.id,
@@ -17209,13 +17557,13 @@
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
       ])
-    ], 42, _hoisted_1$12)), [
+    ], 42, _hoisted_1$11)), [
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$B], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$B], ["__file", "option.vue"]]);
 
-  const _sfc_main$25 = vue.defineComponent({
+  const _sfc_main$24 = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -17250,7 +17598,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$A], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$A], ["__file", "select-dropdown.vue"]]);
 
   function useSelectStates$1(props) {
     const { t } = useLocale();
@@ -18049,7 +18397,7 @@
   });
 
   const COMPONENT_NAME$i = "ElSelect";
-  const _sfc_main$24 = vue.defineComponent({
+  const _sfc_main$23 = vue.defineComponent({
     name: COMPONENT_NAME$i,
     componentName: COMPONENT_NAME$i,
     components: {
@@ -18425,8 +18773,8 @@
       };
     }
   });
-  const _hoisted_1$11 = ["disabled", "autocomplete", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
-  const _hoisted_2$J = ["disabled"];
+  const _hoisted_1$10 = ["disabled", "autocomplete", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
+  const _hoisted_2$I = ["disabled"];
   const _hoisted_3$m = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
   function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
@@ -18636,7 +18984,7 @@
                   onCompositionupdate: _cache[12] || (_cache[12] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                   onCompositionend: _cache[13] || (_cache[13] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
                   onInput: _cache[14] || (_cache[14] = (...args) => _ctx.debouncedQueryChange && _ctx.debouncedQueryChange(...args))
-                }, null, 46, _hoisted_1$11)), [
+                }, null, 46, _hoisted_1$10)), [
                   [vue.vModelText, _ctx.query]
                 ]) : vue.createCommentVNode("v-if", true)
               ], 6)) : vue.createCommentVNode("v-if", true),
@@ -18646,7 +18994,7 @@
                 class: vue.normalizeClass(_ctx.iOSInputKls),
                 disabled: _ctx.selectDisabled,
                 type: "text"
-              }, null, 10, _hoisted_2$J)) : vue.createCommentVNode("v-if", true),
+              }, null, 10, _hoisted_2$I)) : vue.createCommentVNode("v-if", true),
               vue.createVNode(_component_el_input, {
                 id: _ctx.id,
                 ref: "reference",
@@ -18766,9 +19114,9 @@
       [_directive_click_outside, _ctx.handleClose, _ctx.popperPaneRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$z], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$z], ["__file", "select.vue"]]);
 
-  const _sfc_main$23 = vue.defineComponent({
+  const _sfc_main$22 = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -18829,7 +19177,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$y], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$y], ["__file", "option-group.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -19881,11 +20229,11 @@
     });
   }
 
-  const __default__$1m = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1l,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -19950,18 +20298,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$1l = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1k,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -19979,29 +20327,29 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
   });
   const ElButtonGroup$1 = withNoopInstall(ButtonGroup);
 
-  const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
   function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["render", _sfc_render$x], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$x], ["__file", "collection.vue"]]);
 
-  const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
   function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1$, [["render", _sfc_render$w], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$w], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -20138,7 +20486,7 @@
   const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
   const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
   const EVT_OPTS = { bubbles: false, cancelable: true };
-  const _sfc_main$1_ = vue.defineComponent({
+  const _sfc_main$1Z = vue.defineComponent({
     name: "ElRovingFocusGroupImpl",
     inheritAttrs: false,
     props: rovingFocusGroupProps,
@@ -20224,9 +20572,9 @@
   function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1_, [["render", _sfc_render$v], ["__file", "roving-focus-group-impl.vue"]]);
+  var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$v], ["__file", "roving-focus-group-impl.vue"]]);
 
-  const _sfc_main$1Z = vue.defineComponent({
+  const _sfc_main$1Y = vue.defineComponent({
     name: "ElRovingFocusGroup",
     components: {
       ElFocusGroupCollection: ElCollection$1,
@@ -20248,9 +20596,9 @@
       _: 3
     });
   }
-  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1Z, [["render", _sfc_render$u], ["__file", "roving-focus-group.vue"]]);
+  var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$u], ["__file", "roving-focus-group.vue"]]);
 
-  const _sfc_main$1Y = vue.defineComponent({
+  const _sfc_main$1X = vue.defineComponent({
     components: {
       ElRovingFocusCollectionItem: ElCollectionItem$1
     },
@@ -20348,7 +20696,7 @@
       _: 3
     }, 8, ["id", "focusable", "active"]);
   }
-  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1Y, [["render", _sfc_render$t], ["__file", "roving-focus-item.vue"]]);
+  var ElRovingFocusItem = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$t], ["__file", "roving-focus-item.vue"]]);
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
@@ -20446,7 +20794,7 @@
   const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
   const { ButtonGroup: ElButtonGroup } = ElButton;
-  const _sfc_main$1X = vue.defineComponent({
+  const _sfc_main$1W = vue.defineComponent({
     name: "ElDropdown",
     components: {
       ElButton,
@@ -20731,9 +21079,9 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 2);
   }
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$s], ["__file", "dropdown.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$s], ["__file", "dropdown.vue"]]);
 
-  const _sfc_main$1W = vue.defineComponent({
+  const _sfc_main$1V = vue.defineComponent({
     name: "DropdownItemImpl",
     components: {
       ElIcon
@@ -20784,7 +21132,7 @@
       };
     }
   });
-  const _hoisted_1$10 = ["aria-disabled", "tabindex", "role"];
+  const _hoisted_1$$ = ["aria-disabled", "tabindex", "role"];
   function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_icon = vue.resolveComponent("el-icon");
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -20812,10 +21160,10 @@
           _: 1
         })) : vue.createCommentVNode("v-if", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$10)
+      ], 16, _hoisted_1$$)
     ], 64);
   }
-  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$r], ["__file", "dropdown-item-impl.vue"]]);
+  var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$r], ["__file", "dropdown-item-impl.vue"]]);
 
   const useDropdown = () => {
     const elDropdown = vue.inject("elDropdown", {});
@@ -20826,7 +21174,7 @@
     };
   };
 
-  const _sfc_main$1V = vue.defineComponent({
+  const _sfc_main$1U = vue.defineComponent({
     name: "ElDropdownItem",
     components: {
       ElDropdownCollectionItem: ElCollectionItem,
@@ -20928,9 +21276,9 @@
       _: 3
     }, 8, ["disabled", "text-value"]);
   }
-  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$q], ["__file", "dropdown-item.vue"]]);
+  var DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$q], ["__file", "dropdown-item.vue"]]);
 
-  const _sfc_main$1U = vue.defineComponent({
+  const _sfc_main$1T = vue.defineComponent({
     name: "ElDropdownMenu",
     props: dropdownMenuProps,
     setup(props) {
@@ -20993,7 +21341,7 @@
       };
     }
   });
-  const _hoisted_1$$ = ["role", "aria-labelledby"];
+  const _hoisted_1$_ = ["role", "aria-labelledby"];
   function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("ul", {
       ref: _ctx.dropdownListWrapperRef,
@@ -21008,9 +21356,9 @@
       onMousedown: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["self"]))
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 46, _hoisted_1$$);
+    ], 46, _hoisted_1$_);
   }
-  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$p], ["__file", "dropdown-menu.vue"]]);
+  var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["render", _sfc_render$p], ["__file", "dropdown-menu.vue"]]);
 
   const ElDropdown = withInstall(Dropdown, {
     DropdownItem,
@@ -21028,533 +21376,185 @@
     popperOptions: dropdownProps.popperOptions,
     tabindex: dropdownProps.tabindex,
     content: useTooltipContentProps.content,
-    popperStyle: useTooltipContentProps.popperStyle,
-    popperClass: useTooltipContentProps.popperClass,
-    enterable: {
-      ...useTooltipContentProps.enterable,
-      default: true
-    },
-    effect: {
-      ...useTooltipContentProps.effect,
-      default: "light"
-    },
-    teleported: useTooltipContentProps.teleported,
-    title: String,
-    width: {
-      type: [String, Number],
-      default: 150
-    },
-    offset: {
-      type: Number,
-      default: void 0
-    },
-    showAfter: {
-      type: Number,
-      default: 0
-    },
-    hideAfter: {
-      type: Number,
-      default: 200
-    },
-    autoClose: {
-      type: Number,
-      default: 0
-    },
-    showArrow: {
-      type: Boolean,
-      default: true
-    },
-    persistent: {
-      type: Boolean,
-      default: true
-    },
-    "onUpdate:visible": {
-      type: Function
-    }
-  });
-  const popoverEmits = {
-    "update:visible": (value) => isBoolean(value),
-    "before-enter": () => true,
-    "before-leave": () => true,
-    "after-enter": () => true,
-    "after-leave": () => true
-  };
-
-  const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$1k = vue.defineComponent({
-    name: "ElPopover"
-  });
-  const _sfc_main$1T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
-    props: popoverProps,
-    emits: popoverEmits,
-    setup(__props, { expose, emit }) {
-      const props = __props;
-      const onUpdateVisible = vue.computed(() => {
-        return props[updateEventKeyRaw];
-      });
-      const ns = useNamespace("popover");
-      const tooltipRef = vue.ref();
-      const popperRef = vue.computed(() => {
-        var _a;
-        return (_a = vue.unref(tooltipRef)) == null ? void 0 : _a.popperRef;
-      });
-      const style = vue.computed(() => {
-        return [
-          {
-            width: addUnit(props.width)
-          },
-          props.popperStyle
-        ];
-      });
-      const kls = vue.computed(() => {
-        return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
-      });
-      const gpuAcceleration = vue.computed(() => {
-        return props.transition === `${ns.namespace.value}-fade-in-linear`;
-      });
-      const hide = () => {
-        var _a;
-        (_a = tooltipRef.value) == null ? void 0 : _a.hide();
-      };
-      const beforeEnter = () => {
-        emit("before-enter");
-      };
-      const beforeLeave = () => {
-        emit("before-leave");
-      };
-      const afterEnter = () => {
-        emit("after-enter");
-      };
-      const afterLeave = () => {
-        emit("update:visible", false);
-        emit("after-leave");
-      };
-      expose({
-        popperRef,
-        hide
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), vue.mergeProps({
-          ref_key: "tooltipRef",
-          ref: tooltipRef
-        }, _ctx.$attrs, {
-          trigger: _ctx.trigger,
-          placement: _ctx.placement,
-          disabled: _ctx.disabled,
-          visible: _ctx.visible,
-          transition: _ctx.transition,
-          "popper-options": _ctx.popperOptions,
-          tabindex: _ctx.tabindex,
-          content: _ctx.content,
-          offset: _ctx.offset,
-          "show-after": _ctx.showAfter,
-          "hide-after": _ctx.hideAfter,
-          "auto-close": _ctx.autoClose,
-          "show-arrow": _ctx.showArrow,
-          "aria-label": _ctx.title,
-          effect: _ctx.effect,
-          enterable: _ctx.enterable,
-          "popper-class": vue.unref(kls),
-          "popper-style": vue.unref(style),
-          teleported: _ctx.teleported,
-          persistent: _ctx.persistent,
-          "gpu-acceleration": vue.unref(gpuAcceleration),
-          "onUpdate:visible": vue.unref(onUpdateVisible),
-          onBeforeShow: beforeEnter,
-          onBeforeHide: beforeLeave,
-          onShow: afterEnter,
-          onHide: afterLeave
-        }), {
-          content: vue.withCtx(() => [
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("title")),
-              role: "title"
-            }, vue.toDisplayString(_ctx.title), 3)) : vue.createCommentVNode("v-if", true),
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
-            ])
-          ]),
-          default: vue.withCtx(() => [
-            _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]);
-      };
-    }
-  });
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "popover.vue"]]);
-
-  const attachEvents = (el, binding) => {
-    const popperComponent = binding.arg || binding.value;
-    const popover = popperComponent == null ? void 0 : popperComponent.popperRef;
-    if (popover) {
-      popover.triggerRef = el;
-    }
-  };
-  var PopoverDirective = {
-    mounted(el, binding) {
-      attachEvents(el, binding);
-    },
-    updated(el, binding) {
-      attachEvents(el, binding);
-    }
-  };
-  const VPopover = "popover";
-
-  const ElPopoverDirective = withInstallDirective(PopoverDirective, VPopover);
-  const ElPopover = withInstall(Popover, {
-    directive: ElPopoverDirective
-  });
-
-  const messageTypes = ["success", "info", "warning", "error"];
-  const messageDefaults = mutable({
-    customClass: "",
-    center: false,
-    dangerouslyUseHTMLString: false,
-    duration: 3e3,
-    icon: void 0,
-    id: "",
-    message: "",
-    onClose: void 0,
-    showClose: false,
-    type: "info",
-    offset: 16,
-    zIndex: 0,
-    grouping: false,
-    repeatNum: 1,
-    appendTo: isClient ? document.body : void 0
-  });
-  const messageProps = buildProps({
-    customClass: {
-      type: String,
-      default: messageDefaults.customClass
+    popperStyle: useTooltipContentProps.popperStyle,
+    popperClass: useTooltipContentProps.popperClass,
+    enterable: {
+      ...useTooltipContentProps.enterable,
+      default: true
     },
-    center: {
-      type: Boolean,
-      default: messageDefaults.center
+    effect: {
+      ...useTooltipContentProps.effect,
+      default: "light"
     },
-    dangerouslyUseHTMLString: {
-      type: Boolean,
-      default: messageDefaults.dangerouslyUseHTMLString
+    teleported: useTooltipContentProps.teleported,
+    title: String,
+    width: {
+      type: [String, Number],
+      default: 150
     },
-    duration: {
+    offset: {
       type: Number,
-      default: messageDefaults.duration
-    },
-    icon: {
-      type: iconPropType,
-      default: messageDefaults.icon
-    },
-    id: {
-      type: String,
-      default: messageDefaults.id
-    },
-    message: {
-      type: definePropType([
-        String,
-        Object,
-        Function
-      ]),
-      default: messageDefaults.message
-    },
-    onClose: {
-      type: definePropType(Function),
-      required: false
-    },
-    showClose: {
-      type: Boolean,
-      default: messageDefaults.showClose
+      default: void 0
     },
-    type: {
-      type: String,
-      values: messageTypes,
-      default: messageDefaults.type
+    showAfter: {
+      type: Number,
+      default: 0
     },
-    offset: {
+    hideAfter: {
       type: Number,
-      default: messageDefaults.offset
+      default: 200
     },
-    zIndex: {
+    autoClose: {
       type: Number,
-      default: messageDefaults.zIndex
+      default: 0
     },
-    grouping: {
+    showArrow: {
       type: Boolean,
-      default: messageDefaults.grouping
+      default: true
     },
-    repeatNum: {
-      type: Number,
-      default: messageDefaults.repeatNum
+    persistent: {
+      type: Boolean,
+      default: true
+    },
+    "onUpdate:visible": {
+      type: Function
     }
   });
-  const messageEmits = {
-    destroy: () => true
-  };
-
-  const instances = vue.shallowReactive([]);
-  const getInstance = (id) => {
-    const idx = instances.findIndex((instance) => instance.id === id);
-    const current = instances[idx];
-    let prev;
-    if (idx > 0) {
-      prev = instances[idx - 1];
-    }
-    return { current, prev };
-  };
-  const getLastOffset = (id) => {
-    const { prev } = getInstance(id);
-    if (!prev)
-      return 0;
-    return prev.vm.exposed.bottom.value;
-  };
-  const getOffsetOrSpace = (id, offset) => {
-    const idx = instances.findIndex((instance) => instance.id === id);
-    return idx > 0 ? 20 : offset;
+  const popoverEmits = {
+    "update:visible": (value) => isBoolean(value),
+    "before-enter": () => true,
+    "before-leave": () => true,
+    "after-enter": () => true,
+    "after-leave": () => true
   };
 
-  const _hoisted_1$_ = ["id"];
-  const _hoisted_2$I = ["innerHTML"];
+  const updateEventKeyRaw = `onUpdate:visible`;
   const __default__$1j = vue.defineComponent({
-    name: "ElMessage"
+    name: "ElPopover"
   });
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
     ...__default__$1j,
-    props: messageProps,
-    emits: messageEmits,
-    setup(__props, { expose }) {
+    props: popoverProps,
+    emits: popoverEmits,
+    setup(__props, { expose, emit }) {
       const props = __props;
-      const { Close } = TypeComponents;
-      const { ns, zIndex } = useGlobalComponentSettings("message");
-      const { currentZIndex, nextZIndex } = zIndex;
-      const messageRef = vue.ref();
-      const visible = vue.ref(false);
-      const height = vue.ref(0);
-      let stopTimer = void 0;
-      const badgeType = vue.computed(() => props.type ? props.type === "error" ? "danger" : props.type : "info");
-      const typeClass = vue.computed(() => {
-        const type = props.type;
-        return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
+      const onUpdateVisible = vue.computed(() => {
+        return props[updateEventKeyRaw];
       });
-      const iconComponent = vue.computed(() => props.icon || TypeComponentsMap[props.type] || "");
-      const lastOffset = vue.computed(() => getLastOffset(props.id));
-      const offset = vue.computed(() => getOffsetOrSpace(props.id, props.offset) + lastOffset.value);
-      const bottom = vue.computed(() => height.value + offset.value);
-      const customStyle = vue.computed(() => ({
-        top: `${offset.value}px`,
-        zIndex: currentZIndex.value
-      }));
-      function startTimer() {
-        if (props.duration === 0)
-          return;
-        ({ stop: stopTimer } = useTimeoutFn(() => {
-          close();
-        }, props.duration));
-      }
-      function clearTimer() {
-        stopTimer == null ? void 0 : stopTimer();
-      }
-      function close() {
-        visible.value = false;
-      }
-      function keydown({ code }) {
-        if (code === EVENT_CODE.esc) {
-          close();
-        }
-      }
-      vue.onMounted(() => {
-        startTimer();
-        nextZIndex();
-        visible.value = true;
+      const ns = useNamespace("popover");
+      const tooltipRef = vue.ref();
+      const popperRef = vue.computed(() => {
+        var _a;
+        return (_a = vue.unref(tooltipRef)) == null ? void 0 : _a.popperRef;
       });
-      vue.watch(() => props.repeatNum, () => {
-        clearTimer();
-        startTimer();
+      const style = vue.computed(() => {
+        return [
+          {
+            width: addUnit(props.width)
+          },
+          props.popperStyle
+        ];
       });
-      useEventListener(document, "keydown", keydown);
-      useResizeObserver(messageRef, () => {
-        height.value = messageRef.value.getBoundingClientRect().height;
+      const kls = vue.computed(() => {
+        return [ns.b(), props.popperClass, { [ns.m("plain")]: !!props.content }];
       });
-      expose({
-        visible,
-        bottom,
-        close
+      const gpuAcceleration = vue.computed(() => {
+        return props.transition === `${ns.namespace.value}-fade-in-linear`;
       });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.Transition, {
-          name: vue.unref(ns).b("fade"),
-          onBeforeLeave: _ctx.onClose,
-          onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
-          persisted: ""
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", {
-              id: _ctx.id,
-              ref_key: "messageRef",
-              ref: messageRef,
-              class: vue.normalizeClass([
-                vue.unref(ns).b(),
-                { [vue.unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
-                vue.unref(ns).is("center", _ctx.center),
-                vue.unref(ns).is("closable", _ctx.showClose),
-                _ctx.customClass
-              ]),
-              style: vue.normalizeStyle(vue.unref(customStyle)),
-              role: "alert",
-              onMouseenter: clearTimer,
-              onMouseleave: startTimer
-            }, [
-              _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(ElBadge), {
-                key: 0,
-                value: _ctx.repeatNum,
-                type: vue.unref(badgeType),
-                class: vue.normalizeClass(vue.unref(ns).e("badge"))
-              }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
-              vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 1,
-                class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
-                  key: 0,
-                  class: vue.normalizeClass(vue.unref(ns).e("content"))
-                }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-                  vue.createElementVNode("p", {
-                    class: vue.normalizeClass(vue.unref(ns).e("content")),
-                    innerHTML: _ctx.message
-                  }, null, 10, _hoisted_2$I)
-                ], 2112))
-              ]),
-              _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-                key: 2,
-                class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
-                onClick: vue.withModifiers(close, ["stop"])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(Close))
-                ]),
-                _: 1
-              }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-            ], 46, _hoisted_1$_), [
-              [vue.vShow, visible.value]
+      const hide = () => {
+        var _a;
+        (_a = tooltipRef.value) == null ? void 0 : _a.hide();
+      };
+      const beforeEnter = () => {
+        emit("before-enter");
+      };
+      const beforeLeave = () => {
+        emit("before-leave");
+      };
+      const afterEnter = () => {
+        emit("after-enter");
+      };
+      const afterLeave = () => {
+        emit("update:visible", false);
+        emit("after-leave");
+      };
+      expose({
+        popperRef,
+        hide
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), vue.mergeProps({
+          ref_key: "tooltipRef",
+          ref: tooltipRef
+        }, _ctx.$attrs, {
+          trigger: _ctx.trigger,
+          placement: _ctx.placement,
+          disabled: _ctx.disabled,
+          visible: _ctx.visible,
+          transition: _ctx.transition,
+          "popper-options": _ctx.popperOptions,
+          tabindex: _ctx.tabindex,
+          content: _ctx.content,
+          offset: _ctx.offset,
+          "show-after": _ctx.showAfter,
+          "hide-after": _ctx.hideAfter,
+          "auto-close": _ctx.autoClose,
+          "show-arrow": _ctx.showArrow,
+          "aria-label": _ctx.title,
+          effect: _ctx.effect,
+          enterable: _ctx.enterable,
+          "popper-class": vue.unref(kls),
+          "popper-style": vue.unref(style),
+          teleported: _ctx.teleported,
+          persistent: _ctx.persistent,
+          "gpu-acceleration": vue.unref(gpuAcceleration),
+          "onUpdate:visible": vue.unref(onUpdateVisible),
+          onBeforeShow: beforeEnter,
+          onBeforeHide: beforeLeave,
+          onShow: afterEnter,
+          onHide: afterLeave
+        }), {
+          content: vue.withCtx(() => [
+            _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("title")),
+              role: "title"
+            }, vue.toDisplayString(_ctx.title), 3)) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
             ])
           ]),
+          default: vue.withCtx(() => [
+            _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
+          ]),
           _: 3
-        }, 8, ["name", "onBeforeLeave"]);
+        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]);
       };
     }
   });
-  var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "message.vue"]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "popover.vue"]]);
 
-  let seed$1 = 1;
-  const normalizeOptions = (params) => {
-    const options = !params || isString$1(params) || vue.isVNode(params) || isFunction$1(params) ? { message: params } : params;
-    const normalized = {
-      ...messageDefaults,
-      ...options
-    };
-    if (!normalized.appendTo) {
-      normalized.appendTo = document.body;
-    } else if (isString$1(normalized.appendTo)) {
-      let appendTo = document.querySelector(normalized.appendTo);
-      if (!isElement$1(appendTo)) {
-        appendTo = document.body;
-      }
-      normalized.appendTo = appendTo;
+  const attachEvents = (el, binding) => {
+    const popperComponent = binding.arg || binding.value;
+    const popover = popperComponent == null ? void 0 : popperComponent.popperRef;
+    if (popover) {
+      popover.triggerRef = el;
     }
-    return normalized;
-  };
-  const closeMessage = (instance) => {
-    const idx = instances.indexOf(instance);
-    if (idx === -1)
-      return;
-    instances.splice(idx, 1);
-    const { handler } = instance;
-    handler.close();
-  };
-  const createMessage = ({ appendTo, ...options }, context) => {
-    const id = `message_${seed$1++}`;
-    const userOnClose = options.onClose;
-    const container = document.createElement("div");
-    const props = {
-      ...options,
-      id,
-      onClose: () => {
-        userOnClose == null ? void 0 : userOnClose();
-        closeMessage(instance);
-      },
-      onDestroy: () => {
-        vue.render(null, container);
-      }
-    };
-    const vnode = vue.createVNode(MessageConstructor, props, isFunction$1(props.message) || vue.isVNode(props.message) ? {
-      default: isFunction$1(props.message) ? props.message : () => props.message
-    } : null);
-    vnode.appContext = context || message._context;
-    vue.render(vnode, container);
-    appendTo.appendChild(container.firstElementChild);
-    const vm = vnode.component;
-    const handler = {
-      close: () => {
-        vm.exposed.visible.value = false;
-      }
-    };
-    const instance = {
-      id,
-      vnode,
-      vm,
-      handler,
-      props: vnode.component.props
-    };
-    return instance;
   };
-  const message = (options = {}, context) => {
-    if (!isClient)
-      return { close: () => void 0 };
-    if (isNumber(messageConfig.max) && instances.length >= messageConfig.max) {
-      return { close: () => void 0 };
-    }
-    const normalized = normalizeOptions(options);
-    if (normalized.grouping && instances.length) {
-      const instance2 = instances.find(({ vnode: vm }) => {
-        var _a;
-        return ((_a = vm.props) == null ? void 0 : _a.message) === normalized.message;
-      });
-      if (instance2) {
-        instance2.props.repeatNum += 1;
-        instance2.props.type = normalized.type;
-        return instance2.handler;
-      }
+  var PopoverDirective = {
+    mounted(el, binding) {
+      attachEvents(el, binding);
+    },
+    updated(el, binding) {
+      attachEvents(el, binding);
     }
-    const instance = createMessage(normalized, context);
-    instances.push(instance);
-    return instance.handler;
   };
-  messageTypes.forEach((type) => {
-    message[type] = (options = {}, appContext) => {
-      const normalized = normalizeOptions(options);
-      return message({ ...normalized, type }, appContext);
-    };
-  });
-  function closeAll$1(type) {
-    for (const instance of instances) {
-      if (!type || type === instance.props.type) {
-        instance.handler.close();
-      }
-    }
-  }
-  message.closeAll = closeAll$1;
-  message._context = null;
-  var Message = message;
+  const VPopover = "popover";
 
-  const ElMessage = withInstallFunction(Message, "$message");
+  const ElPopoverDirective = withInstallDirective(PopoverDirective, VPopover);
+  const ElPopover = withInstall(Popover, {
+    directive: ElPopoverDirective
+  });
 
   const batchProps = buildProps({
     options: {
@@ -21565,10 +21565,7 @@
       type: [String, Number],
       default: 400
     },
-    size: {
-      type: String,
-      default: "default"
-    },
+    size: useSizeProp,
     disabled: {
       type: Boolean,
       default: false
@@ -21588,6 +21585,14 @@
     labelValue: {
       type: Object,
       default: () => ({ label: "label", value: "value" })
+    },
+    rows: {
+      type: Number,
+      default: 50
+    },
+    needTag: {
+      type: Boolean,
+      default: false
     }
   });
   const batchEmits = {
@@ -21596,10 +21601,12 @@
     search: (val) => val
   };
 
-  const useBatch = (props) => {
+  const useBatch = (props, useSize) => {
     const disabled = useFormDisabled();
+    const _size = useFormSize(vue.computed(() => useSize));
     return {
       disabled,
+      _size,
       props
     };
   };
@@ -21614,12 +21621,16 @@
     ...__default__$1i,
     props: batchProps,
     emits: batchEmits,
-    setup(__props, { emit }) {
+    setup(__props, { expose, emit }) {
       var _a;
       const props = __props;
+      const useSize = vue.reactive({
+        size: vue.toRef(props, "size")
+      });
       const ns = useNamespace("batch");
-      const { disabled } = useBatch(props);
+      const { disabled, _size } = useBatch(props, useSize.size);
       const userAttrs = vue.useAttrs();
+      const textareaRef = vue.ref();
       const userAttrsCopy = vue.reactive({ ...userAttrs });
       delete userAttrsCopy.size;
       delete userAttrsCopy.prefixIcon;
@@ -21648,6 +21659,34 @@
           return;
         selectWidth.value = (_a2 = selectRef.value) == null ? void 0 : _a2.$el.offsetWidth;
       });
+      const handleEnterKey = (event) => {
+        const inputElement = textareaRef.value.$el.querySelector("textarea");
+        inputElement.addEventListener("paste", preventPaste);
+        const lines = inputValue.value.split("\n");
+        const lastLine = lines[lines.length - 1];
+        vue.nextTick(() => {
+          var _a2;
+          const textarea = (_a2 = textareaRef.value) == null ? void 0 : _a2.textarea;
+          textarea.selectionStart = textarea.selectionEnd = textarea.value.length;
+        });
+        if (!lastLine.trim() || lines.length >= props.rows) {
+          event.preventDefault();
+        }
+      };
+      const handleTextareaInput = (value) => {
+        const inputElement = textareaRef.value.$el.querySelector("textarea");
+        inputElement.addEventListener("paste", preventPaste);
+        const lines = value.split("\n");
+        const nonEmptyLines = lines.filter((line) => line.trim() !== "");
+        if (nonEmptyLines.length >= props.rows) {
+          inputValue.value = lines.slice(0, props.rows).join("\n");
+        } else {
+          inputElement.removeEventListener("paste", preventPaste);
+        }
+      };
+      const preventPaste = (event) => {
+        event.preventDefault();
+      };
       const handleFocus = () => {
         handleClose();
         vue.nextTick(() => {
@@ -21688,9 +21727,12 @@
         const data = inputValue.value.split("\n").map((item) => item.trim()).filter(Boolean);
         multipleSearchValue.value = [...new Set(data)];
         if (data.length > multipleSearchValue.value.length) {
-          ElMessage("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
+          ElMessage.warning("\u6709\u91CD\u590D\u6570\u636E,\u5DF2\u81EA\u52A8\u53BB\u91CD");
+        }
+        inputValue.value = multipleSearchValue.value.join("\n");
+        if (props.needTag) {
+          tagShow.value = true;
         }
-        tagShow.value = true;
         vue.nextTick(() => {
           selectedLabel.value = selectRef.value.selectedLabel;
         });
@@ -21710,11 +21752,12 @@
       const handleCloseTag = () => {
         tagShow.value = false;
       };
+      expose({
+        size: props.size
+      });
       return (_ctx, _cache) => {
-        const _component_el_tag = vue.resolveComponent("el-tag");
-        const _component_el_tooltip = vue.resolveComponent("el-tooltip");
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(_ctx.size)]),
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).m(vue.unref(_size))]),
           style: vue.normalizeStyle({ "max-width": _ctx.width + "px" })
         }, [
           vue.createVNode(vue.unref(ElInput), vue.mergeProps({
@@ -21792,14 +21835,18 @@
                 ]),
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(ElInput), {
+                    ref_key: "textareaRef",
+                    ref: textareaRef,
                     modelValue: inputValue.value,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
                     resize: "none",
                     autosize: { minRows: _ctx.minRows, maxRows: 12 },
                     class: vue.normalizeClass(vue.unref(ns).e("textarea")),
-                    placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301200\u884C",
-                    type: "textarea"
-                  }, null, 8, ["modelValue", "autosize", "class"]),
+                    placeholder: "\u7CBE\u786E\u641C\u7D22\uFF0C\u4E00\u884C\u4E00\u9879\uFF0C\u6700\u591A\u652F\u6301" + _ctx.rows + "\u884C",
+                    type: "textarea",
+                    onKeydown: vue.withKeys(handleEnterKey, ["enter"]),
+                    onInput: handleTextareaInput
+                  }, null, 8, ["modelValue", "autosize", "class", "placeholder", "onKeydown"]),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(vue.unref(ns).e("controls"))
                   }, [
@@ -21846,23 +21893,14 @@
           vue.withDirectives(vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("tag"))
           }, [
-            vue.createVNode(_component_el_tooltip, {
+            vue.createVNode(vue.unref(ElPopover), {
+              width: Number(_ctx.width) - selectWidth.value,
               "popper-class": vue.unref(ns).e("batch-popper"),
               effect: "light",
               placement: "bottom-start"
             }, {
-              content: vue.withCtx(() => [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(ns).e("tag-content")),
-                  style: vue.normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
-                }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(multipleSearchValue.value, (item) => {
-                    return vue.openBlock(), vue.createElementBlock("p", { key: item }, vue.toDisplayString(item), 1);
-                  }), 128))
-                ], 6)
-              ]),
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_el_tag, {
+              reference: vue.withCtx(() => [
+                vue.createVNode(vue.unref(ElTag), {
                   closable: "",
                   onClose: handleCloseTag
                 }, {
@@ -21872,8 +21910,23 @@
                   _: 1
                 })
               ]),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).e("tag-content")),
+                  style: vue.normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
+                }, [
+                  vue.createVNode(vue.unref(ElScrollbar), null, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(multipleSearchValue.value, (item) => {
+                        return vue.openBlock(), vue.createElementBlock("p", { key: item }, vue.toDisplayString(item), 1);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ], 6)
+              ]),
               _: 1
-            }, 8, ["popper-class"])
+            }, 8, ["width", "popper-class"])
           ], 2), [
             [vue.vShow, tagShow.value]
           ])
@@ -27700,6 +27753,10 @@
         type: definePropType(Function),
         default: () => {
         }
+      },
+      node: {
+        type: Object,
+        required: true
       }
     },
     setup() {
@@ -27708,15 +27765,17 @@
         ns
       };
     },
-    render() {
+    render(props) {
+      var _a;
       const { ns } = this;
       const { node, panel, onlyThis } = this.$parent;
       const { data, label } = node;
       const { renderLabelFn } = panel;
+      const value = (_a = props.node.config.value) != null ? _a : "value";
       return vue.h("span", { class: ns.e("label") }, renderLabelFn ? renderLabelFn({ node, data }) : !onlyThis ? label : [
         vue.h("div", { class: `${ns.namespace.value}-dsh-justify-between` }, [
           vue.h("span", { class: `${ns.namespace.value}-dsh-cascader-node--label` }, label),
-          data.value !== "cascader-all" ? vue.h("div", { class: "select-tag", onClick: this.onlyCheck }, [
+          data[value] !== "cascader-all" ? vue.h("div", { class: "select-tag", onClick: this.onlyCheck }, [
             vue.h("span", {}, "\u4EC5\u7B5B\u9009\u6B64\u9879")
           ]) : ""
         ])
@@ -27750,24 +27809,26 @@
     },
     emits: ["expand"],
     setup(props, { emit }) {
+      var _a;
       const panel = vue.inject(DSH_CASCADER_PANEL_INJECTION_KEY);
       const ns = useNamespace("dsh-cascader-node");
       const isHoverMenu = vue.computed(() => panel.isHoverMenu);
       const multiple = vue.computed(() => panel.config.multiple);
       const checkStrictly = vue.computed(() => panel.config.checkStrictly);
       const checkedNodeId = vue.computed(() => {
-        var _a;
-        return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+        var _a2;
+        return (_a2 = panel.checkedNodes[0]) == null ? void 0 : _a2.uid;
       });
       const DshIsDisabled = vue.computed(() => props.node.DshIsDisabled);
       const DshIsLeaf = vue.computed(() => props.node.DshIsLeaf);
       const expandable = vue.computed(() => checkStrictly.value && !DshIsLeaf.value || !DshIsDisabled.value);
       const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
       const inCheckedPath = vue.computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+      const propsValue = (_a = props.node.config.value) != null ? _a : "value";
       const isInPath = (node) => {
-        var _a;
+        var _a2;
         const { level, uid } = props.node;
-        return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
+        return ((_a2 = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a2.uid) === uid;
       };
       const doExpand = () => {
         if (inExpandingPath.value)
@@ -27805,8 +27866,7 @@
         node.loaded ? doExpand() : doLoad();
       };
       const handleClick = (node) => {
-        var _a;
-        if (((_a = node.data) == null ? void 0 : _a.value) === "cascader-all" || isHoverMenu.value) {
+        if (node.data[propsValue] === "cascader-all" || isHoverMenu.value) {
           handleSelectCheck(!node.checked);
           return;
         }
@@ -27817,8 +27877,7 @@
         }
       };
       const handleSelectCheck = (checked) => {
-        var _a;
-        if (((_a = props.node.data) == null ? void 0 : _a.value) === "cascader-all") {
+        if (props.node.data[propsValue] === "cascader-all") {
           panel.checkedAll(checked);
         }
         if (checkStrictly.value) {
@@ -27921,7 +27980,10 @@
         _: 1
       }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
       vue.createCommentVNode(" content "),
-      vue.createVNode(_component_el_dsh_node_content, { "only-check": _ctx.onlyCheck }, null, 8, ["only-check"]),
+      vue.createVNode(_component_el_dsh_node_content, {
+        "only-check": _ctx.onlyCheck,
+        node: _ctx.node
+      }, null, 8, ["only-check", "node"]),
       vue.createCommentVNode(" postfix "),
       !_ctx.DshIsLeaf ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
         _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
@@ -28215,12 +28277,11 @@
     constructor(data, config) {
       this.config = config;
       const nodes = (data || []).map((nodeData) => new DshNode$1(nodeData, this.config));
-      const allNodes = [
-        new DshNode$1({ label: "\u5168\u9009", value: "cascader-all" }, this.config)
-      ].concat(nodes);
-      this.nodes = allNodes;
-      this.allNodes = flatNodes(allNodes, false);
-      this.leafNodes = flatNodes(allNodes, true);
+      const node = { [config.label]: "\u5168\u9009", [config.value]: "cascader-all" };
+      nodes.unshift(new DshNode$1(node, this.config));
+      this.nodes = nodes;
+      this.allNodes = flatNodes(nodes, false);
+      this.leafNodes = flatNodes(nodes, true);
     }
     getNodes() {
       return this.nodes;
@@ -28277,7 +28338,8 @@
     children: "children",
     leaf: "leaf",
     disabled: "disabled",
-    hoverThreshold: 500
+    hoverThreshold: 500,
+    maxCollapseTags: 1
   };
   const DshUseCascaderConfig = (props) => {
     return vue.computed(() => ({
@@ -28343,6 +28405,7 @@
       "confirm"
     ],
     setup(props, { emit, slots }) {
+      var _a;
       let manualChecked = false;
       const ns = useNamespace("dsh-cascader");
       const config = DshUseCascaderConfig(props);
@@ -28391,7 +28454,7 @@
         cfg.lazyLoad(node, resolve);
       };
       const expandNode = (node, silent) => {
-        var _a;
+        var _a2;
         const { level } = node;
         const newMenus = menus.value.slice(0, level);
         let newExpandingNode;
@@ -28401,7 +28464,7 @@
           newExpandingNode = node;
           newMenus.push(node.children);
         }
-        if (((_a = expandingNode.value) == null ? void 0 : _a.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
+        if (((_a2 = expandingNode.value) == null ? void 0 : _a2.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
           expandingNode.value = node;
           menus.value = newMenus;
           !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
@@ -28426,12 +28489,12 @@
         return store == null ? void 0 : store.getFlattedNodes(leafOnly);
       };
       const getCheckedNodes = (leafOnly) => {
-        var _a;
-        return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
+        var _a2;
+        return (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter((node) => node.checked !== false);
       };
       const clearCheckedNodes = () => {
-        var _a;
-        (_a = getFlattedNodes(true)) == null ? void 0 : _a.forEach((node) => node.doCheck(false));
+        var _a2;
+        (_a2 = getFlattedNodes(true)) == null ? void 0 : _a2.forEach((node) => node.doCheck(false));
         calculateCheckedValue();
         menus.value = menus.value.slice(0, 1);
         expandingNode.value = null;
@@ -28441,36 +28504,33 @@
         emit("confirm", checkedValue.value);
       };
       const checkedAll = (checked) => {
-        var _a;
-        (_a = getFlattedNodes(true)) == null ? void 0 : _a.forEach((node) => node.doCheck(checked));
+        var _a2;
+        (_a2 = getFlattedNodes(true)) == null ? void 0 : _a2.forEach((node) => node.doCheck(checked));
         calculateCheckedValue();
         menus.value = menus.value.slice(0, 1);
         expandingNode.value = null;
         emit("expand-change", []);
       };
+      const propsValue = (_a = props.props.value) != null ? _a : "value";
       const calculateCheckedValue = () => {
-        var _a;
+        var _a2;
         const { checkStrictly, multiple } = config.value;
         const oldNodes = checkedNodes.value;
         const newNodes = getCheckedNodes(!checkStrictly);
-        const nodes = sortByOriginalOrder(oldNodes, newNodes).filter((node) => {
-          var _a2;
-          return ((_a2 = node.data) == null ? void 0 : _a2.value) !== "cascader-all";
-        });
-        const values = nodes.map((node) => node.valueByOption).filter((value) => value.value !== "cascader-all");
+        const nodes = sortByOriginalOrder(oldNodes, newNodes).filter((node) => node.data[propsValue] !== "cascader-all");
+        const values = nodes.map((node) => node.valueByOption).filter((value) => value[propsValue] !== "cascader-all");
         checkedNodes.value = nodes;
-        checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
+        checkedValue.value = multiple ? values : (_a2 = values[0]) != null ? _a2 : null;
       };
       const syncCheckedValue = (loaded = false, forced = false) => {
-        var _a;
+        var _a2;
         const { modelValue } = props;
         const { lazy, multiple, checkStrictly } = config.value;
         const leafOnly = !checkStrictly;
         if (multiple) {
           let allNode = null;
-          const nodes = (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => {
-            var _a2;
-            if (((_a2 = node.data) == null ? void 0 : _a2.value) !== "cascader-all") {
+          const nodes = (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter((node) => {
+            if (node.data[propsValue] !== "cascader-all") {
               return true;
             } else {
               allNode = node;
@@ -28520,10 +28580,7 @@
         } else {
           newNodes.forEach((node) => node.doCheck(true));
         }
-        checkedNodes.value = newNodes.filter((node) => {
-          var _a;
-          return ((_a = node.data) == null ? void 0 : _a.value) !== "cascader-all";
-        });
+        checkedNodes.value = newNodes.filter((node) => node.data[propsValue] !== "cascader-all");
         vue.nextTick(scrollToExpandingNode);
       };
       const scrollToExpandingNode = () => {
@@ -48899,7 +48956,12 @@
         const tableLeft = tableEl.getBoundingClientRect().left;
         const columnEl = instance.vnode.el.querySelector(`th.${column.id}`);
         const columnRect = columnEl.getBoundingClientRect();
-        const minLeft = columnRect.left - tableLeft + 30;
+        let minLeft = 0;
+        if (column.minWidth > 30) {
+          minLeft = columnRect.left - tableLeft + column.minWidth;
+        } else {
+          minLeft = columnRect.left - tableLeft + 30;
+        }
         addClass(columnEl, "noclick");
         dragState.value = {
           startMouseLeft: event.clientX,