code-monkey-ui 1.1.4-beta → 1.1.4

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
 /*! Code Monkey Ui v1.1.3 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, toRaw as toRaw$1, triggerRef, resolveComponent, resolveDirective, vModelText, normalizeProps, guardReactiveProps, shallowReactive, render, vModelCheckbox, vModelRadio, onBeforeUpdate, toHandlers, markRaw, effectScope, createApp } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, defineComponent, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, shallowReactive, render, toRaw as toRaw$1, triggerRef, resolveComponent, resolveDirective, vModelText, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, toHandlers, markRaw, effectScope, createApp } from 'vue';
 
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {
@@ -16730,6 +16730,354 @@ var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["__file", "badge.vue"]])
 
 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 = 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 = defineComponent({
+  name: "ElMessage"
+});
+const _sfc_main$27 = /* @__PURE__ */ 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 = ref();
+    const visible = ref(false);
+    const height = ref(0);
+    let stopTimer = void 0;
+    const badgeType = computed$1(() => props.type ? props.type === "error" ? "danger" : props.type : "info");
+    const typeClass = computed$1(() => {
+      const type = props.type;
+      return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
+    });
+    const iconComponent = computed$1(() => props.icon || TypeComponentsMap[props.type] || "");
+    const lastOffset = computed$1(() => getLastOffset(props.id));
+    const offset = computed$1(() => getOffsetOrSpace(props.id, props.offset) + lastOffset.value);
+    const bottom = computed$1(() => height.value + offset.value);
+    const customStyle = computed$1(() => ({
+      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();
+      }
+    }
+    onMounted(() => {
+      startTimer();
+      nextZIndex();
+      visible.value = true;
+    });
+    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 openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade"),
+        onBeforeLeave: _ctx.onClose,
+        onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            id: _ctx.id,
+            ref_key: "messageRef",
+            ref: messageRef,
+            class: normalizeClass([
+              unref(ns).b(),
+              { [unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
+              unref(ns).is("center", _ctx.center),
+              unref(ns).is("closable", _ctx.showClose),
+              _ctx.customClass
+            ]),
+            style: normalizeStyle(unref(customStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer
+          }, [
+            _ctx.repeatNum > 1 ? (openBlock(), createBlock(unref(ElBadge), {
+              key: 0,
+              value: _ctx.repeatNum,
+              type: unref(badgeType),
+              class: normalizeClass(unref(ns).e("badge"))
+            }, null, 8, ["value", "type", "class"])) : createCommentVNode("v-if", true),
+            unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 1,
+              class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", {
+                key: 0,
+                class: normalizeClass(unref(ns).e("content"))
+              }, toDisplayString(_ctx.message), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                createElementVNode("p", {
+                  class: normalizeClass(unref(ns).e("content")),
+                  innerHTML: _ctx.message
+                }, null, 10, _hoisted_2$J)
+              ], 2112))
+            ]),
+            _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 2,
+              class: normalizeClass(unref(ns).e("closeBtn")),
+              onClick: withModifiers(close, ["stop"])
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Close))
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+          ], 46, _hoisted_1$12), [
+            [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) || 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: () => {
+      render(null, container);
+    }
+  };
+  const vnode = createVNode(MessageConstructor, props, isFunction$1(props.message) || isVNode(props.message) ? {
+    default: isFunction$1(props.message) ? props.message : () => props.message
+  } : null);
+  vnode.appContext = context || message._context;
+  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) {
@@ -16940,11 +17288,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1n = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+  ...__default__$1m,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -17024,7 +17372,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -17122,7 +17470,7 @@ function useOption$2(props, states) {
   };
 }
 
-const _sfc_main$26 = defineComponent({
+const _sfc_main$25 = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -17191,7 +17539,7 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-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 withDirectives((openBlock(), createElementBlock("li", {
     id: _ctx.id,
@@ -17205,13 +17553,13 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
     ])
-  ], 42, _hoisted_1$12)), [
+  ], 42, _hoisted_1$11)), [
     [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 = defineComponent({
+const _sfc_main$24 = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -17246,7 +17594,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     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();
@@ -18045,7 +18393,7 @@ var ElOptions = defineComponent({
 });
 
 const COMPONENT_NAME$i = "ElSelect";
-const _sfc_main$24 = defineComponent({
+const _sfc_main$23 = defineComponent({
   name: COMPONENT_NAME$i,
   componentName: COMPONENT_NAME$i,
   components: {
@@ -18421,8 +18769,8 @@ const _sfc_main$24 = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-tag");
@@ -18632,7 +18980,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
                 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)), [
                 [vModelText, _ctx.query]
               ]) : createCommentVNode("v-if", true)
             ], 6)) : createCommentVNode("v-if", true),
@@ -18642,7 +18990,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.iOSInputKls),
               disabled: _ctx.selectDisabled,
               type: "text"
-            }, null, 10, _hoisted_2$J)) : createCommentVNode("v-if", true),
+            }, null, 10, _hoisted_2$I)) : createCommentVNode("v-if", true),
             createVNode(_component_el_input, {
               id: _ctx.id,
               ref: "reference",
@@ -18762,9 +19110,9 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     [_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 = defineComponent({
+const _sfc_main$22 = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -18825,7 +19173,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     [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,
@@ -19877,11 +20225,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1m = defineComponent({
+const __default__$1l = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+  ...__default__$1l,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -19946,18 +20294,18 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+  ...__default__$1k,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -19975,29 +20323,29 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return 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__ */ defineComponent({
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return 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) => {
@@ -20134,7 +20482,7 @@ const focusFirst = (elements) => {
 const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
 const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
 const EVT_OPTS = { bubbles: false, cancelable: true };
-const _sfc_main$1_ = defineComponent({
+const _sfc_main$1Z = defineComponent({
   name: "ElRovingFocusGroupImpl",
   inheritAttrs: false,
   props: rovingFocusGroupProps,
@@ -20220,9 +20568,9 @@ const _sfc_main$1_ = defineComponent({
 function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return 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 = defineComponent({
+const _sfc_main$1Y = defineComponent({
   name: "ElRovingFocusGroup",
   components: {
     ElFocusGroupCollection: ElCollection$1,
@@ -20244,9 +20592,9 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$1X = defineComponent({
   components: {
     ElRovingFocusCollectionItem: ElCollectionItem$1
   },
@@ -20344,7 +20692,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -20442,7 +20790,7 @@ const {
 const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 
 const { ButtonGroup: ElButtonGroup } = ElButton;
-const _sfc_main$1X = defineComponent({
+const _sfc_main$1W = defineComponent({
   name: "ElDropdown",
   components: {
     ElButton,
@@ -20727,9 +21075,9 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     })) : 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 = defineComponent({
+const _sfc_main$1V = defineComponent({
   name: "DropdownItemImpl",
   components: {
     ElIcon
@@ -20780,7 +21128,7 @@ const _sfc_main$1W = defineComponent({
     };
   }
 });
-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 = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -20808,10 +21156,10 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })) : createCommentVNode("v-if", true),
       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 = inject("elDropdown", {});
@@ -20822,7 +21170,7 @@ const useDropdown = () => {
   };
 };
 
-const _sfc_main$1V = defineComponent({
+const _sfc_main$1U = defineComponent({
   name: "ElDropdownItem",
   components: {
     ElDropdownCollectionItem: ElCollectionItem,
@@ -20924,9 +21272,9 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$1T = defineComponent({
   name: "ElDropdownMenu",
   props: dropdownMenuProps,
   setup(props) {
@@ -20989,7 +21337,7 @@ const _sfc_main$1U = defineComponent({
     };
   }
 });
-const _hoisted_1$$ = ["role", "aria-labelledby"];
+const _hoisted_1$_ = ["role", "aria-labelledby"];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
@@ -21004,9 +21352,9 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["self"]))
   }, [
     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,
@@ -21077,11 +21425,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$1k = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  ...__default__$1j,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -21180,7 +21528,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$1T, [["__file", "popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "popover.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -21204,354 +21552,6 @@ 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
-  },
-  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 = 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$_ = ["id"];
-const _hoisted_2$I = ["innerHTML"];
-const __default__$1j = defineComponent({
-  name: "ElMessage"
-});
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
-  props: messageProps,
-  emits: messageEmits,
-  setup(__props, { expose }) {
-    const props = __props;
-    const { Close } = TypeComponents;
-    const { ns, zIndex } = useGlobalComponentSettings("message");
-    const { currentZIndex, nextZIndex } = zIndex;
-    const messageRef = ref();
-    const visible = ref(false);
-    const height = ref(0);
-    let stopTimer = void 0;
-    const badgeType = computed$1(() => props.type ? props.type === "error" ? "danger" : props.type : "info");
-    const typeClass = computed$1(() => {
-      const type = props.type;
-      return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
-    });
-    const iconComponent = computed$1(() => props.icon || TypeComponentsMap[props.type] || "");
-    const lastOffset = computed$1(() => getLastOffset(props.id));
-    const offset = computed$1(() => getOffsetOrSpace(props.id, props.offset) + lastOffset.value);
-    const bottom = computed$1(() => height.value + offset.value);
-    const customStyle = computed$1(() => ({
-      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();
-      }
-    }
-    onMounted(() => {
-      startTimer();
-      nextZIndex();
-      visible.value = true;
-    });
-    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 openBlock(), createBlock(Transition, {
-        name: unref(ns).b("fade"),
-        onBeforeLeave: _ctx.onClose,
-        onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
-        persisted: ""
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            id: _ctx.id,
-            ref_key: "messageRef",
-            ref: messageRef,
-            class: normalizeClass([
-              unref(ns).b(),
-              { [unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
-              unref(ns).is("center", _ctx.center),
-              unref(ns).is("closable", _ctx.showClose),
-              _ctx.customClass
-            ]),
-            style: normalizeStyle(unref(customStyle)),
-            role: "alert",
-            onMouseenter: clearTimer,
-            onMouseleave: startTimer
-          }, [
-            _ctx.repeatNum > 1 ? (openBlock(), createBlock(unref(ElBadge), {
-              key: 0,
-              value: _ctx.repeatNum,
-              type: unref(badgeType),
-              class: normalizeClass(unref(ns).e("badge"))
-            }, null, 8, ["value", "type", "class"])) : createCommentVNode("v-if", true),
-            unref(iconComponent) ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 1,
-              class: normalizeClass([unref(ns).e("icon"), unref(typeClass)])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("v-if", true),
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              !_ctx.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", {
-                key: 0,
-                class: normalizeClass(unref(ns).e("content"))
-              }, toDisplayString(_ctx.message), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-                createElementVNode("p", {
-                  class: normalizeClass(unref(ns).e("content")),
-                  innerHTML: _ctx.message
-                }, null, 10, _hoisted_2$I)
-              ], 2112))
-            ]),
-            _ctx.showClose ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 2,
-              class: normalizeClass(unref(ns).e("closeBtn")),
-              onClick: withModifiers(close, ["stop"])
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(Close))
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
-          ], 46, _hoisted_1$_), [
-            [vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name", "onBeforeLeave"]);
-    };
-  }
-});
-var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__file", "message.vue"]]);
-
-let seed$1 = 1;
-const normalizeOptions = (params) => {
-  const options = !params || isString$1(params) || 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: () => {
-      render(null, container);
-    }
-  };
-  const vnode = createVNode(MessageConstructor, props, isFunction$1(props.message) || isVNode(props.message) ? {
-    default: isFunction$1(props.message) ? props.message : () => props.message
-  } : null);
-  vnode.appContext = context || message._context;
-  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 batchProps = buildProps({
   options: {
     type: Array,
@@ -21561,10 +21561,7 @@ const batchProps = buildProps({
     type: [String, Number],
     default: 400
   },
-  size: {
-    type: String,
-    default: "default"
-  },
+  size: useSizeProp,
   disabled: {
     type: Boolean,
     default: false
@@ -21584,6 +21581,14 @@ const batchProps = buildProps({
   labelValue: {
     type: Object,
     default: () => ({ label: "label", value: "value" })
+  },
+  rows: {
+    type: Number,
+    default: 50
+  },
+  needTag: {
+    type: Boolean,
+    default: false
   }
 });
 const batchEmits = {
@@ -21592,10 +21597,12 @@ const batchEmits = {
   search: (val) => val
 };
 
-const useBatch = (props) => {
+const useBatch = (props, useSize) => {
   const disabled = useFormDisabled();
+  const _size = useFormSize(computed$1(() => useSize));
   return {
     disabled,
+    _size,
     props
   };
 };
@@ -21610,12 +21617,16 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   ...__default__$1i,
   props: batchProps,
   emits: batchEmits,
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     var _a;
     const props = __props;
+    const useSize = reactive({
+      size: toRef(props, "size")
+    });
     const ns = useNamespace("batch");
-    const { disabled } = useBatch(props);
+    const { disabled, _size } = useBatch(props, useSize.size);
     const userAttrs = useAttrs$1();
+    const textareaRef = ref();
     const userAttrsCopy = reactive({ ...userAttrs });
     delete userAttrsCopy.size;
     delete userAttrsCopy.prefixIcon;
@@ -21644,6 +21655,34 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
         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];
+      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();
       nextTick(() => {
@@ -21684,9 +21723,12 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
       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;
       nextTick(() => {
         selectedLabel.value = selectRef.value.selectedLabel;
       });
@@ -21706,11 +21748,12 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
     const handleCloseTag = () => {
       tagShow.value = false;
     };
+    expose({
+      size: props.size
+    });
     return (_ctx, _cache) => {
-      const _component_el_tag = resolveComponent("el-tag");
-      const _component_el_tooltip = resolveComponent("el-tooltip");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).m(_ctx.size)]),
+        class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).m(unref(_size))]),
         style: normalizeStyle({ "max-width": _ctx.width + "px" })
       }, [
         createVNode(unref(ElInput), mergeProps({
@@ -21788,14 +21831,18 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 createVNode(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: normalizeClass(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: withKeys(handleEnterKey, ["enter"]),
+                  onInput: handleTextareaInput
+                }, null, 8, ["modelValue", "autosize", "class", "placeholder", "onKeydown"]),
                 createElementVNode("div", {
                   class: normalizeClass(unref(ns).e("controls"))
                 }, [
@@ -21842,23 +21889,14 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
         withDirectives(createElementVNode("div", {
           class: normalizeClass(unref(ns).e("tag"))
         }, [
-          createVNode(_component_el_tooltip, {
+          createVNode(unref(ElPopover), {
+            width: Number(_ctx.width) - selectWidth.value,
             "popper-class": unref(ns).e("batch-popper"),
             effect: "light",
             placement: "bottom-start"
           }, {
-            content: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(unref(ns).e("tag-content")),
-                style: normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(multipleSearchValue.value, (item) => {
-                  return openBlock(), createElementBlock("p", { key: item }, toDisplayString(item), 1);
-                }), 128))
-              ], 6)
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_el_tag, {
+            reference: withCtx(() => [
+              createVNode(unref(ElTag), {
                 closable: "",
                 onClose: handleCloseTag
               }, {
@@ -21868,8 +21906,23 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("tag-content")),
+                style: normalizeStyle({ "min-width": Number(_ctx.width) - selectWidth.value + "px" })
+              }, [
+                createVNode(unref(ElScrollbar), null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(multipleSearchValue.value, (item) => {
+                      return openBlock(), createElementBlock("p", { key: item }, toDisplayString(item), 1);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ], 6)
+            ]),
             _: 1
-          }, 8, ["popper-class"])
+          }, 8, ["width", "popper-class"])
         ], 2), [
           [vShow, tagShow.value]
         ])
@@ -27696,6 +27749,10 @@ var ElDshNodeContent = defineComponent({
       type: definePropType(Function),
       default: () => {
       }
+    },
+    node: {
+      type: Object,
+      required: true
     }
   },
   setup() {
@@ -27704,15 +27761,17 @@ var ElDshNodeContent = defineComponent({
       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 h$1("span", { class: ns.e("label") }, renderLabelFn ? renderLabelFn({ node, data }) : !onlyThis ? label : [
       h$1("div", { class: `${ns.namespace.value}-dsh-justify-between` }, [
         h$1("span", { class: `${ns.namespace.value}-dsh-cascader-node--label` }, label),
-        data.value !== "cascader-all" ? h$1("div", { class: "select-tag", onClick: this.onlyCheck }, [
+        data[value] !== "cascader-all" ? h$1("div", { class: "select-tag", onClick: this.onlyCheck }, [
           h$1("span", {}, "\u4EC5\u7B5B\u9009\u6B64\u9879")
         ]) : ""
       ])
@@ -27746,24 +27805,26 @@ const _sfc_main$1v = defineComponent({
   },
   emits: ["expand"],
   setup(props, { emit }) {
+    var _a;
     const panel = inject(DSH_CASCADER_PANEL_INJECTION_KEY);
     const ns = useNamespace("dsh-cascader-node");
     const isHoverMenu = computed$1(() => panel.isHoverMenu);
     const multiple = computed$1(() => panel.config.multiple);
     const checkStrictly = computed$1(() => panel.config.checkStrictly);
     const checkedNodeId = computed$1(() => {
-      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 = computed$1(() => props.node.DshIsDisabled);
     const DshIsLeaf = computed$1(() => props.node.DshIsLeaf);
     const expandable = computed$1(() => checkStrictly.value && !DshIsLeaf.value || !DshIsDisabled.value);
     const inExpandingPath = computed$1(() => isInPath(panel.expandingNode));
     const inCheckedPath = computed$1(() => 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)
@@ -27801,8 +27862,7 @@ const _sfc_main$1v = defineComponent({
       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;
       }
@@ -27813,8 +27873,7 @@ const _sfc_main$1v = defineComponent({
       }
     };
     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) {
@@ -27917,7 +27976,10 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
     }, 8, ["class"])) : createCommentVNode("v-if", true),
     createCommentVNode(" content "),
-    createVNode(_component_el_dsh_node_content, { "only-check": _ctx.onlyCheck }, null, 8, ["only-check"]),
+    createVNode(_component_el_dsh_node_content, {
+      "only-check": _ctx.onlyCheck,
+      node: _ctx.node
+    }, null, 8, ["only-check", "node"]),
     createCommentVNode(" postfix "),
     !_ctx.DshIsLeaf ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
       _ctx.node.loading ? (openBlock(), createBlock(_component_el_icon, {
@@ -28211,12 +28273,11 @@ class Store {
   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;
@@ -28273,7 +28334,8 @@ const DshDefaultProps = {
   children: "children",
   leaf: "leaf",
   disabled: "disabled",
-  hoverThreshold: 500
+  hoverThreshold: 500,
+  maxCollapseTags: 1
 };
 const DshUseCascaderConfig = (props) => {
   return computed$1(() => ({
@@ -28339,6 +28401,7 @@ const _sfc_main$1t = defineComponent({
     "confirm"
   ],
   setup(props, { emit, slots }) {
+    var _a;
     let manualChecked = false;
     const ns = useNamespace("dsh-cascader");
     const config = DshUseCascaderConfig(props);
@@ -28387,7 +28450,7 @@ const _sfc_main$1t = defineComponent({
       cfg.lazyLoad(node, resolve);
     };
     const expandNode = (node, silent) => {
-      var _a;
+      var _a2;
       const { level } = node;
       const newMenus = menus.value.slice(0, level);
       let newExpandingNode;
@@ -28397,7 +28460,7 @@ const _sfc_main$1t = defineComponent({
         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) || []);
@@ -28422,12 +28485,12 @@ const _sfc_main$1t = defineComponent({
       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;
@@ -28437,36 +28500,33 @@ const _sfc_main$1t = defineComponent({
       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;
@@ -28516,10 +28576,7 @@ const _sfc_main$1t = defineComponent({
       } 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");
       nextTick(scrollToExpandingNode);
     };
     const scrollToExpandingNode = () => {
@@ -48895,7 +48952,12 @@ function useEvent(props, emit) {
       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,