hzzt-plus 0.0.3 → 0.0.4

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
 /*! Hzzt Plus v0.0.1 */
 
-import { getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, useSlots, createCommentVNode, createTextVNode, toDisplayString, shallowRef, onBeforeUnmount, onBeforeMount, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, normalizeStyle, Transition, withDirectives, vShow, reactive, onUpdated, cloneVNode, Text, Comment, Teleport, readonly, onDeactivated, withKeys, toRaw, toRefs, watchEffect, resolveComponent, resolveDirective, toHandlerKey, renderList, vModelText, normalizeProps, guardReactiveProps } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, useSlots, createCommentVNode, createTextVNode, toDisplayString, shallowRef, onBeforeUnmount, onBeforeMount, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, normalizeStyle, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, readonly, onDeactivated, withKeys, toRaw, toRefs, watchEffect, resolveComponent, resolveDirective, toHandlerKey, renderList, vModelText, normalizeProps, guardReactiveProps } from 'vue';
 
 var _a;
 const isClient = typeof window !== "undefined";
@@ -12889,19 +12889,19 @@ var _export_sfc$1 = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$b = {
+const _hoisted_1$6 = {
   key: 0,
   class: "hzzt-title flex align-items-center"
 };
-const _hoisted_2$a = {
+const _hoisted_2$6 = {
   key: 0,
   class: "decorative-line"
 };
-const _hoisted_3$8 = { class: "label-name" };
+const _hoisted_3$6 = { class: "label-name" };
 const __default__$l = defineComponent({
   name: "HzztTitle"
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...__default__$l,
   props: {
     label: String,
@@ -12918,10 +12918,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
     });
     return (_ctx, _cache) => {
-      return unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-        __props.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$a)) : createCommentVNode("v-if", true),
+      return unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+        __props.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$6)) : createCommentVNode("v-if", true),
         renderSlot(_ctx.$slots, "before"),
-        createElementVNode("label", _hoisted_3$8, [
+        createElementVNode("label", _hoisted_3$6, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.label), 1)
           ])
@@ -12930,7 +12930,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Title = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "title.vue"]]);
+var Title = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "title.vue"]]);
 
 const HzztTitle = withInstall$1(Title);
 
@@ -13140,7 +13140,8 @@ var English = {
       confirm: "OK",
       clear: "Clear",
       defaultLabel: "color picker",
-      description: "current color is {color}. press enter to select a new color."
+      description: "current color is {color}. press enter to select a new color.",
+      alphaLabel: "pick alpha value"
     },
     datepicker: {
       now: "Now",
@@ -13219,6 +13220,9 @@ var English = {
       noData: "No data",
       placeholder: "Select"
     },
+    mention: {
+      loading: "Loading"
+    },
     dropdown: {
       toggleDropdown: "Toggle Dropdown"
     },
@@ -13698,7 +13702,7 @@ const usePopperContainer = () => {
   onBeforeMount(() => {
     if (!isClient)
       return;
-    if (!cachedContainer && !document.body.querySelector(selector.value)) {
+    if (!cachedContainer || !document.body.querySelector(selector.value)) {
       cachedContainer = createContainer(id.value);
     }
   });
@@ -13809,7 +13813,7 @@ const useZIndex = (zIndexOverrides) => {
 };
 
 function useCursor(input) {
-  const selectionRef = ref();
+  let selectionInfo;
   function recordCursor() {
     if (input.value == void 0)
       return;
@@ -13818,7 +13822,7 @@ function useCursor(input) {
       return;
     const beforeTxt = value.slice(0, Math.max(0, selectionStart));
     const afterTxt = value.slice(Math.max(0, selectionEnd));
-    selectionRef.value = {
+    selectionInfo = {
       selectionStart,
       selectionEnd,
       value,
@@ -13827,10 +13831,10 @@ function useCursor(input) {
     };
   }
   function setCursor() {
-    if (input.value == void 0 || selectionRef.value == void 0)
+    if (input.value == void 0 || selectionInfo == void 0)
       return;
     const { value } = input.value;
-    const { beforeTxt, afterTxt, selectionStart } = selectionRef.value;
+    const { beforeTxt, afterTxt, selectionStart } = selectionInfo;
     if (beforeTxt == void 0 || afterTxt == void 0 || selectionStart == void 0)
       return;
     let startPos = value.length;
@@ -13863,13 +13867,19 @@ const useGlobalSize = () => {
   });
 };
 
-function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {}) {
+function useFocusController(target, {
+  beforeFocus,
+  afterFocus,
+  beforeBlur,
+  afterBlur
+} = {}) {
   const instance = getCurrentInstance();
   const { emit } = instance;
   const wrapperRef = shallowRef();
   const isFocused = ref(false);
   const handleFocus = (event) => {
-    if (isFocused.value)
+    const cancelFocus = isFunction$1(beforeFocus) ? beforeFocus(event) : false;
+    if (cancelFocus || isFocused.value)
       return;
     isFocused.value = true;
     emit("focus", event);
@@ -13885,23 +13895,62 @@ function useFocusController(target, { afterFocus, beforeBlur, afterBlur } = {})
     afterBlur == null ? void 0 : afterBlur();
   };
   const handleClick = () => {
-    var _a;
-    (_a = target.value) == null ? void 0 : _a.focus();
+    var _a, _b;
+    if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement)
+      return;
+    (_b = target.value) == null ? void 0 : _b.focus();
   };
   watch(wrapperRef, (el) => {
     if (el) {
       el.setAttribute("tabindex", "-1");
     }
   });
-  useEventListener(wrapperRef, "click", handleClick);
+  useEventListener(wrapperRef, "focus", handleFocus, true);
+  useEventListener(wrapperRef, "blur", handleBlur, true);
+  useEventListener(wrapperRef, "click", handleClick, true);
   return {
-    wrapperRef,
     isFocused,
+    wrapperRef,
     handleFocus,
     handleBlur
   };
 }
 
+function useComposition({
+  afterComposition,
+  emit
+}) {
+  const isComposing = ref(false);
+  const handleCompositionStart = (event) => {
+    emit == null ? void 0 : emit("compositionstart", event);
+    isComposing.value = true;
+  };
+  const handleCompositionUpdate = (event) => {
+    var _a;
+    emit == null ? void 0 : emit("compositionupdate", event);
+    const text = (_a = event.target) == null ? void 0 : _a.value;
+    const lastCharacter = text[text.length - 1] || "";
+    isComposing.value = !isKorean(lastCharacter);
+  };
+  const handleCompositionEnd = (event) => {
+    emit == null ? void 0 : emit("compositionend", event);
+    if (isComposing.value) {
+      isComposing.value = false;
+      nextTick(() => afterComposition(event));
+    }
+  };
+  const handleComposition = (event) => {
+    event.type === "compositionend" ? handleCompositionEnd(event) : handleCompositionUpdate(event);
+  };
+  return {
+    isComposing,
+    handleComposition,
+    handleCompositionStart,
+    handleCompositionUpdate,
+    handleCompositionEnd
+  };
+}
+
 const emptyValuesContextKey = Symbol("emptyValuesContextKey");
 const DEFAULT_EMPTY_VALUES = ["", void 0, null];
 const DEFAULT_VALUE_ON_CLEAR = void 0;
@@ -13987,7 +14036,7 @@ const __default__$k = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$k,
   props: iconProps,
   setup(__props) {
@@ -14012,7 +14061,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "icon.vue"]]);
 
 const ElIcon = withInstall(Icon);
 
@@ -14221,10 +14270,6 @@ const inputProps = buildProps({
     type: String,
     default: void 0
   },
-  label: {
-    type: String,
-    default: void 0
-  },
   tabindex: {
     type: [String, Number],
     default: 0
@@ -14259,14 +14304,11 @@ const inputEmits = {
   compositionend: (evt) => evt instanceof CompositionEvent
 };
 
-const _hoisted_1$a = ["role"];
-const _hoisted_2$9 = ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus"];
-const _hoisted_3$7 = ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows"];
 const __default__$j = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...__default__$j,
   props: inputProps,
   emits: inputEmits,
@@ -14317,12 +14359,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const input = shallowRef();
     const textarea = shallowRef();
     const hovering = ref(false);
-    const isComposing = ref(false);
     const passwordVisible = ref(false);
     const countStyle = ref();
     const textareaCalcStyle = shallowRef(props.inputStyle);
     const _ref = computed(() => input.value || textarea.value);
     const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
+      beforeFocus() {
+        return inputDisabled.value;
+      },
       afterBlur() {
         var _a;
         if (props.validateEvent) {
@@ -14427,24 +14471,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const handleChange = (event) => {
       emit("change", event.target.value);
     };
-    const handleCompositionStart = (event) => {
-      emit("compositionstart", event);
-      isComposing.value = true;
-    };
-    const handleCompositionUpdate = (event) => {
-      var _a;
-      emit("compositionupdate", event);
-      const text = (_a = event.target) == null ? void 0 : _a.value;
-      const lastCharacter = text[text.length - 1] || "";
-      isComposing.value = !isKorean(lastCharacter);
-    };
-    const handleCompositionEnd = (event) => {
-      emit("compositionend", event);
-      if (isComposing.value) {
-        isComposing.value = false;
-        handleInput(event);
-      }
-    };
+    const {
+      isComposing,
+      handleCompositionStart,
+      handleCompositionUpdate,
+      handleCompositionEnd
+    } = useComposition({ emit, afterComposition: handleInput });
     const handlePasswordVisible = () => {
       passwordVisible.value = !passwordVisible.value;
       focus();
@@ -14497,19 +14529,13 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       setNativeInputValue();
       nextTick(resizeTextarea);
     });
-    useDeprecated({
-      from: "label",
-      replacement: "aria-label",
-      version: "2.8.0",
-      scope: "el-input",
-      ref: "https://element-plus.org/en-US/component/input.html"
-    }, computed(() => !!props.label));
     expose({
       input,
       textarea,
       ref: _ref,
       textareaStyle,
       autosize: toRef(props, "autosize"),
+      isComposing,
       focus,
       blur,
       select,
@@ -14577,20 +14603,18 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               readonly: _ctx.readonly,
               autocomplete: _ctx.autocomplete,
               tabindex: _ctx.tabindex,
-              "aria-label": _ctx.label || _ctx.ariaLabel,
+              "aria-label": _ctx.ariaLabel,
               placeholder: _ctx.placeholder,
               style: _ctx.inputStyle,
               form: _ctx.form,
               autofocus: _ctx.autofocus,
-              onCompositionstart: handleCompositionStart,
-              onCompositionupdate: handleCompositionUpdate,
-              onCompositionend: handleCompositionEnd,
+              onCompositionstart: unref(handleCompositionStart),
+              onCompositionupdate: unref(handleCompositionUpdate),
+              onCompositionend: unref(handleCompositionEnd),
               onInput: handleInput,
-              onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
-              onBlur: _cache[1] || (_cache[1] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, _hoisted_2$9),
+            }), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -14678,31 +14702,31 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             readonly: _ctx.readonly,
             autocomplete: _ctx.autocomplete,
             style: unref(textareaStyle),
-            "aria-label": _ctx.label || _ctx.ariaLabel,
+            "aria-label": _ctx.ariaLabel,
             placeholder: _ctx.placeholder,
             form: _ctx.form,
             autofocus: _ctx.autofocus,
             rows: _ctx.rows,
-            onCompositionstart: handleCompositionStart,
-            onCompositionupdate: handleCompositionUpdate,
-            onCompositionend: handleCompositionEnd,
+            onCompositionstart: unref(handleCompositionStart),
+            onCompositionupdate: unref(handleCompositionUpdate),
+            onCompositionend: unref(handleCompositionEnd),
             onInput: handleInput,
-            onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
-            onBlur: _cache[3] || (_cache[3] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
+            onFocus: unref(handleFocus),
+            onBlur: unref(handleBlur),
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, _hoisted_3$7),
+          }), null, 16, ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
           unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
             key: 0,
             style: normalizeStyle(countStyle.value),
             class: normalizeClass(unref(nsInput).e("count"))
           }, toDisplayString(unref(textLength)) + " / " + toDisplayString(_ctx.maxlength), 7)) : createCommentVNode("v-if", true)
         ], 64))
-      ], 16, _hoisted_1$a);
+      ], 16, ["role"]);
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14752,7 +14776,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$2 = "Thumb";
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14871,7 +14895,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14884,7 +14908,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14942,7 +14966,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -14998,7 +15022,7 @@ const COMPONENT_NAME$1 = "ElScrollbar";
 const __default__$i = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__$i,
   props: scrollbarProps,
   emits: scrollbarEmits,
@@ -15007,6 +15031,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("scrollbar");
     let stopResizeObserver = void 0;
     let stopResizeListener = void 0;
+    let wrapScrollTop = 0;
+    let wrapScrollLeft = 0;
     const scrollbarRef = ref();
     const wrapRef = ref();
     const resizeRef = ref();
@@ -15033,6 +15059,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       var _a;
       if (wrapRef.value) {
         (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
+        wrapScrollTop = wrapRef.value.scrollTop;
+        wrapScrollLeft = wrapRef.value.scrollLeft;
         emit("scroll", {
           scrollTop: wrapRef.value.scrollTop,
           scrollLeft: wrapRef.value.scrollLeft
@@ -15085,6 +15113,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       scrollbarElement: scrollbarRef,
       wrapElement: wrapRef
     }));
+    onActivated(() => {
+      wrapRef.value.scrollTop = wrapScrollTop;
+      wrapRef.value.scrollLeft = wrapScrollLeft;
+    });
     onMounted(() => {
       if (!props.native)
         nextTick(() => {
@@ -15140,7 +15172,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 
@@ -15169,7 +15201,7 @@ const __default__$h = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__$h,
   props: popperProps,
   setup(__props, { expose }) {
@@ -15193,7 +15225,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -15206,7 +15238,7 @@ const __default__$g = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$g,
   props: popperArrowProps,
   setup(__props, { expose }) {
@@ -15233,7 +15265,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "arrow.vue"]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -15324,7 +15356,7 @@ const __default__$f = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$f,
   props: popperTriggerProps,
   setup(__props, { expose }) {
@@ -15350,6 +15382,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       return ariaHaspopup.value ? `${props.open}` : void 0;
     });
     let virtualTriggerAriaStopWatch = void 0;
+    const TRIGGER_ELE_EVENTS = [
+      "onMouseenter",
+      "onMouseleave",
+      "onClick",
+      "onKeydown",
+      "onFocus",
+      "onBlur",
+      "onContextmenu"
+    ];
     onMounted(() => {
       watch(() => props.virtualRef, (virtualEl) => {
         if (virtualEl) {
@@ -15362,15 +15403,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
         virtualTriggerAriaStopWatch = void 0;
         if (isElement(el)) {
-          [
-            "onMouseenter",
-            "onMouseleave",
-            "onClick",
-            "onKeydown",
-            "onFocus",
-            "onBlur",
-            "onContextmenu"
-          ].forEach((eventName) => {
+          TRIGGER_ELE_EVENTS.forEach((eventName) => {
             var _a;
             const handler = props[eventName];
             if (handler) {
@@ -15404,6 +15437,16 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       virtualTriggerAriaStopWatch == null ? void 0 : virtualTriggerAriaStopWatch();
       virtualTriggerAriaStopWatch = void 0;
+      if (triggerRef.value && isElement(triggerRef.value)) {
+        const el = triggerRef.value;
+        TRIGGER_ELE_EVENTS.forEach((eventName) => {
+          const handler = props[eventName];
+          if (handler) {
+            el.removeEventListener(eventName.slice(2).toLowerCase(), handler);
+          }
+        });
+        triggerRef.value = void 0;
+      }
     });
     expose({
       triggerRef
@@ -15423,7 +15466,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15573,7 +15616,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$k = defineComponent({
+const _sfc_main$l = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15803,6 +15846,12 @@ const _sfc_main$k = defineComponent({
       if (props.trapped) {
         stopTrap();
       }
+      if (forwardRef.value) {
+        forwardRef.value.removeEventListener("keydown", onKeydown);
+        forwardRef.value.removeEventListener("focusin", onFocusIn);
+        forwardRef.value.removeEventListener("focusout", onFocusOut);
+        forwardRef.value = void 0;
+      }
     });
     return {
       onKeydown
@@ -15812,7 +15861,7 @@ const _sfc_main$k = defineComponent({
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$4], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -16103,7 +16152,7 @@ const usePopperContentFocusTrap = (props, emit) => {
 const __default__$e = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$e,
   props: popperContentProps,
   emits: popperContentEmits,
@@ -16197,8 +16246,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         style: unref(contentStyle),
         class: unref(contentClass),
         tabindex: "-1",
-        onMouseenter: _cache[0] || (_cache[0] = (e) => _ctx.$emit("mouseenter", e)),
-        onMouseleave: _cache[1] || (_cache[1] = (e) => _ctx.$emit("mouseleave", e))
+        onMouseenter: (e) => _ctx.$emit("mouseenter", e),
+        onMouseleave: (e) => _ctx.$emit("mouseleave", e)
       }), [
         createVNode(unref(ElFocusTrap), {
           trapped: unref(trapped),
@@ -16216,11 +16265,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusin", "onFocusoutPrevented", "onReleaseRequested"])
-      ], 16);
+      ], 16, ["onMouseenter", "onMouseleave"]);
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
@@ -16305,7 +16354,7 @@ const whenTrigger = (trigger, type, handler) => {
 const __default__$d = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...__default__$d,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
@@ -16365,7 +16414,33 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "trigger.vue"]]);
+
+const teleportProps = buildProps({
+  to: {
+    type: definePropType([String, Object]),
+    required: true
+  },
+  disabled: Boolean
+});
+
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "teleport",
+  props: teleportProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(Teleport$1, {
+        key: 1,
+        to: _ctx.to
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, ["to"]));
+    };
+  }
+});
+var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "teleport.vue"]]);
+
+const ElTeleport = withInstall(Teleport);
 
 const __default__$c = defineComponent({
   name: "ElTooltipContent",
@@ -16379,7 +16454,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const { selector } = usePopperContainerId();
     const ns = useNamespace("tooltip");
     const contentRef = ref(null);
-    const destroyed = ref(false);
+    let stopHandle;
     const {
       controlled,
       id,
@@ -16399,7 +16474,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return props.persistent;
     });
     onBeforeUnmount(() => {
-      destroyed.value = true;
+      stopHandle == null ? void 0 : stopHandle();
     });
     const shouldRender = computed(() => {
       return unref(persistentRef) ? true : unref(open);
@@ -16459,7 +16534,6 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         onClose();
       }
     };
-    let stopHandle;
     watch(() => unref(open), (val) => {
       if (!val) {
         stopHandle == null ? void 0 : stopHandle();
@@ -16475,65 +16549,66 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       contentRef
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
+      return openBlock(), createBlock(unref(ElTeleport), {
         disabled: !_ctx.teleported,
         to: unref(appendTo)
-      }, [
-        createVNode(Transition, {
-          name: unref(transitionClass),
-          onAfterLeave: onTransitionLeave,
-          onBeforeEnter,
-          onAfterEnter: onAfterShow,
-          onBeforeLeave
-        }, {
-          default: withCtx(() => [
-            unref(shouldRender) ? withDirectives((openBlock(), createBlock(unref(ElPopperContent), mergeProps({
-              key: 0,
-              id: unref(id),
-              ref_key: "contentRef",
-              ref: contentRef
-            }, _ctx.$attrs, {
-              "aria-label": _ctx.ariaLabel,
-              "aria-hidden": unref(ariaHidden),
-              "boundaries-padding": _ctx.boundariesPadding,
-              "fallback-placements": _ctx.fallbackPlacements,
-              "gpu-acceleration": _ctx.gpuAcceleration,
-              offset: _ctx.offset,
-              placement: _ctx.placement,
-              "popper-options": _ctx.popperOptions,
-              strategy: _ctx.strategy,
-              effect: _ctx.effect,
-              enterable: _ctx.enterable,
-              pure: _ctx.pure,
-              "popper-class": _ctx.popperClass,
-              "popper-style": [_ctx.popperStyle, unref(contentStyle)],
-              "reference-el": _ctx.referenceEl,
-              "trigger-target-el": _ctx.triggerTargetEl,
-              visible: unref(shouldShow),
-              "z-index": _ctx.zIndex,
-              onMouseenter: unref(onContentEnter),
-              onMouseleave: unref(onContentLeave),
-              onBlur,
-              onClose: unref(onClose)
-            }), {
-              default: withCtx(() => [
-                !destroyed.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
-              ]),
-              _: 3
-            }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
-              [vShow, unref(shouldShow)]
-            ]) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ], 8, ["disabled", "to"]);
+      }, {
+        default: withCtx(() => [
+          createVNode(Transition, {
+            name: unref(transitionClass),
+            onAfterLeave: onTransitionLeave,
+            onBeforeEnter,
+            onAfterEnter: onAfterShow,
+            onBeforeLeave
+          }, {
+            default: withCtx(() => [
+              unref(shouldRender) ? withDirectives((openBlock(), createBlock(unref(ElPopperContent), mergeProps({
+                key: 0,
+                id: unref(id),
+                ref_key: "contentRef",
+                ref: contentRef
+              }, _ctx.$attrs, {
+                "aria-label": _ctx.ariaLabel,
+                "aria-hidden": unref(ariaHidden),
+                "boundaries-padding": _ctx.boundariesPadding,
+                "fallback-placements": _ctx.fallbackPlacements,
+                "gpu-acceleration": _ctx.gpuAcceleration,
+                offset: _ctx.offset,
+                placement: _ctx.placement,
+                "popper-options": _ctx.popperOptions,
+                strategy: _ctx.strategy,
+                effect: _ctx.effect,
+                enterable: _ctx.enterable,
+                pure: _ctx.pure,
+                "popper-class": _ctx.popperClass,
+                "popper-style": [_ctx.popperStyle, unref(contentStyle)],
+                "reference-el": _ctx.referenceEl,
+                "trigger-target-el": _ctx.triggerTargetEl,
+                visible: unref(shouldShow),
+                "z-index": _ctx.zIndex,
+                onMouseenter: unref(onContentEnter),
+                onMouseleave: unref(onContentLeave),
+                onBlur,
+                onClose: unref(onClose)
+              }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
+                [vShow, unref(shouldShow)]
+              ]) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"]);
     };
   }
 });
 var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "content.vue"]]);
 
-const _hoisted_1$9 = ["innerHTML"];
-const _hoisted_2$8 = { key: 1 };
 const __default__$b = defineComponent({
   name: "ElTooltip"
 });
@@ -16675,7 +16750,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 _ctx.rawContent ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.content
-                }, null, 8, _hoisted_1$9)) : (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(_ctx.content), 1))
+                }, null, 8, ["innerHTML"])) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.content), 1))
               ]),
               _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), {
                 key: 0,
@@ -16740,6 +16815,10 @@ const useButton = (props, emit) => {
     return false;
   });
   const handleClick = (evt) => {
+    if (_disabled.value || props.loading) {
+      evt.stopPropagation();
+      return;
+    }
     if (props.nativeType === "reset") {
       form == null ? void 0 : form.resetFields();
     }
@@ -17860,14 +17939,17 @@ const ElButton = withInstall(Button, {
 withNoopInstall(ButtonGroup);
 
 const nodeList$1 = /* @__PURE__ */ new Map();
-let startClick;
 if (isClient) {
+  let startClick;
   document.addEventListener("mousedown", (e) => startClick = e);
   document.addEventListener("mouseup", (e) => {
-    for (const handlers of nodeList$1.values()) {
-      for (const { documentHandler } of handlers) {
-        documentHandler(e, startClick);
+    if (startClick) {
+      for (const handlers of nodeList$1.values()) {
+        for (const { documentHandler } of handlers) {
+          documentHandler(e, startClick);
+        }
       }
+      startClick = void 0;
     }
   });
 }
@@ -18016,6 +18098,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const handleClick = (event) => {
       emit("click", event);
     };
+    const handleVNodeMounted = (vnode) => {
+      vnode.component.subTree.component.bum = null;
+    };
     return (_ctx, _cache) => {
       return _ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
         key: 0,
@@ -18041,7 +18126,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       ], 6)) : (openBlock(), createBlock(Transition, {
         key: 1,
         name: `${unref(ns).namespace.value}-zoom-in-center`,
-        appear: ""
+        appear: "",
+        onVnodeMounted: handleVNodeMounted
       }, {
         default: withCtx(() => [
           createElementVNode("span", {
@@ -18112,7 +18198,6 @@ const inputNumberProps = buildProps({
     default: null
   },
   name: String,
-  label: String,
   placeholder: String,
   precision: {
     type: Number,
@@ -18132,8 +18217,6 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const _hoisted_1$8 = ["aria-label", "onKeydown"];
-const _hoisted_2$7 = ["aria-label", "onKeydown"];
 const __default__$7 = defineComponent({
   name: "ElInputNumber"
 });
@@ -18362,13 +18445,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const innerInput = (_a = input.value) == null ? void 0 : _a.input;
       innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${(_b = data.currentValue) != null ? _b : ""}`);
     });
-    useDeprecated({
-      from: "label",
-      replacement: "aria-label",
-      version: "2.8.0",
-      scope: "el-input-number",
-      ref: "https://element-plus.org/en-US/component/input-number.html"
-    }, computed(() => !!props.label));
     expose({
       focus,
       blur
@@ -18382,8 +18458,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           unref(ns).is("without-controls", !_ctx.controls),
           unref(ns).is("controls-right", unref(controlsAtRight))
         ]),
-        onDragstart: _cache[0] || (_cache[0] = withModifiers(() => {
-        }, ["prevent"]))
+        onDragstart: withModifiers(() => {
+        }, ["prevent"])
       }, [
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
           key: 0,
@@ -18400,7 +18476,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               _: 1
             })
           ])
-        ], 42, _hoisted_1$8)), [
+        ], 42, ["aria-label", "onKeydown"])), [
           [unref(vRepeatClick), decrease]
         ]) : createCommentVNode("v-if", true),
         _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
@@ -18418,7 +18494,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               _: 1
             })
           ])
-        ], 42, _hoisted_2$7)), [
+        ], 42, ["aria-label", "onKeydown"])), [
           [unref(vRepeatClick), increase]
         ]) : createCommentVNode("v-if", true),
         createVNode(unref(ElInput), {
@@ -18435,7 +18511,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           max: _ctx.max,
           min: _ctx.min,
           name: _ctx.name,
-          "aria-label": _ctx.label || _ctx.ariaLabel,
+          "aria-label": _ctx.ariaLabel,
           "validate-event": false,
           onKeydown: [
             withKeys(withModifiers(increase, ["prevent"]), ["up"]),
@@ -18446,7 +18522,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           onInput: handleInput,
           onChange: handleInputChange
         }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
-      ], 34);
+      ], 42, ["onDragstart"]);
     };
   }
 });
@@ -18461,15 +18537,12 @@ function useOption(props, states) {
   const select = inject(selectKey);
   const selectGroup = inject(selectGroupKey, { disabled: false });
   const itemSelected = computed(() => {
-    if (select.props.multiple) {
-      return contains(select.props.modelValue, props.value);
-    } else {
-      return contains([select.props.modelValue], props.value);
-    }
+    return contains(castArray(select.props.modelValue), props.value);
   });
   const limitReached = computed(() => {
+    var _a;
     if (select.props.multiple) {
-      const modelValue = select.props.modelValue || [];
+      const modelValue = castArray((_a = select.props.modelValue) != null ? _a : []);
       return !itemSelected.value && modelValue.length >= select.props.multipleLimit && select.props.multipleLimit > 0;
     } else {
       return false;
@@ -18510,7 +18583,7 @@ function useOption(props, states) {
   });
   watch(() => props.value, (val, oldVal) => {
     const { remote, valueKey } = select.props;
-    if (!isEqual(val, oldVal)) {
+    if (val !== oldVal) {
       select.onOptionDestroy(oldVal, instance.proxy);
       select.onOptionCreate(instance.proxy);
     }
@@ -18588,7 +18661,7 @@ const _sfc_main$b = defineComponent({
       select.onOptionDestroy(key, vm);
     });
     function selectOptionClick() {
-      if (props.disabled !== true && states.groupDisabled !== true) {
+      if (!isDisabled.value) {
         select.handleOptionSelect(vm);
       }
     }
@@ -18609,7 +18682,6 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["id", "aria-disabled", "aria-selected"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     id: _ctx.id,
@@ -18617,13 +18689,13 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     role: "option",
     "aria-disabled": _ctx.isDisabled || void 0,
     "aria-selected": _ctx.itemSelected,
-    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+    onMouseenter: _ctx.hoverItem,
+    onClick: withModifiers(_ctx.selectOptionClick, ["stop"])
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
     ])
-  ], 42, _hoisted_1$7)), [
+  ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
     [vShow, _ctx.visible]
   ]);
 }
@@ -18678,31 +18750,6 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var ElSelectMenu = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$2], ["__file", "select-dropdown.vue"]]);
 
-function useInput(handleInput) {
-  const isComposing = ref(false);
-  const handleCompositionStart = () => {
-    isComposing.value = true;
-  };
-  const handleCompositionUpdate = (event) => {
-    const text = event.target.value;
-    const lastCharacter = text[text.length - 1] || "";
-    isComposing.value = !isKorean(lastCharacter);
-  };
-  const handleCompositionEnd = (event) => {
-    if (isComposing.value) {
-      isComposing.value = false;
-      if (isFunction$1(handleInput)) {
-        handleInput(event);
-      }
-    }
-  };
-  return {
-    handleCompositionStart,
-    handleCompositionUpdate,
-    handleCompositionEnd
-  };
-}
-
 const MINIMUM_INPUT_WIDTH = 11;
 const useSelect = (props, emit) => {
   const { t } = useLocale();
@@ -18715,7 +18762,7 @@ const useSelect = (props, emit) => {
     cachedOptions: /* @__PURE__ */ new Map(),
     disabledOptions: /* @__PURE__ */ new Map(),
     optionValues: [],
-    selected: props.multiple ? [] : {},
+    selected: [],
     selectionWidth: 0,
     calculatorWidth: 0,
     collapseItemWidth: 0,
@@ -18738,7 +18785,18 @@ const useSelect = (props, emit) => {
   const tagMenuRef = ref(null);
   const collapseItemRef = ref(null);
   const scrollbarRef = ref(null);
-  const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
+  const {
+    isComposing,
+    handleCompositionStart,
+    handleCompositionUpdate,
+    handleCompositionEnd
+  } = useComposition({
+    afterComposition: (e) => onInput(e)
+  });
+  const { wrapperRef, isFocused } = useFocusController(inputRef, {
+    beforeFocus() {
+      return selectDisabled.value;
+    },
     afterFocus() {
       if (props.automaticDropdown && !expanded.value) {
         expanded.value = true;
@@ -18763,7 +18821,7 @@ const useSelect = (props, emit) => {
   const { valueOnClear, isEmptyValue } = useEmptyValues(props);
   const selectDisabled = computed(() => props.disabled || (form == null ? void 0 : form.disabled));
   const hasModelValue = computed(() => {
-    return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
+    return isArray$1(props.modelValue) ? props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
   });
   const showClose = computed(() => {
     return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
@@ -18830,10 +18888,11 @@ const useSelect = (props, emit) => {
     }
   });
   const shouldShowPlaceholder = computed(() => {
-    if (isArray$1(props.modelValue)) {
-      return props.modelValue.length === 0 && !states.inputValue;
+    if (props.multiple && !isUndefined(props.modelValue)) {
+      return castArray(props.modelValue).length === 0 && !states.inputValue;
     }
-    return props.filterable ? !states.inputValue : true;
+    const value = isArray$1(props.modelValue) ? props.modelValue[0] : props.modelValue;
+    return props.filterable || isUndefined(value) ? !states.inputValue : true;
   });
   const currentPlaceholder = computed(() => {
     var _a;
@@ -18896,7 +18955,7 @@ const useSelect = (props, emit) => {
     updateOptions();
   });
   const handleQueryChange = (val) => {
-    if (states.previousQuery === val) {
+    if (states.previousQuery === val || isComposing.value) {
       return;
     }
     states.previousQuery = val;
@@ -18919,16 +18978,17 @@ const useSelect = (props, emit) => {
   };
   const setSelected = () => {
     if (!props.multiple) {
-      const option = getOption(props.modelValue);
+      const value = isArray$1(props.modelValue) ? props.modelValue[0] : props.modelValue;
+      const option = getOption(value);
       states.selectedLabel = option.currentLabel;
-      states.selected = option;
+      states.selected = [option];
       return;
     } else {
       states.selectedLabel = "";
     }
     const result = [];
-    if (isArray$1(props.modelValue)) {
-      props.modelValue.forEach((value) => {
+    if (!isUndefined(props.modelValue)) {
+      castArray(props.modelValue).forEach((value) => {
         result.push(getOption(value));
       });
     }
@@ -18963,13 +19023,7 @@ const useSelect = (props, emit) => {
     return newOption;
   };
   const updateHoveringIndex = () => {
-    if (!props.multiple) {
-      states.hoveringIndex = optionsArray.value.findIndex((item) => {
-        return getValueKey(item) === getValueKey(states.selected);
-      });
-    } else {
-      states.hoveringIndex = optionsArray.value.findIndex((item) => states.selected.some((selected) => getValueKey(selected) === getValueKey(item)));
-    }
+    states.hoveringIndex = optionsArray.value.findIndex((item) => states.selected.some((selected) => getValueKey(selected) === getValueKey(item)));
   };
   const resetSelectionWidth = () => {
     states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
@@ -19017,7 +19071,7 @@ const useSelect = (props, emit) => {
     if (e.code === EVENT_CODE.delete)
       return;
     if (e.target.value.length <= 0) {
-      const value = props.modelValue.slice();
+      const value = castArray(props.modelValue).slice();
       const lastNotDisabledIndex = getLastNotDisabledIndex(value);
       if (lastNotDisabledIndex < 0)
         return;
@@ -19031,7 +19085,7 @@ const useSelect = (props, emit) => {
   const deleteTag = (event, tag) => {
     const index = states.selected.indexOf(tag);
     if (index > -1 && !selectDisabled.value) {
-      const value = props.modelValue.slice();
+      const value = castArray(props.modelValue).slice();
       value.splice(index, 1);
       emit(UPDATE_MODEL_EVENT, value);
       emitChange(value);
@@ -19057,8 +19111,9 @@ const useSelect = (props, emit) => {
     focus();
   };
   const handleOptionSelect = (option) => {
+    var _a;
     if (props.multiple) {
-      const value = (props.modelValue || []).slice();
+      const value = castArray((_a = props.modelValue) != null ? _a : []).slice();
       const optionIndex = getValueIndex(value, option.value);
       if (optionIndex > -1) {
         value.splice(optionIndex, 1);
@@ -19127,11 +19182,6 @@ const useSelect = (props, emit) => {
       states.options.delete(key);
     }
   };
-  const {
-    handleCompositionStart,
-    handleCompositionUpdate,
-    handleCompositionEnd
-  } = useInput((e) => onInput(e));
   const popperRef = computed(() => {
     var _a, _b;
     return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
@@ -19145,17 +19195,15 @@ const useSelect = (props, emit) => {
     (_a = inputRef.value) == null ? void 0 : _a.focus();
   };
   const blur = () => {
-    handleClickOutside();
+    var _a;
+    (_a = inputRef.value) == null ? void 0 : _a.blur();
   };
   const handleClearClick = (event) => {
     deleteSelected(event);
   };
-  const handleClickOutside = (event) => {
+  const handleClickOutside = () => {
     expanded.value = false;
-    if (isFocused.value) {
-      const _event = new FocusEvent("focus", event);
-      nextTick(() => handleBlur(_event));
-    }
+    isFocused.value && blur();
   };
   const handleEsc = () => {
     if (states.inputValue.length > 0) {
@@ -19205,7 +19253,7 @@ const useSelect = (props, emit) => {
       expanded.value = true;
       return;
     }
-    if (states.options.size === 0 || filteredOptionsCount.value === 0)
+    if (states.options.size === 0 || states.filteredOptionsCount === 0 || isComposing.value)
       return;
     if (!optionsAllDisabled.value) {
       if (direction === "next") {
@@ -19243,12 +19291,6 @@ const useSelect = (props, emit) => {
   const inputStyle = computed(() => ({
     width: `${Math.max(states.calculatorWidth, MINIMUM_INPUT_WIDTH)}px`
   }));
-  if (props.multiple && !isArray$1(props.modelValue)) {
-    emit(UPDATE_MODEL_EVENT, []);
-  }
-  if (!props.multiple && isArray$1(props.modelValue)) {
-    emit(UPDATE_MODEL_EVENT, "");
-  }
   useResizeObserver(selectionRef, resetSelectionWidth);
   useResizeObserver(calculatorRef, resetCalculatorWidth);
   useResizeObserver(menuRef, updateTooltip);
@@ -19301,10 +19343,8 @@ const useSelect = (props, emit) => {
     onOptionCreate,
     onOptionDestroy,
     handleMenuEnter,
-    handleFocus,
     focus,
     blur,
-    handleBlur,
     handleClearClick,
     handleClickOutside,
     handleEsc,
@@ -19471,7 +19511,6 @@ const _sfc_main$9 = defineComponent({
   name: COMPONENT_NAME,
   componentName: COMPONENT_NAME,
   components: {
-    ElInput,
     ElSelectMenu,
     ElOption: Option,
     ElOptions,
@@ -19492,9 +19531,21 @@ const _sfc_main$9 = defineComponent({
     "blur"
   ],
   setup(props, { emit }) {
-    const API = useSelect(props, emit);
+    const modelValue = computed(() => {
+      const { modelValue: rawModelValue, multiple } = props;
+      const fallback = multiple ? [] : void 0;
+      if (isArray$1(rawModelValue)) {
+        return multiple ? rawModelValue : fallback;
+      }
+      return multiple ? fallback : rawModelValue;
+    });
+    const _props = reactive({
+      ...toRefs(props),
+      modelValue
+    });
+    const API = useSelect(_props, emit);
     provide(selectKey, reactive({
-      props,
+      props: _props,
       states: API.states,
       optionsArray: API.optionsArray,
       handleOptionSelect: API.handleOptionSelect,
@@ -19504,13 +19555,11 @@ const _sfc_main$9 = defineComponent({
       setSelected: API.setSelected
     }));
     return {
-      ...API
+      ...API,
+      modelValue
     };
   }
 });
-const _hoisted_1$6 = ["id", "name", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"];
-const _hoisted_2$6 = ["textContent"];
-const _hoisted_3$6 = { key: 1 };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -19523,9 +19572,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
     ref: "selectRef",
     class: normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-    [toHandlerKey(_ctx.mouseEnterEventName)]: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
-    onMouseleave: _cache[17] || (_cache[17] = ($event) => _ctx.states.inputHovering = false),
-    onClick: _cache[18] || (_cache[18] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["prevent", "stop"]))
+    [toHandlerKey(_ctx.mouseEnterEventName)]: ($event) => _ctx.states.inputHovering = true,
+    onMouseleave: ($event) => _ctx.states.inputHovering = false
   }, [
     createVNode(_component_el_tooltip, {
       ref: "tooltipRef",
@@ -19543,7 +19591,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       "gpu-acceleration": false,
       persistent: _ctx.persistent,
       onBeforeShow: _ctx.handleMenuEnter,
-      onHide: _cache[15] || (_cache[15] = ($event) => _ctx.states.isBeforeHide = false)
+      onHide: ($event) => _ctx.states.isBeforeHide = false
     }, {
       default: withCtx(() => {
         var _a;
@@ -19556,7 +19604,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
               _ctx.nsSelect.is("filterable", _ctx.filterable),
               _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-            ])
+            ]),
+            onClick: withModifiers(_ctx.toggleMenu, ["prevent"])
           }, [
             _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -19685,7 +19734,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 withDirectives(createElementVNode("input", {
                   id: _ctx.inputId,
                   ref: "inputRef",
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
+                  "onUpdate:modelValue": ($event) => _ctx.states.inputValue = $event,
                   type: "text",
                   name: _ctx.name,
                   class: normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
@@ -19701,21 +19750,19 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   "aria-label": _ctx.ariaLabel,
                   "aria-autocomplete": "none",
                   "aria-haspopup": "listbox",
-                  onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                  onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
                   onKeydown: [
-                    _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-                    _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
-                    _cache[5] || (_cache[5] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-                    _cache[6] || (_cache[6] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
-                    _cache[7] || (_cache[7] = withKeys(withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"]))
+                    withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"]),
+                    withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"]),
+                    withKeys(withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
+                    withKeys(withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
+                    withKeys(withModifiers(_ctx.deletePrevTag, ["stop"]), ["delete"])
                   ],
-                  onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                  onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                  onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                  onInput: _cache[11] || (_cache[11] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                  onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
-                }, null, 46, _hoisted_1$6), [
+                  onCompositionstart: _ctx.handleCompositionStart,
+                  onCompositionupdate: _ctx.handleCompositionUpdate,
+                  onCompositionend: _ctx.handleCompositionEnd,
+                  onInput: _ctx.onInput,
+                  onClick: withModifiers(_ctx.toggleMenu, ["stop"])
+                }, null, 46, ["id", "onUpdate:modelValue", "name", "disabled", "autocomplete", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onClick"]), [
                   [vModelText, _ctx.states.inputValue]
                 ]),
                 _ctx.filterable ? (openBlock(), createElementBlock("span", {
@@ -19724,7 +19771,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   "aria-hidden": "true",
                   class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
                   textContent: toDisplayString(_ctx.states.inputValue)
-                }, null, 10, _hoisted_2$6)) : createCommentVNode("v-if", true)
+                }, null, 10, ["textContent"])) : createCommentVNode("v-if", true)
               ], 2)) : createCommentVNode("v-if", true),
               _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
                 key: 2,
@@ -19740,7 +19787,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   value: _ctx.modelValue
                 }, () => [
                   createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
-                ]) : (openBlock(), createElementBlock("span", _hoisted_3$6, toDisplayString(_ctx.currentPlaceholder), 1))
+                ]) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.currentPlaceholder), 1))
               ], 2)) : createCommentVNode("v-if", true)
             ], 2),
             createElementVNode("div", {
@@ -19758,7 +19805,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               }, 8, ["class"])) : createCommentVNode("v-if", true),
               _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
                 key: 1,
-                class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),
+                class: normalizeClass([
+                  _ctx.nsSelect.e("caret"),
+                  _ctx.nsSelect.e("icon"),
+                  _ctx.nsSelect.e("clear")
+                ]),
                 onClick: _ctx.handleClearClick
               }, {
                 default: withCtx(() => [
@@ -19776,7 +19827,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
               }, 8, ["class"])) : createCommentVNode("v-if", true)
             ], 2)
-          ], 2)
+          ], 10, ["onClick"])
         ];
       }),
       content: withCtx(() => [
@@ -19785,11 +19836,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(_ctx.nsSelect.be("dropdown", "header")),
-              onClick: _cache[13] || (_cache[13] = withModifiers(() => {
-              }, ["stop"]))
+              onClick: withModifiers(() => {
+              }, ["stop"])
             }, [
               renderSlot(_ctx.$slots, "header")
-            ], 2)) : createCommentVNode("v-if", true),
+            ], 10, ["onClick"])) : createCommentVNode("v-if", true),
             withDirectives(createVNode(_component_el_scrollbar, {
               id: _ctx.contentId,
               ref: "scrollbarRef",
@@ -19834,18 +19885,18 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
               key: 3,
               class: normalizeClass(_ctx.nsSelect.be("dropdown", "footer")),
-              onClick: _cache[14] || (_cache[14] = withModifiers(() => {
-              }, ["stop"]))
+              onClick: withModifiers(() => {
+              }, ["stop"])
             }, [
               renderSlot(_ctx.$slots, "footer")
-            ], 2)) : createCommentVNode("v-if", true)
+            ], 10, ["onClick"])) : createCommentVNode("v-if", true)
           ]),
           _: 3
         }, 512)
       ]),
       _: 3
-    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "onBeforeShow"])
-  ], 16)), [
+    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "onBeforeShow", "onHide"])
+  ], 16, ["onMouseleave"])), [
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
@@ -20705,7 +20756,86 @@ function setCssText(el, show, prop, value) {
   }
 }
 
+const Drag = {
+  mounted(el, binding) {
+    let callback = binding.value;
+    if (!callback) {
+      callback = () => ({});
+    }
+    initMouseEvent(el, callback);
+  },
+  updated(el, binding) {
+    let callback = binding.value;
+    if (!callback) {
+      callback = () => ({});
+    }
+    initMouseEvent(el, callback);
+  },
+  unmounted(el) {
+    el.onmousedown = null;
+    el.onmousemove = null;
+    el.onmouseup = null;
+  }
+};
+function initMouseEvent(el, callback) {
+  let startPoint = null;
+  let endPoint = null;
+  let roiDiv = null;
+  const onMousedown = (e) => {
+    if (e.ctrlKey) {
+      startPoint = { x: e.x, y: e.y };
+      document.onselectstart = () => false;
+      document.ondragstart = () => false;
+    } else {
+      removeRoi();
+      startPoint = null;
+      endPoint = null;
+    }
+  };
+  const onMousemove = (e) => {
+    if (e.ctrlKey && startPoint) {
+      endPoint = { x: e.x, y: e.y };
+      removeRoi();
+      createRoi();
+    } else {
+      removeRoi();
+      startPoint = null;
+      endPoint = null;
+      document.onselectstart = null;
+      document.ondragstart = null;
+    }
+  };
+  const onMouseup = () => {
+    if (roiDiv) {
+      callback(roiDiv.getBoundingClientRect());
+    }
+    document.onselectstart = null;
+    document.ondragstart = null;
+    removeRoi();
+    startPoint = null;
+    endPoint = null;
+  };
+  function removeRoi() {
+    if (roiDiv && document.body.contains(roiDiv)) {
+      document.body.removeChild(roiDiv);
+    }
+    roiDiv = null;
+  }
+  function createRoi() {
+    roiDiv = document.createElement("div");
+    const distX = endPoint.x - startPoint.x;
+    const distY = endPoint.y - startPoint.y;
+    const left = startPoint.x < endPoint.x ? startPoint.x : endPoint.x;
+    const top = startPoint.y < endPoint.y ? startPoint.y : endPoint.y;
+    roiDiv.style.cssText = `position: fixed;z-index: 9999;width: ${Math.abs(distX)}px;height: ${Math.abs(distY)}px;border: 1px solid #0655c3;left: ${left}px;top: ${top}px;pointer-events: none;`;
+    document.body.appendChild(roiDiv);
+  }
+  el.onmousedown = onMousedown;
+  el.onmousemove = onMousemove;
+  el.onmouseup = onMouseup;
+}
+
 const install = installer.install;
 const version = installer.version;
 
-export { Blur, Download, Height, Highlight, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztTab, HzztTitle, HzztTooltip, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, provideGlobalConfig, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };
+export { Blur, Download, Drag, Height, Highlight, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztTab, HzztTitle, HzztTooltip, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, provideGlobalConfig, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };