hzzt-plus 0.0.9 → 1.0.1

package/dist/index.full.mjs

@@ -1,6 +1,36 @@
 /*! 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, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, readonly, onDeactivated, withKeys, toRaw, toRefs, watchEffect, resolveComponent, resolveDirective, toHandlerKey, renderList, vModelText, normalizeProps, guardReactiveProps } from 'vue';
+import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeClass, normalizeStyle, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, toRaw, toRefs, resolveComponent, resolveDirective, toHandlerKey, renderList, createTextVNode, vModelText, normalizeProps, guardReactiveProps } from 'vue';
+
+var __defProp$9 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+function computedEager(fn, options) {
+  var _a;
+  const result = shallowRef();
+  watchEffect(() => {
+    result.value = fn();
+  }, __spreadProps$6(__spreadValues$9({}, options), {
+    flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
+  }));
+  return readonly(result);
+}
 
 var _a;
 const isClient = typeof window !== "undefined";
@@ -282,9 +312,7 @@ const isString$1 = (val) => typeof val === "string";
 const isObject$1 = (val) => val !== null && typeof val === "object";
 const objectToString$1 = Object.prototype.toString;
 const toTypeString = (value) => objectToString$1.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
+const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -12660,6 +12688,10 @@ const WEEK_DAYS = [
   "sat"
 ];
 
+const UPDATE_MODEL_EVENT$1 = "update:modelValue";
+const CHANGE_EVENT$1 = "change";
+const INPUT_EVENT$1 = "input";
+
 var English$1 = {
   name: "en",
   hzzt: {
@@ -12799,6 +12831,17 @@ const useNamespace$1 = (block, namespaceOverrides) => {
   };
 };
 
+function numberToLetter(index) {
+  const start = "A".charCodeAt(0);
+  if (index < 26) {
+    return String.fromCharCode(start + index);
+  } else if (index < 52) {
+    return String.fromCharCode(start + index + 6);
+  } else {
+    return index - 51;
+  }
+}
+
 const configProviderContextKey$1 = Symbol();
 
 const globalConfig$1 = ref();
@@ -12890,71 +12933,81 @@ const makeInstaller = (components = []) => {
   };
 };
 
-var _export_sfc$1 = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
+const configProviderContextKey = Symbol();
 
-const _hoisted_1$8 = {
-  key: 0,
-  class: "hzzt-title flex align-items-center"
+const defaultNamespace = "el";
+const statePrefix = "is-";
+const _bem = (namespace, block, blockSuffix, element, modifier) => {
+  let cls = `${namespace}-${block}`;
+  if (blockSuffix) {
+    cls += `-${blockSuffix}`;
+  }
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
 };
-const _hoisted_2$7 = {
-  key: 0,
-  class: "decorative-line"
+const namespaceContextKey = Symbol("namespaceContextKey");
+const useGetDerivedNamespace = (namespaceOverrides) => {
+  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
+  const namespace = computed(() => {
+    return unref(derivedNamespace) || defaultNamespace;
+  });
+  return namespace;
 };
-const _hoisted_3$7 = { class: "label-name" };
-const __default__$o = defineComponent({
-  name: "HzztTitle"
-});
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
-  props: {
-    label: String,
-    sideline: {
-      type: Boolean,
-      default: true
+const useNamespace = (block, namespaceOverrides) => {
+  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
+  const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
+  const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
+  const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
+  const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
+  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
+  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
+  const is = (name, ...args) => {
+    const state = args.length >= 1 ? args[0] : true;
+    return name && state ? `${statePrefix}${name}` : "";
+  };
+  const cssVar = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${key}`] = object[key];
+      }
     }
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const showLabel = computed(() => {
-      var _a, _b, _c;
-      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$8, [
-        __props.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$7)) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "before"),
-        createElementVNode("label", _hoisted_3$7, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ])
-        ])
-      ])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var Title = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "title.vue"]]);
-
-const HzztTitle = withInstall$1(Title);
-
-const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
-  const handleEvent = (event) => {
-    const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
-    if (checkForDefaultPrevented === false || !shouldPrevent) {
-      return oursHandler == null ? void 0 : oursHandler(event);
+    return styles;
+  };
+  const cssVarBlock = (object) => {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[`--${namespace.value}-${block}-${key}`] = object[key];
+      }
     }
+    return styles;
+  };
+  const cssVarName = (name) => `--${namespace.value}-${name}`;
+  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+  return {
+    namespace,
+    b,
+    e,
+    m,
+    be,
+    em,
+    bm,
+    bem,
+    is,
+    cssVar,
+    cssVarName,
+    cssVarBlock,
+    cssVarBlockName
   };
-  return handleEvent;
 };
 
-const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
-
 const isUndefined = (val) => val === void 0;
 const isBoolean = (val) => typeof val === "boolean";
 const isNumber = (val) => typeof val === "number";
@@ -12970,8 +13023,6 @@ const isStringNumber = (val) => {
   return !Number.isNaN(Number(val));
 };
 
-const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
-
 class ElementPlusError extends Error {
   constructor(m) {
     super(m);
@@ -12984,165 +13035,32 @@ function throwError(scope, m) {
 function debugWarn(scope, message) {
 }
 
-function addUnit(value, defaultUnit = "px") {
-  if (!value)
-    return "";
-  if (isNumber(value) || isStringNumber(value)) {
-    return `${value}${defaultUnit}`;
-  } else if (isString$1(value)) {
-    return value;
-  }
-}
-
-function scrollIntoView(container, selected) {
-  if (!isClient)
-    return;
-  if (!selected) {
-    container.scrollTop = 0;
-    return;
-  }
-  const offsetParents = [];
-  let pointer = selected.offsetParent;
-  while (pointer !== null && container !== pointer && container.contains(pointer)) {
-    offsetParents.push(pointer);
-    pointer = pointer.offsetParent;
-  }
-  const top = selected.offsetTop + offsetParents.reduce((prev, curr) => prev + curr.offsetTop, 0);
-  const bottom = top + selected.offsetHeight;
-  const viewRectTop = container.scrollTop;
-  const viewRectBottom = viewRectTop + container.clientHeight;
-  if (top < viewRectTop) {
-    container.scrollTop = top;
-  } else if (bottom > viewRectBottom) {
-    container.scrollTop = bottom - container.clientHeight;
-  }
-}
-
-const epPropKey = "__epPropKey";
-const definePropType = (val) => val;
-const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
-const buildProp = (prop, key) => {
-  if (!isObject$1(prop) || isEpProp(prop))
-    return prop;
-  const { values, required, default: defaultValue, type, validator } = prop;
-  const _validator = values || validator ? (val) => {
-    let valid = false;
-    let allowedValues = [];
-    if (values) {
-      allowedValues = Array.from(values);
-      if (hasOwn(prop, "default")) {
-        allowedValues.push(defaultValue);
-      }
-      valid || (valid = allowedValues.includes(val));
-    }
-    if (validator)
-      valid || (valid = validator(val));
-    if (!valid && allowedValues.length > 0) {
-      const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
-      warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
-    }
-    return valid;
-  } : void 0;
-  const epProp = {
-    type,
-    required: !!required,
-    validator: _validator,
-    [epPropKey]: true
-  };
-  if (hasOwn(prop, "default"))
-    epProp.default = defaultValue;
-  return epProp;
-};
-const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
-  key,
-  buildProp(option, key)
-]));
-
-const iconPropType = definePropType([
-  String,
-  Object,
-  Function
-]);
-const ValidateComponentsMap = {
-  validating: loading_default,
-  success: circle_check_default,
-  error: circle_close_default
+const initial = {
+  current: 0
 };
-
-const withInstall = (main, extra) => {
-  main.install = (app) => {
-    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
-      app.component(comp.name, comp);
-    }
+const zIndex = ref(0);
+const defaultInitialZIndex = 2e3;
+const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
+const zIndexContextKey = Symbol("zIndexContextKey");
+const useZIndex = (zIndexOverrides) => {
+  const increasingInjection = getCurrentInstance() ? inject(ZINDEX_INJECTION_KEY, initial) : initial;
+  const zIndexInjection = zIndexOverrides || (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
+  const initialZIndex = computed(() => {
+    const zIndexFromInjection = unref(zIndexInjection);
+    return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
+  });
+  const currentZIndex = computed(() => initialZIndex.value + zIndex.value);
+  const nextZIndex = () => {
+    increasingInjection.current++;
+    zIndex.value = increasingInjection.current;
+    return currentZIndex.value;
   };
-  if (extra) {
-    for (const [key, comp] of Object.entries(extra)) {
-      main[key] = comp;
-    }
-  }
-  return main;
-};
-const withInstallDirective = (directive, name) => {
-  directive.install = (app) => {
-    app.directive(name, directive);
+  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) ;
+  return {
+    initialZIndex,
+    currentZIndex,
+    nextZIndex
   };
-  return directive;
-};
-const withNoopInstall = (component) => {
-  component.install = NOOP;
-  return component;
-};
-
-const EVENT_CODE = {
-  tab: "Tab",
-  enter: "Enter",
-  space: "Space",
-  left: "ArrowLeft",
-  up: "ArrowUp",
-  right: "ArrowRight",
-  down: "ArrowDown",
-  esc: "Escape",
-  delete: "Delete",
-  backspace: "Backspace",
-  numpadEnter: "NumpadEnter",
-  pageUp: "PageUp",
-  pageDown: "PageDown",
-  home: "Home",
-  end: "End"
-};
-
-const UPDATE_MODEL_EVENT = "update:modelValue";
-const CHANGE_EVENT = "change";
-const INPUT_EVENT = "input";
-
-const componentSizes = ["", "default", "small", "large"];
-
-const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
-
-const mutable = (val) => val;
-
-const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
-const LISTENER_PREFIX = /^on[A-Z]/;
-const useAttrs = (params = {}) => {
-  const { excludeListeners = false, excludeKeys } = params;
-  const allExcludeKeys = computed(() => {
-    return ((excludeKeys == null ? void 0 : excludeKeys.value) || []).concat(DEFAULT_EXCLUDE_KEYS);
-  });
-  const instance = getCurrentInstance();
-  if (!instance) {
-    return computed(() => ({}));
-  }
-  return computed(() => {
-    var _a;
-    return fromPairs(Object.entries((_a = instance.proxy) == null ? void 0 : _a.$attrs).filter(([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))));
-  });
-};
-
-const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" }, condition) => {
-  watch(() => unref(condition), (val) => {
-  }, {
-    immediate: true
-  });
 };
 
 var English = {
@@ -13345,314 +13263,440 @@ const useLocale = (localeOverrides) => {
   return buildLocaleContext(computed(() => locale.value || English));
 };
 
-const defaultNamespace = "el";
-const statePrefix = "is-";
-const _bem = (namespace, block, blockSuffix, element, modifier) => {
-  let cls = `${namespace}-${block}`;
-  if (blockSuffix) {
-    cls += `-${blockSuffix}`;
-  }
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-};
-const namespaceContextKey = Symbol("namespaceContextKey");
-const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
-  const namespace = computed(() => {
-    return unref(derivedNamespace) || defaultNamespace;
-  });
-  return namespace;
-};
-const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
-  const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
-  const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
-  const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
-  const be = (blockSuffix, element) => blockSuffix && element ? _bem(namespace.value, block, blockSuffix, element, "") : "";
-  const em = (element, modifier) => element && modifier ? _bem(namespace.value, block, "", element, modifier) : "";
-  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? _bem(namespace.value, block, blockSuffix, "", modifier) : "";
-  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? _bem(namespace.value, block, blockSuffix, element, modifier) : "";
-  const is = (name, ...args) => {
-    const state = args.length >= 1 ? args[0] : true;
-    return name && state ? `${statePrefix}${name}` : "";
-  };
-  const cssVar = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${key}`] = object[key];
+const epPropKey = "__epPropKey";
+const definePropType = (val) => val;
+const isEpProp = (val) => isObject$1(val) && !!val[epPropKey];
+const buildProp = (prop, key) => {
+  if (!isObject$1(prop) || isEpProp(prop))
+    return prop;
+  const { values, required, default: defaultValue, type, validator } = prop;
+  const _validator = values || validator ? (val) => {
+    let valid = false;
+    let allowedValues = [];
+    if (values) {
+      allowedValues = Array.from(values);
+      if (hasOwn(prop, "default")) {
+        allowedValues.push(defaultValue);
       }
+      valid || (valid = allowedValues.includes(val));
     }
-    return styles;
-  };
-  const cssVarBlock = (object) => {
-    const styles = {};
-    for (const key in object) {
-      if (object[key]) {
-        styles[`--${namespace.value}-${block}-${key}`] = object[key];
-      }
+    if (validator)
+      valid || (valid = validator(val));
+    if (!valid && allowedValues.length > 0) {
+      const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+      warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
     }
-    return styles;
-  };
-  const cssVarName = (name) => `--${namespace.value}-${name}`;
-  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-  return {
-    namespace,
-    b,
-    e,
-    m,
-    be,
-    em,
-    bm,
-    bem,
-    is,
-    cssVar,
-    cssVarName,
-    cssVarBlock,
-    cssVarBlockName
+    return valid;
+  } : void 0;
+  const epProp = {
+    type,
+    required: !!required,
+    validator: _validator,
+    [epPropKey]: true
   };
+  if (hasOwn(prop, "default"))
+    epProp.default = defaultValue;
+  return epProp;
 };
+const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
+  key,
+  buildProp(option, key)
+]));
 
-const _prop = buildProp({
-  type: definePropType(Boolean),
-  default: null
+const componentSizes = ["", "default", "small", "large"];
+
+const useSizeProp = buildProp({
+  type: String,
+  values: componentSizes,
+  required: false
 });
-const _event = buildProp({
-  type: definePropType(Function)
+const SIZE_INJECTION_KEY = Symbol("size");
+const useGlobalSize = () => {
+  const injectedSize = inject(SIZE_INJECTION_KEY, {});
+  return computed(() => {
+    return unref(injectedSize.size) || "";
+  });
+};
+
+const emptyValuesContextKey = Symbol("emptyValuesContextKey");
+const DEFAULT_EMPTY_VALUES = ["", void 0, null];
+const DEFAULT_VALUE_ON_CLEAR = void 0;
+const useEmptyValuesProps = buildProps({
+  emptyValues: Array,
+  valueOnClear: {
+    type: [String, Number, Boolean, Function],
+    default: void 0,
+    validator: (val) => isFunction$1(val) ? !val() : !val
+  }
 });
-const createModelToggleComposable = (name) => {
-  const updateEventKey = `update:${name}`;
-  const updateEventKeyRaw = `onUpdate:${name}`;
-  const useModelToggleEmits2 = [updateEventKey];
-  const useModelToggleProps2 = {
-    [name]: _prop,
-    [updateEventKeyRaw]: _event
-  };
-  const useModelToggle2 = ({
-    indicator,
-    toggleReason,
-    shouldHideWhenRouteChanges,
-    shouldProceed,
-    onShow,
-    onHide
-  }) => {
-    const instance = getCurrentInstance();
-    const { emit } = instance;
-    const props = instance.props;
-    const hasUpdateHandler = computed(() => isFunction$1(props[updateEventKeyRaw]));
-    const isModelBindingAbsent = computed(() => props[name] === null);
-    const doShow = (event) => {
-      if (indicator.value === true) {
-        return;
-      }
-      indicator.value = true;
-      if (toggleReason) {
-        toggleReason.value = event;
-      }
-      if (isFunction$1(onShow)) {
-        onShow(event);
-      }
-    };
-    const doHide = (event) => {
-      if (indicator.value === false) {
-        return;
-      }
-      indicator.value = false;
-      if (toggleReason) {
-        toggleReason.value = event;
-      }
-      if (isFunction$1(onHide)) {
-        onHide(event);
-      }
-    };
-    const show = (event) => {
-      if (props.disabled === true || isFunction$1(shouldProceed) && !shouldProceed())
-        return;
-      const shouldEmit = hasUpdateHandler.value && isClient;
-      if (shouldEmit) {
-        emit(updateEventKey, true);
-      }
-      if (isModelBindingAbsent.value || !shouldEmit) {
-        doShow(event);
-      }
-    };
-    const hide = (event) => {
-      if (props.disabled === true || !isClient)
-        return;
-      const shouldEmit = hasUpdateHandler.value && isClient;
-      if (shouldEmit) {
-        emit(updateEventKey, false);
-      }
-      if (isModelBindingAbsent.value || !shouldEmit) {
-        doHide(event);
-      }
-    };
-    const onChange = (val) => {
-      if (!isBoolean(val))
-        return;
-      if (props.disabled && val) {
-        if (hasUpdateHandler.value) {
-          emit(updateEventKey, false);
-        }
-      } else if (indicator.value !== val) {
-        if (val) {
-          doShow();
-        } else {
-          doHide();
-        }
-      }
-    };
-    const toggle = () => {
-      if (indicator.value) {
-        hide();
-      } else {
-        show();
-      }
-    };
-    watch(() => props[name], onChange);
-    if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
-      watch(() => ({
-        ...instance.proxy.$route
-      }), () => {
-        if (shouldHideWhenRouteChanges.value && indicator.value) {
-          hide();
-        }
-      });
-    }
-    onMounted(() => {
-      onChange(props[name]);
-    });
-    return {
-      hide,
-      show,
-      toggle,
-      hasUpdateHandler
-    };
+const useEmptyValues = (props, defaultValue) => {
+  const config = getCurrentInstance() ? inject(emptyValuesContextKey, ref({})) : ref({});
+  const emptyValues = computed(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
+  const valueOnClear = computed(() => {
+    if (isFunction$1(props.valueOnClear)) {
+      return props.valueOnClear();
+    } else if (props.valueOnClear !== void 0) {
+      return props.valueOnClear;
+    } else if (isFunction$1(config.value.valueOnClear)) {
+      return config.value.valueOnClear();
+    } else if (config.value.valueOnClear !== void 0) {
+      return config.value.valueOnClear;
+    }
+    return defaultValue !== void 0 ? defaultValue : DEFAULT_VALUE_ON_CLEAR;
+  });
+  const isEmptyValue = (value) => {
+    return emptyValues.value.includes(value);
   };
+  if (!emptyValues.value.includes(valueOnClear.value)) ;
   return {
-    useModelToggle: useModelToggle2,
-    useModelToggleProps: useModelToggleProps2,
-    useModelToggleEmits: useModelToggleEmits2
+    emptyValues,
+    valueOnClear,
+    isEmptyValue
   };
 };
 
-const useProp = (name) => {
-  const vm = getCurrentInstance();
-  return computed(() => {
-    var _a, _b;
-    return (_b = (_a = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a.$props) == null ? void 0 : _b[name];
-  });
+const globalConfig = ref();
+function useGlobalConfig(key, defaultValue = void 0) {
+  const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
+  if (key) {
+    return computed(() => {
+      var _a, _b;
+      return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
+    });
+  } else {
+    return config;
+  }
+}
+
+const UPDATE_MODEL_EVENT = "update:modelValue";
+const CHANGE_EVENT = "change";
+const INPUT_EVENT = "input";
+
+var _export_sfc$1 = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
 };
 
-var E="top",R="bottom",W="right",P="left",me="auto",G=[E,R,W,P],U="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I(t)}function at(t){return !B(t)||N(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E:P,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P,d=E,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I(n),N(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E||(o===P||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P||(o===E||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N(o||n).direction==="rtl"&&(s+=X(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U,re=[E,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P:L?R:E;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E,W,R,P].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P,E].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E:P,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U?O[M]:j[M],ie=y===U?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E:P,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E,P].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
+function addUnit(value, defaultUnit = "px") {
+  if (!value)
+    return "";
+  if (isNumber(value) || isStringNumber(value)) {
+    return `${value}${defaultUnit}`;
+  } else if (isString$1(value)) {
+    return value;
+  }
+}
 
-const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
-  const stateUpdater = {
-    name: "updateState",
-    enabled: true,
-    phase: "write",
-    fn: ({ state }) => {
-      const derivedState = deriveState(state);
-      Object.assign(states.value, derivedState);
-    },
-    requires: ["computeStyles"]
+function scrollIntoView(container, selected) {
+  if (!isClient)
+    return;
+  if (!selected) {
+    container.scrollTop = 0;
+    return;
+  }
+  const offsetParents = [];
+  let pointer = selected.offsetParent;
+  while (pointer !== null && container !== pointer && container.contains(pointer)) {
+    offsetParents.push(pointer);
+    pointer = pointer.offsetParent;
+  }
+  const top = selected.offsetTop + offsetParents.reduce((prev, curr) => prev + curr.offsetTop, 0);
+  const bottom = top + selected.offsetHeight;
+  const viewRectTop = container.scrollTop;
+  const viewRectBottom = viewRectTop + container.clientHeight;
+  if (top < viewRectTop) {
+    container.scrollTop = top;
+  } else if (bottom > viewRectBottom) {
+    container.scrollTop = bottom - container.clientHeight;
+  }
+}
+
+const withInstall = (main, extra) => {
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+      app.component(comp.name, comp);
+    }
   };
-  const options = computed(() => {
-    const { onFirstUpdate, placement, strategy, modifiers } = unref(opts);
-    return {
-      onFirstUpdate,
-      placement: placement || "bottom",
-      strategy: strategy || "absolute",
-      modifiers: [
-        ...modifiers || [],
-        stateUpdater,
-        { name: "applyStyles", enabled: false }
-      ]
-    };
-  });
-  const instanceRef = shallowRef();
-  const states = ref({
-    styles: {
-      popper: {
-        position: unref(options).strategy,
-        left: "0",
-        top: "0"
-      },
-      arrow: {
-        position: "absolute"
-      }
-    },
-    attributes: {}
-  });
-  const destroy = () => {
-    if (!instanceRef.value)
-      return;
-    instanceRef.value.destroy();
-    instanceRef.value = void 0;
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+const withInstallDirective = (directive, name) => {
+  directive.install = (app) => {
+    app.directive(name, directive);
   };
-  watch(options, (newOptions) => {
-    const instance = unref(instanceRef);
-    if (instance) {
-      instance.setOptions(newOptions);
+  return directive;
+};
+const withNoopInstall = (component) => {
+  component.install = NOOP;
+  return component;
+};
+
+const iconProps = buildProps({
+  size: {
+    type: definePropType([Number, String])
+  },
+  color: {
+    type: String
+  }
+});
+
+const __default__$r = defineComponent({
+  name: "ElIcon",
+  inheritAttrs: false
+});
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
+  props: iconProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("icon");
+    const style = computed(() => {
+      const { size, color } = props;
+      if (!size && !color)
+        return {};
+      return {
+        fontSize: isUndefined(size) ? void 0 : addUnit(size),
+        "--color": color
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("i", mergeProps({
+        class: unref(ns).b(),
+        style: unref(style)
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__file", "icon.vue"]]);
+
+const ElIcon = withInstall(Icon);
+
+const iconPropType = definePropType([
+  String,
+  Object,
+  Function
+]);
+const ValidateComponentsMap = {
+  validating: loading_default,
+  success: circle_check_default,
+  error: circle_close_default
+};
+
+const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
+
+let hiddenTextarea = void 0;
+const HIDDEN_STYLE = `
+  height:0 !important;
+  visibility:hidden !important;
+  ${isFirefox() ? "" : "overflow:hidden !important;"}
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important;
+`;
+const CONTEXT_STYLE = [
+  "letter-spacing",
+  "line-height",
+  "padding-top",
+  "padding-bottom",
+  "font-family",
+  "font-weight",
+  "font-size",
+  "text-rendering",
+  "text-transform",
+  "width",
+  "text-indent",
+  "padding-left",
+  "padding-right",
+  "border-width",
+  "box-sizing"
+];
+function calculateNodeStyling(targetElement) {
+  const style = window.getComputedStyle(targetElement);
+  const boxSizing = style.getPropertyValue("box-sizing");
+  const paddingSize = Number.parseFloat(style.getPropertyValue("padding-bottom")) + Number.parseFloat(style.getPropertyValue("padding-top"));
+  const borderSize = Number.parseFloat(style.getPropertyValue("border-bottom-width")) + Number.parseFloat(style.getPropertyValue("border-top-width"));
+  const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
+  return { contextStyle, paddingSize, borderSize, boxSizing };
+}
+function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
+  var _a;
+  if (!hiddenTextarea) {
+    hiddenTextarea = document.createElement("textarea");
+    document.body.appendChild(hiddenTextarea);
+  }
+  const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
+  hiddenTextarea.setAttribute("style", `${contextStyle};${HIDDEN_STYLE}`);
+  hiddenTextarea.value = targetElement.value || targetElement.placeholder || "";
+  let height = hiddenTextarea.scrollHeight;
+  const result = {};
+  if (boxSizing === "border-box") {
+    height = height + borderSize;
+  } else if (boxSizing === "content-box") {
+    height = height - paddingSize;
+  }
+  hiddenTextarea.value = "";
+  const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
+  if (isNumber(minRows)) {
+    let minHeight = singleRowHeight * minRows;
+    if (boxSizing === "border-box") {
+      minHeight = minHeight + paddingSize + borderSize;
     }
-  }, {
-    deep: true
-  });
-  watch([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
-    destroy();
-    if (!referenceElement || !popperElement)
-      return;
-    instanceRef.value = yn(referenceElement, popperElement, unref(options));
+    height = Math.max(minHeight, height);
+    result.minHeight = `${minHeight}px`;
+  }
+  if (isNumber(maxRows)) {
+    let maxHeight = singleRowHeight * maxRows;
+    if (boxSizing === "border-box") {
+      maxHeight = maxHeight + paddingSize + borderSize;
+    }
+    height = Math.min(maxHeight, height);
+  }
+  result.height = `${height}px`;
+  (_a = hiddenTextarea.parentNode) == null ? void 0 : _a.removeChild(hiddenTextarea);
+  hiddenTextarea = void 0;
+  return result;
+}
+
+const mutable = (val) => val;
+
+const ariaProps = buildProps({
+  ariaLabel: String,
+  ariaOrientation: {
+    type: String,
+    values: ["horizontal", "vertical", "undefined"]
+  },
+  ariaControls: String
+});
+const useAriaProps = (arias) => {
+  return pick(ariaProps, arias);
+};
+
+const inputProps = buildProps({
+  id: {
+    type: String,
+    default: void 0
+  },
+  size: useSizeProp,
+  disabled: Boolean,
+  modelValue: {
+    type: definePropType([
+      String,
+      Number,
+      Object
+    ]),
+    default: ""
+  },
+  maxlength: {
+    type: [String, Number]
+  },
+  minlength: {
+    type: [String, Number]
+  },
+  type: {
+    type: String,
+    default: "text"
+  },
+  resize: {
+    type: String,
+    values: ["none", "both", "horizontal", "vertical"]
+  },
+  autosize: {
+    type: definePropType([Boolean, Object]),
+    default: false
+  },
+  autocomplete: {
+    type: String,
+    default: "off"
+  },
+  formatter: {
+    type: Function
+  },
+  parser: {
+    type: Function
+  },
+  placeholder: {
+    type: String
+  },
+  form: {
+    type: String
+  },
+  readonly: Boolean,
+  clearable: Boolean,
+  showPassword: Boolean,
+  showWordLimit: Boolean,
+  suffixIcon: {
+    type: iconPropType
+  },
+  prefixIcon: {
+    type: iconPropType
+  },
+  containerRole: {
+    type: String,
+    default: void 0
+  },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  inputStyle: {
+    type: definePropType([Object, Array, String]),
+    default: () => mutable({})
+  },
+  autofocus: Boolean,
+  rows: {
+    type: Number,
+    default: 2
+  },
+  ...useAriaProps(["ariaLabel"])
+});
+const inputEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
+  input: (value) => isString$1(value),
+  change: (value) => isString$1(value),
+  focus: (evt) => evt instanceof FocusEvent,
+  blur: (evt) => evt instanceof FocusEvent,
+  clear: () => true,
+  mouseleave: (evt) => evt instanceof MouseEvent,
+  mouseenter: (evt) => evt instanceof MouseEvent,
+  keydown: (evt) => evt instanceof Event,
+  compositionstart: (evt) => evt instanceof CompositionEvent,
+  compositionupdate: (evt) => evt instanceof CompositionEvent,
+  compositionend: (evt) => evt instanceof CompositionEvent
+};
+
+const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
+const LISTENER_PREFIX = /^on[A-Z]/;
+const useAttrs = (params = {}) => {
+  const { excludeListeners = false, excludeKeys } = params;
+  const allExcludeKeys = computed(() => {
+    return ((excludeKeys == null ? void 0 : excludeKeys.value) || []).concat(DEFAULT_EXCLUDE_KEYS);
   });
-  onBeforeUnmount(() => {
-    destroy();
+  const instance = getCurrentInstance();
+  if (!instance) {
+    return computed(() => ({}));
+  }
+  return computed(() => {
+    var _a;
+    return fromPairs(Object.entries((_a = instance.proxy) == null ? void 0 : _a.$attrs).filter(([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))));
   });
-  return {
-    state: computed(() => {
-      var _a;
-      return { ...((_a = unref(instanceRef)) == null ? void 0 : _a.state) || {} };
-    }),
-    styles: computed(() => unref(states).styles),
-    attributes: computed(() => unref(states).attributes),
-    update: () => {
-      var _a;
-      return (_a = unref(instanceRef)) == null ? void 0 : _a.update();
-    },
-    forceUpdate: () => {
-      var _a;
-      return (_a = unref(instanceRef)) == null ? void 0 : _a.forceUpdate();
-    },
-    instanceRef: computed(() => unref(instanceRef))
-  };
 };
-function deriveState(state) {
-  const elements = Object.keys(state.elements);
-  const styles = fromPairs(elements.map((element) => [element, state.styles[element] || {}]));
-  const attributes = fromPairs(elements.map((element) => [element, state.attributes[element]]));
-  return {
-    styles,
-    attributes
-  };
-}
 
-function useTimeout() {
-  let timeoutHandle;
-  const registerTimeout = (fn, delay) => {
-    cancelTimeout();
-    timeoutHandle = window.setTimeout(fn, delay);
-  };
-  const cancelTimeout = () => window.clearTimeout(timeoutHandle);
-  tryOnScopeDispose(() => cancelTimeout());
-  return {
-    registerTimeout,
-    cancelTimeout
-  };
-}
+const formContextKey = Symbol("formContextKey");
+const formItemContextKey = Symbol("formItemContextKey");
 
 const defaultIdInjection = {
   prefix: Math.floor(Math.random() * 1e4),
@@ -13665,223 +13709,83 @@ const useIdInjection = () => {
 const useId = (deterministicId) => {
   const idInjection = useIdInjection();
   const namespace = useGetDerivedNamespace();
-  const idRef = computed(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
+  const idRef = computedEager(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
   return idRef;
 };
 
-let registeredEscapeHandlers = [];
-const cachedHandler = (e) => {
-  const event = e;
-  if (event.key === EVENT_CODE.esc) {
-    registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
-  }
-};
-const useEscapeKeydown = (handler) => {
-  onMounted(() => {
-    if (registeredEscapeHandlers.length === 0) {
-      document.addEventListener("keydown", cachedHandler);
-    }
-    if (isClient)
-      registeredEscapeHandlers.push(handler);
-  });
-  onBeforeUnmount(() => {
-    registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
-    if (registeredEscapeHandlers.length === 0) {
-      if (isClient)
-        document.removeEventListener("keydown", cachedHandler);
-    }
-  });
-};
-
-let cachedContainer;
-const usePopperContainerId = () => {
-  const namespace = useGetDerivedNamespace();
-  const idInjection = useIdInjection();
-  const id = computed(() => {
-    return `${namespace.value}-popper-container-${idInjection.prefix}`;
-  });
-  const selector = computed(() => `#${id.value}`);
-  return {
-    id,
-    selector
-  };
-};
-const createContainer = (id) => {
-  const container = document.createElement("div");
-  container.id = id;
-  document.body.appendChild(container);
-  return container;
-};
-const usePopperContainer = () => {
-  const { id, selector } = usePopperContainerId();
-  onBeforeMount(() => {
-    if (!isClient)
-      return;
-    if (!cachedContainer || !document.body.querySelector(selector.value)) {
-      cachedContainer = createContainer(id.value);
-    }
-  });
+const useFormItem = () => {
+  const form = inject(formContextKey, void 0);
+  const formItem = inject(formItemContextKey, void 0);
   return {
-    id,
-    selector
+    form,
+    formItem
   };
 };
-
-const useDelayedToggleProps = buildProps({
-  showAfter: {
-    type: Number,
-    default: 0
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  autoClose: {
-    type: Number,
-    default: 0
-  }
-});
-const useDelayedToggle = ({
-  showAfter,
-  hideAfter,
-  autoClose,
-  open,
-  close
+const useFormItemInputId = (props, {
+  formItemContext,
+  disableIdGeneration,
+  disableIdManagement
 }) => {
-  const { registerTimeout } = useTimeout();
-  const {
-    registerTimeout: registerTimeoutForAutoClose,
-    cancelTimeout: cancelTimeoutForAutoClose
-  } = useTimeout();
-  const onOpen = (event) => {
-    registerTimeout(() => {
-      open(event);
-      const _autoClose = unref(autoClose);
-      if (isNumber(_autoClose) && _autoClose > 0) {
-        registerTimeoutForAutoClose(() => {
-          close(event);
-        }, _autoClose);
-      }
-    }, unref(showAfter));
-  };
-  const onClose = (event) => {
-    cancelTimeoutForAutoClose();
-    registerTimeout(() => {
-      close(event);
-    }, unref(hideAfter));
-  };
-  return {
-    onOpen,
-    onClose
-  };
-};
-
-const FORWARD_REF_INJECTION_KEY = Symbol("elForwardRef");
-const useForwardRef = (forwardRef) => {
-  const setForwardRef = (el) => {
-    forwardRef.value = el;
-  };
-  provide(FORWARD_REF_INJECTION_KEY, {
-    setForwardRef
-  });
-};
-const useForwardRefDirective = (setForwardRef) => {
-  return {
-    mounted(el) {
-      setForwardRef(el);
-    },
-    updated(el) {
-      setForwardRef(el);
-    },
-    unmounted() {
-      setForwardRef(null);
-    }
-  };
-};
-
-const initial = {
-  current: 0
-};
-const zIndex = ref(0);
-const defaultInitialZIndex = 2e3;
-const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
-const zIndexContextKey = Symbol("zIndexContextKey");
-const useZIndex = (zIndexOverrides) => {
-  const increasingInjection = getCurrentInstance() ? inject(ZINDEX_INJECTION_KEY, initial) : initial;
-  const zIndexInjection = zIndexOverrides || (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
-  const initialZIndex = computed(() => {
-    const zIndexFromInjection = unref(zIndexInjection);
-    return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
-  });
-  const currentZIndex = computed(() => initialZIndex.value + zIndex.value);
-  const nextZIndex = () => {
-    increasingInjection.current++;
-    zIndex.value = increasingInjection.current;
-    return currentZIndex.value;
-  };
-  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) ;
-  return {
-    initialZIndex,
-    currentZIndex,
-    nextZIndex
-  };
-};
-
-function useCursor(input) {
-  let selectionInfo;
-  function recordCursor() {
-    if (input.value == void 0)
-      return;
-    const { selectionStart, selectionEnd, value } = input.value;
-    if (selectionStart == null || selectionEnd == null)
-      return;
-    const beforeTxt = value.slice(0, Math.max(0, selectionStart));
-    const afterTxt = value.slice(Math.max(0, selectionEnd));
-    selectionInfo = {
-      selectionStart,
-      selectionEnd,
-      value,
-      beforeTxt,
-      afterTxt
-    };
+  if (!disableIdGeneration) {
+    disableIdGeneration = ref(false);
   }
-  function setCursor() {
-    if (input.value == void 0 || selectionInfo == void 0)
-      return;
-    const { value } = input.value;
-    const { beforeTxt, afterTxt, selectionStart } = selectionInfo;
-    if (beforeTxt == void 0 || afterTxt == void 0 || selectionStart == void 0)
-      return;
-    let startPos = value.length;
-    if (value.endsWith(afterTxt)) {
-      startPos = value.length - afterTxt.length;
-    } else if (value.startsWith(beforeTxt)) {
-      startPos = beforeTxt.length;
-    } else {
-      const beforeLastChar = beforeTxt[selectionStart - 1];
-      const newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
-      if (newIndex !== -1) {
-        startPos = newIndex + 1;
+  if (!disableIdManagement) {
+    disableIdManagement = ref(false);
+  }
+  const inputId = ref();
+  let idUnwatch = void 0;
+  const isLabeledByFormItem = computed(() => {
+    var _a;
+    return !!(!(props.label || props.ariaLabel) && formItemContext && formItemContext.inputIds && ((_a = formItemContext.inputIds) == null ? void 0 : _a.length) <= 1);
+  });
+  onMounted(() => {
+    idUnwatch = watch([toRef(props, "id"), disableIdGeneration], ([id, disableIdGeneration2]) => {
+      const newId = id != null ? id : !disableIdGeneration2 ? useId().value : void 0;
+      if (newId !== inputId.value) {
+        if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
+          inputId.value && formItemContext.removeInputId(inputId.value);
+          if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) {
+            formItemContext.addInputId(newId);
+          }
+        }
+        inputId.value = newId;
       }
+    }, { immediate: true });
+  });
+  onUnmounted(() => {
+    idUnwatch && idUnwatch();
+    if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
+      inputId.value && formItemContext.removeInputId(inputId.value);
     }
-    input.value.setSelectionRange(startPos, startPos);
-  }
-  return [recordCursor, setCursor];
-}
+  });
+  return {
+    isLabeledByFormItem,
+    inputId
+  };
+};
 
-const useSizeProp = buildProp({
-  type: String,
-  values: componentSizes,
-  required: false
-});
-const SIZE_INJECTION_KEY = Symbol("size");
-const useGlobalSize = () => {
-  const injectedSize = inject(SIZE_INJECTION_KEY, {});
+const useProp = (name) => {
+  const vm = getCurrentInstance();
   return computed(() => {
-    return unref(injectedSize.size) || "";
+    var _a, _b;
+    return (_b = (_a = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a.$props) == null ? void 0 : _b[name];
   });
 };
 
+const useFormSize = (fallback, ignore = {}) => {
+  const emptyRef = ref(void 0);
+  const size = ignore.prop ? emptyRef : useProp("size");
+  const globalConfig = ignore.global ? emptyRef : useGlobalSize();
+  const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
+  const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
+  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
+};
+const useFormDisabled = (fallback) => {
+  const disabled = useProp("disabled");
+  const form = inject(formContextKey, void 0);
+  return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
+};
+
 function useFocusController(target, {
   beforeFocus,
   afterFocus,
@@ -13931,6 +13835,8 @@ function useFocusController(target, {
   };
 }
 
+const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
+
 function useComposition({
   afterComposition,
   emit
@@ -13940,406 +13846,87 @@ function useComposition({
     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;
-const useEmptyValuesProps = buildProps({
-  emptyValues: Array,
-  valueOnClear: {
-    type: [String, Number, Boolean, Function],
-    default: void 0,
-    validator: (val) => isFunction$1(val) ? !val() : !val
-  }
-});
-const useEmptyValues = (props, defaultValue) => {
-  const config = getCurrentInstance() ? inject(emptyValuesContextKey, ref({})) : ref({});
-  const emptyValues = computed(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
-  const valueOnClear = computed(() => {
-    if (isFunction$1(props.valueOnClear)) {
-      return props.valueOnClear();
-    } else if (props.valueOnClear !== void 0) {
-      return props.valueOnClear;
-    } else if (isFunction$1(config.value.valueOnClear)) {
-      return config.value.valueOnClear();
-    } else if (config.value.valueOnClear !== void 0) {
-      return config.value.valueOnClear;
-    }
-    return defaultValue !== void 0 ? defaultValue : DEFAULT_VALUE_ON_CLEAR;
-  });
-  const isEmptyValue = (value) => {
-    return emptyValues.value.includes(value);
-  };
-  if (!emptyValues.value.includes(valueOnClear.value)) ;
-  return {
-    emptyValues,
-    valueOnClear,
-    isEmptyValue
-  };
-};
-
-const ariaProps = buildProps({
-  ariaLabel: String,
-  ariaOrientation: {
-    type: String,
-    values: ["horizontal", "vertical", "undefined"]
-  },
-  ariaControls: String
-});
-const useAriaProps = (arias) => {
-  return pick(ariaProps, arias);
-};
-
-const configProviderContextKey = Symbol();
-
-const globalConfig = ref();
-function useGlobalConfig(key, defaultValue = void 0) {
-  const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
-  if (key) {
-    return computed(() => {
-      var _a, _b;
-      return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
-    });
-  } else {
-    return config;
-  }
-}
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const iconProps = buildProps({
-  size: {
-    type: definePropType([Number, String])
-  },
-  color: {
-    type: String
-  }
-});
-
-const __default__$n = defineComponent({
-  name: "ElIcon",
-  inheritAttrs: false
-});
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
-  props: iconProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("icon");
-    const style = computed(() => {
-      const { size, color } = props;
-      if (!size && !color)
-        return {};
-      return {
-        fontSize: isUndefined(size) ? void 0 : addUnit(size),
-        "--color": color
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("i", mergeProps({
-        class: unref(ns).b(),
-        style: unref(style)
-      }, _ctx.$attrs), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "icon.vue"]]);
-
-const ElIcon = withInstall(Icon);
-
-const formContextKey = Symbol("formContextKey");
-const formItemContextKey = Symbol("formItemContextKey");
-
-const useFormSize = (fallback, ignore = {}) => {
-  const emptyRef = ref(void 0);
-  const size = ignore.prop ? emptyRef : useProp("size");
-  const globalConfig = ignore.global ? emptyRef : useGlobalSize();
-  const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
-  const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
-  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
-};
-const useFormDisabled = (fallback) => {
-  const disabled = useProp("disabled");
-  const form = inject(formContextKey, void 0);
-  return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
-};
-
-const useFormItem = () => {
-  const form = inject(formContextKey, void 0);
-  const formItem = inject(formItemContextKey, void 0);
-  return {
-    form,
-    formItem
-  };
-};
-const useFormItemInputId = (props, {
-  formItemContext,
-  disableIdGeneration,
-  disableIdManagement
-}) => {
-  if (!disableIdGeneration) {
-    disableIdGeneration = ref(false);
-  }
-  if (!disableIdManagement) {
-    disableIdManagement = ref(false);
-  }
-  const inputId = ref();
-  let idUnwatch = void 0;
-  const isLabeledByFormItem = computed(() => {
-    var _a;
-    return !!(!(props.label || props.ariaLabel) && formItemContext && formItemContext.inputIds && ((_a = formItemContext.inputIds) == null ? void 0 : _a.length) <= 1);
-  });
-  onMounted(() => {
-    idUnwatch = watch([toRef(props, "id"), disableIdGeneration], ([id, disableIdGeneration2]) => {
-      const newId = id != null ? id : !disableIdGeneration2 ? useId().value : void 0;
-      if (newId !== inputId.value) {
-        if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
-          inputId.value && formItemContext.removeInputId(inputId.value);
-          if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) {
-            formItemContext.addInputId(newId);
-          }
-        }
-        inputId.value = newId;
-      }
-    }, { immediate: true });
-  });
-  onUnmounted(() => {
-    idUnwatch && idUnwatch();
-    if (formItemContext == null ? void 0 : formItemContext.removeInputId) {
-      inputId.value && formItemContext.removeInputId(inputId.value);
+  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 {
-    isLabeledByFormItem,
-    inputId
+    isComposing,
+    handleComposition,
+    handleCompositionStart,
+    handleCompositionUpdate,
+    handleCompositionEnd
   };
-};
-
-let hiddenTextarea = void 0;
-const HIDDEN_STYLE = `
-  height:0 !important;
-  visibility:hidden !important;
-  ${isFirefox() ? "" : "overflow:hidden !important;"}
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important;
-`;
-const CONTEXT_STYLE = [
-  "letter-spacing",
-  "line-height",
-  "padding-top",
-  "padding-bottom",
-  "font-family",
-  "font-weight",
-  "font-size",
-  "text-rendering",
-  "text-transform",
-  "width",
-  "text-indent",
-  "padding-left",
-  "padding-right",
-  "border-width",
-  "box-sizing"
-];
-function calculateNodeStyling(targetElement) {
-  const style = window.getComputedStyle(targetElement);
-  const boxSizing = style.getPropertyValue("box-sizing");
-  const paddingSize = Number.parseFloat(style.getPropertyValue("padding-bottom")) + Number.parseFloat(style.getPropertyValue("padding-top"));
-  const borderSize = Number.parseFloat(style.getPropertyValue("border-bottom-width")) + Number.parseFloat(style.getPropertyValue("border-top-width"));
-  const contextStyle = CONTEXT_STYLE.map((name) => `${name}:${style.getPropertyValue(name)}`).join(";");
-  return { contextStyle, paddingSize, borderSize, boxSizing };
 }
-function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
-  var _a;
-  if (!hiddenTextarea) {
-    hiddenTextarea = document.createElement("textarea");
-    document.body.appendChild(hiddenTextarea);
-  }
-  const { paddingSize, borderSize, boxSizing, contextStyle } = calculateNodeStyling(targetElement);
-  hiddenTextarea.setAttribute("style", `${contextStyle};${HIDDEN_STYLE}`);
-  hiddenTextarea.value = targetElement.value || targetElement.placeholder || "";
-  let height = hiddenTextarea.scrollHeight;
-  const result = {};
-  if (boxSizing === "border-box") {
-    height = height + borderSize;
-  } else if (boxSizing === "content-box") {
-    height = height - paddingSize;
-  }
-  hiddenTextarea.value = "";
-  const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;
-  if (isNumber(minRows)) {
-    let minHeight = singleRowHeight * minRows;
-    if (boxSizing === "border-box") {
-      minHeight = minHeight + paddingSize + borderSize;
-    }
-    height = Math.max(minHeight, height);
-    result.minHeight = `${minHeight}px`;
+
+function useCursor(input) {
+  let selectionInfo;
+  function recordCursor() {
+    if (input.value == void 0)
+      return;
+    const { selectionStart, selectionEnd, value } = input.value;
+    if (selectionStart == null || selectionEnd == null)
+      return;
+    const beforeTxt = value.slice(0, Math.max(0, selectionStart));
+    const afterTxt = value.slice(Math.max(0, selectionEnd));
+    selectionInfo = {
+      selectionStart,
+      selectionEnd,
+      value,
+      beforeTxt,
+      afterTxt
+    };
   }
-  if (isNumber(maxRows)) {
-    let maxHeight = singleRowHeight * maxRows;
-    if (boxSizing === "border-box") {
-      maxHeight = maxHeight + paddingSize + borderSize;
+  function setCursor() {
+    if (input.value == void 0 || selectionInfo == void 0)
+      return;
+    const { value } = input.value;
+    const { beforeTxt, afterTxt, selectionStart } = selectionInfo;
+    if (beforeTxt == void 0 || afterTxt == void 0 || selectionStart == void 0)
+      return;
+    let startPos = value.length;
+    if (value.endsWith(afterTxt)) {
+      startPos = value.length - afterTxt.length;
+    } else if (value.startsWith(beforeTxt)) {
+      startPos = beforeTxt.length;
+    } else {
+      const beforeLastChar = beforeTxt[selectionStart - 1];
+      const newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
+      if (newIndex !== -1) {
+        startPos = newIndex + 1;
+      }
     }
-    height = Math.min(maxHeight, height);
+    input.value.setSelectionRange(startPos, startPos);
   }
-  result.height = `${height}px`;
-  (_a = hiddenTextarea.parentNode) == null ? void 0 : _a.removeChild(hiddenTextarea);
-  hiddenTextarea = void 0;
-  return result;
+  return [recordCursor, setCursor];
 }
 
-const inputProps = buildProps({
-  id: {
-    type: String,
-    default: void 0
-  },
-  size: useSizeProp,
-  disabled: Boolean,
-  modelValue: {
-    type: definePropType([
-      String,
-      Number,
-      Object
-    ]),
-    default: ""
-  },
-  maxlength: {
-    type: [String, Number]
-  },
-  minlength: {
-    type: [String, Number]
-  },
-  type: {
-    type: String,
-    default: "text"
-  },
-  resize: {
-    type: String,
-    values: ["none", "both", "horizontal", "vertical"]
-  },
-  autosize: {
-    type: definePropType([Boolean, Object]),
-    default: false
-  },
-  autocomplete: {
-    type: String,
-    default: "off"
-  },
-  formatter: {
-    type: Function
-  },
-  parser: {
-    type: Function
-  },
-  placeholder: {
-    type: String
-  },
-  form: {
-    type: String
-  },
-  readonly: Boolean,
-  clearable: Boolean,
-  showPassword: Boolean,
-  showWordLimit: Boolean,
-  suffixIcon: {
-    type: iconPropType
-  },
-  prefixIcon: {
-    type: iconPropType
-  },
-  containerRole: {
-    type: String,
-    default: void 0
-  },
-  tabindex: {
-    type: [String, Number],
-    default: 0
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  inputStyle: {
-    type: definePropType([Object, Array, String]),
-    default: () => mutable({})
-  },
-  autofocus: Boolean,
-  rows: {
-    type: Number,
-    default: 2
-  },
-  ...useAriaProps(["ariaLabel"])
-});
-const inputEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
-  input: (value) => isString$1(value),
-  change: (value) => isString$1(value),
-  focus: (evt) => evt instanceof FocusEvent,
-  blur: (evt) => evt instanceof FocusEvent,
-  clear: () => true,
-  mouseleave: (evt) => evt instanceof MouseEvent,
-  mouseenter: (evt) => evt instanceof MouseEvent,
-  keydown: (evt) => evt instanceof Event,
-  compositionstart: (evt) => evt instanceof CompositionEvent,
-  compositionupdate: (evt) => evt instanceof CompositionEvent,
-  compositionend: (evt) => evt instanceof CompositionEvent
-};
-
-const __default__$m = defineComponent({
+const __default__$q = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
     const rawAttrs = useAttrs$1();
+    const attrs = useAttrs();
     const slots = useSlots();
-    const containerAttrs = computed(() => {
-      const comboBoxAttrs = {};
-      if (props.containerRole === "combobox") {
-        comboBoxAttrs["aria-haspopup"] = rawAttrs["aria-haspopup"];
-        comboBoxAttrs["aria-owns"] = rawAttrs["aria-owns"];
-        comboBoxAttrs["aria-expanded"] = rawAttrs["aria-expanded"];
-      }
-      return comboBoxAttrs;
-    });
     const containerKls = computed(() => [
       props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
       nsInput.m(inputSize.value),
@@ -14358,11 +13945,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       nsInput.e("wrapper"),
       nsInput.is("focus", isFocused.value)
     ]);
-    const attrs = useAttrs({
-      excludeKeys: computed(() => {
-        return Object.keys(containerAttrs.value);
-      })
-    });
     const { form: elForm, formItem: elFormItem } = useFormItem();
     const { inputId } = useFormItemInputId(props, {
       formItemContext: elFormItem
@@ -14406,7 +13988,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     ]);
     const nativeInputValue = computed(() => isNil(props.modelValue) ? "" : String(props.modelValue));
     const showClear = computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
-    const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || isFocused.value));
+    const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value && !!nativeInputValue.value && (!!nativeInputValue.value || isFocused.value));
     const isWordLimitVisible = computed(() => props.showWordLimit && !!props.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
     const textLength = computed(() => nativeInputValue.value.length);
     const inputExceed = computed(() => !!isWordLimitVisible.value && textLength.value > Number(props.maxlength));
@@ -14493,13 +14075,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       handleCompositionEnd
     } = useComposition({ emit, afterComposition: handleInput });
     const handlePasswordVisible = () => {
+      recordCursor();
       passwordVisible.value = !passwordVisible.value;
-      focus();
+      setTimeout(setCursor);
     };
-    const focus = async () => {
+    const focus = () => {
       var _a;
-      await nextTick();
-      (_a = _ref.value) == null ? void 0 : _a.focus();
+      return (_a = _ref.value) == null ? void 0 : _a.focus();
     };
     const blur = () => {
       var _a;
@@ -14558,19 +14140,18 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       resizeTextarea
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps(unref(containerAttrs), {
-        class: [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
           unref(containerKls),
           {
             [unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
             [unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend
           }
-        ],
-        style: unref(containerStyle),
-        role: _ctx.containerRole,
+        ]),
+        style: normalizeStyle(unref(containerStyle)),
         onMouseenter: handleMouseEnter,
         onMouseleave: handleMouseLeave
-      }), [
+      }, [
         createCommentVNode(" input "),
         _ctx.type !== "textarea" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createCommentVNode(" prepend slot "),
@@ -14623,13 +14204,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               style: _ctx.inputStyle,
               form: _ctx.form,
               autofocus: _ctx.autofocus,
+              role: _ctx.containerRole,
               onCompositionstart: unref(handleCompositionStart),
               onCompositionupdate: unref(handleCompositionUpdate),
               onCompositionend: unref(handleCompositionEnd),
               onInput: handleInput,
               onChange: handleChange,
               onKeydown: handleKeydown
-            }), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+            }), null, 16, ["id", "minlength", "maxlength", "type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form", "autofocus", "role", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
             createCommentVNode(" suffix slot "),
             unref(suffixVisible) ? (openBlock(), createElementBlock("span", {
               key: 1,
@@ -14722,6 +14304,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             form: _ctx.form,
             autofocus: _ctx.autofocus,
             rows: _ctx.rows,
+            role: _ctx.containerRole,
             onCompositionstart: unref(handleCompositionStart),
             onCompositionupdate: unref(handleCompositionUpdate),
             onCompositionend: unref(handleCompositionEnd),
@@ -14730,18 +14313,18 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             onBlur: unref(handleBlur),
             onChange: handleChange,
             onKeydown: handleKeydown
-          }), null, 16, ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onFocus", "onBlur"]),
+          }), null, 16, ["id", "minlength", "maxlength", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form", "autofocus", "rows", "role", "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, ["role"]);
+      ], 38);
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14791,7 +14374,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$2 = "Thumb";
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14910,7 +14493,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14923,7 +14506,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14981,7 +14564,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -15022,6 +14605,10 @@ const scrollbarProps = buildProps({
     type: Number,
     default: 20
   },
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  },
   id: String,
   role: String,
   ...useAriaProps(["ariaLabel", "ariaOrientation"])
@@ -15034,11 +14621,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$1 = "ElScrollbar";
-const __default__$l = defineComponent({
+const __default__$p = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -15129,8 +14716,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       wrapElement: wrapRef
     }));
     onActivated(() => {
-      wrapRef.value.scrollTop = wrapScrollTop;
-      wrapRef.value.scrollLeft = wrapScrollLeft;
+      if (wrapRef.value) {
+        wrapRef.value.scrollTop = wrapScrollTop;
+        wrapRef.value.scrollLeft = wrapScrollLeft;
+      }
     });
     onMounted(() => {
       if (!props.native)
@@ -15158,6 +14747,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ref: wrapRef,
           class: normalizeClass(unref(wrapKls)),
           style: normalizeStyle(unref(wrapStyle)),
+          tabindex: _ctx.tabindex,
           onScroll: handleScroll
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
@@ -15175,7 +14765,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-        ], 38),
+        ], 46, ["tabindex"]),
         !_ctx.native ? (openBlock(), createBlock(Bar, {
           key: 0,
           ref_key: "barRef",
@@ -15187,7 +14777,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 
@@ -15212,12 +14802,12 @@ const popperProps = buildProps({
   }
 });
 
-const __default__$k = defineComponent({
+const __default__$o = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15240,7 +14830,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -15249,12 +14839,12 @@ const popperArrowProps = buildProps({
   }
 });
 
-const __default__$j = defineComponent({
+const __default__$n = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15280,7 +14870,85 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "arrow.vue"]]);
+
+const popperTriggerProps = buildProps({
+  virtualRef: {
+    type: definePropType(Object)
+  },
+  virtualTriggering: Boolean,
+  onMouseenter: {
+    type: definePropType(Function)
+  },
+  onMouseleave: {
+    type: definePropType(Function)
+  },
+  onClick: {
+    type: definePropType(Function)
+  },
+  onKeydown: {
+    type: definePropType(Function)
+  },
+  onFocus: {
+    type: definePropType(Function)
+  },
+  onBlur: {
+    type: definePropType(Function)
+  },
+  onContextmenu: {
+    type: definePropType(Function)
+  },
+  id: String,
+  open: Boolean
+});
+
+const FORWARD_REF_INJECTION_KEY = Symbol("elForwardRef");
+const useForwardRef = (forwardRef) => {
+  const setForwardRef = (el) => {
+    forwardRef.value = el;
+  };
+  provide(FORWARD_REF_INJECTION_KEY, {
+    setForwardRef
+  });
+};
+const useForwardRefDirective = (setForwardRef) => {
+  return {
+    mounted(el) {
+      setForwardRef(el);
+    },
+    updated(el) {
+      setForwardRef(el);
+    },
+    unmounted() {
+      setForwardRef(null);
+    }
+  };
+};
+
+const isFocusable = (element) => {
+  if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null) {
+    return true;
+  }
+  if (element.tabIndex < 0 || element.hasAttribute("disabled") || element.getAttribute("aria-disabled") === "true") {
+    return false;
+  }
+  switch (element.nodeName) {
+    case "A": {
+      return !!element.href && element.rel !== "ignore";
+    }
+    case "INPUT": {
+      return !(element.type === "hidden" || element.type === "file");
+    }
+    case "BUTTON":
+    case "SELECT":
+    case "TEXTAREA": {
+      return true;
+    }
+    default: {
+      return false;
+    }
+  }
+};
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -15337,42 +15005,12 @@ function wrapTextContent(s) {
   }, [s]);
 }
 
-const popperTriggerProps = buildProps({
-  virtualRef: {
-    type: definePropType(Object)
-  },
-  virtualTriggering: Boolean,
-  onMouseenter: {
-    type: definePropType(Function)
-  },
-  onMouseleave: {
-    type: definePropType(Function)
-  },
-  onClick: {
-    type: definePropType(Function)
-  },
-  onKeydown: {
-    type: definePropType(Function)
-  },
-  onFocus: {
-    type: definePropType(Function)
-  },
-  onBlur: {
-    type: definePropType(Function)
-  },
-  onContextmenu: {
-    type: definePropType(Function)
-  },
-  id: String,
-  open: Boolean
-});
-
-const __default__$i = defineComponent({
+const __default__$m = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15426,18 +15064,20 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               (_a = prevEl == null ? void 0 : prevEl.removeEventListener) == null ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
             }
           });
-          virtualTriggerAriaStopWatch = watch([ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded], (watches) => {
-            [
-              "aria-controls",
-              "aria-describedby",
-              "aria-haspopup",
-              "aria-expanded"
-            ].forEach((key, idx) => {
-              isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
-            });
-          }, { immediate: true });
+          if (isFocusable(el)) {
+            virtualTriggerAriaStopWatch = watch([ariaControls, ariaDescribedby, ariaHaspopup, ariaExpanded], (watches) => {
+              [
+                "aria-controls",
+                "aria-describedby",
+                "aria-haspopup",
+                "aria-expanded"
+              ].forEach((key, idx) => {
+                isNil(watches[idx]) ? el.removeAttribute(key) : el.setAttribute(key, watches[idx]);
+              });
+            }, { immediate: true });
+          }
         }
-        if (isElement(prevEl)) {
+        if (isElement(prevEl) && isFocusable(prevEl)) {
           [
             "aria-controls",
             "aria-describedby",
@@ -15481,7 +15121,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15546,11 +15186,19 @@ const isSelectable = (element) => {
 const tryFocus = (element, shouldSelect) => {
   if (element && element.focus) {
     const prevFocusedElement = document.activeElement;
+    let cleanup = false;
+    if (isElement(element) && !isFocusable(element) && !element.getAttribute("tabindex")) {
+      element.setAttribute("tabindex", "-1");
+      cleanup = true;
+    }
     element.focus({ preventScroll: true });
     lastAutomatedFocusTimestamp.value = window.performance.now();
     if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
       element.select();
     }
+    if (isElement(element) && cleanup) {
+      element.removeAttribute("tabindex");
+    }
   }
 };
 function removeFromStack(list, item) {
@@ -15631,7 +15279,48 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$q = defineComponent({
+const EVENT_CODE = {
+  tab: "Tab",
+  enter: "Enter",
+  space: "Space",
+  left: "ArrowLeft",
+  up: "ArrowUp",
+  right: "ArrowRight",
+  down: "ArrowDown",
+  esc: "Escape",
+  delete: "Delete",
+  backspace: "Backspace",
+  numpadEnter: "NumpadEnter",
+  pageUp: "PageUp",
+  pageDown: "PageDown",
+  home: "Home",
+  end: "End"
+};
+
+let registeredEscapeHandlers = [];
+const cachedHandler = (event) => {
+  if (event.code === EVENT_CODE.esc) {
+    registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
+  }
+};
+const useEscapeKeydown = (handler) => {
+  onMounted(() => {
+    if (registeredEscapeHandlers.length === 0) {
+      document.addEventListener("keydown", cachedHandler);
+    }
+    if (isClient)
+      registeredEscapeHandlers.push(handler);
+  });
+  onBeforeUnmount(() => {
+    registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
+    if (registeredEscapeHandlers.length === 0) {
+      if (isClient)
+        document.removeEventListener("keydown", cachedHandler);
+    }
+  });
+};
+
+const _sfc_main$u = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15675,9 +15364,9 @@ const _sfc_main$q = defineComponent({
         return;
       if (focusLayer.paused)
         return;
-      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
+      const { code, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
       const { loop } = props;
-      const isTabbing = key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
+      const isTabbing = code === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
       const currentFocusingEl = document.activeElement;
       if (isTabbing && currentFocusingEl) {
         const container = currentTarget;
@@ -15876,7 +15565,9 @@ const _sfc_main$q = defineComponent({
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$6], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["render", _sfc_render$6], ["__file", "focus-trap.vue"]]);
+
+var E="top",R="bottom",W="right",P="left",me="auto",G=[E,R,W,P],U="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return !1;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===!1?i.removeAttribute(a):i.setAttribute(a,s===!0?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:!0,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X=Math.max,ve=Math.min,Z=Math.round;function ee(t,e){e===void 0&&(e=!1);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z(n.width)/a||1),i>0&&(o=Z(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return !0;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return !0;r=r.parentNode||r.host;}while(r)}return !1}function N(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I(t)}function at(t){return !B(t)||N(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E:P,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:!0,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z(e*o)/o||0,y:Z(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P,d=E,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I(n),N(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E||(o===P||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P||(o===E||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===!0?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?!0:r,i=n.adaptive,a=i===void 0?!0:i,s=n.roundOffsets,f=s===void 0?!0:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:!0};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?!0:o,a=r.resize,s=a===void 0?!0:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N(o||n).direction==="rtl"&&(s+=X(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?!1:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,strategy:"absolute",placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!0:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?!0:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=!0,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U,re=[E,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P:L?R:E;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=!1;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=!0,e.placement=A,e.reset=!0);}}var vt={name:"flip",enabled:!0,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:!1}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E,W,R,P].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:!0}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en(t,e,n){var r=q(t),o=[P,E].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement});}var He={name:"popperOffsets",enabled:!0,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?!0:o,a=n.altAxis,s=a===void 0?!1:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?!0:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E:P,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U?O[M]:j[M],ie=y===U?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E:P,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E,P].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:!0,phase:"main",fn:on,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z(e.width)/t.offsetWidth||1,r=Z(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=!1);var r=B(e),o=B(e)&&fn(e),i=I(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,!0),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=!1,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===!0){c.reset=!1,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=!0;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -15966,6 +15657,50 @@ const popperContentEmits = {
   close: () => true
 };
 
+const usePopperContentFocusTrap = (props, emit) => {
+  const trapped = ref(false);
+  const focusStartRef = ref();
+  const onFocusAfterTrapped = () => {
+    emit("focus");
+  };
+  const onFocusAfterReleased = (event) => {
+    var _a;
+    if (((_a = event.detail) == null ? void 0 : _a.focusReason) !== "pointer") {
+      focusStartRef.value = "first";
+      emit("blur");
+    }
+  };
+  const onFocusInTrap = (event) => {
+    if (props.visible && !trapped.value) {
+      if (event.target) {
+        focusStartRef.value = event.target;
+      }
+      trapped.value = true;
+    }
+  };
+  const onFocusoutPrevented = (event) => {
+    if (!props.trapping) {
+      if (event.detail.focusReason === "pointer") {
+        event.preventDefault();
+      }
+      trapped.value = false;
+    }
+  };
+  const onReleaseRequested = () => {
+    trapped.value = false;
+    emit("close");
+  };
+  return {
+    focusStartRef,
+    trapped,
+    onFocusAfterReleased,
+    onFocusAfterTrapped,
+    onFocusInTrap,
+    onFocusoutPrevented,
+    onReleaseRequested
+  };
+};
+
 const buildPopperOptions = (props, modifiers = []) => {
   const { placement, strategy, popperOptions } = props;
   const options = {
@@ -16009,18 +15744,107 @@ function genModifiers(options) {
         fallbackPlacements
       }
     },
-    {
-      name: "computeStyles",
-      options: {
-        gpuAcceleration
-      }
+    {
+      name: "computeStyles",
+      options: {
+        gpuAcceleration
+      }
+    }
+  ];
+}
+function deriveExtraModifiers(options, modifiers) {
+  if (modifiers) {
+    options.modifiers = [...options.modifiers, ...modifiers != null ? modifiers : []];
+  }
+}
+
+const usePopper = (referenceElementRef, popperElementRef, opts = {}) => {
+  const stateUpdater = {
+    name: "updateState",
+    enabled: true,
+    phase: "write",
+    fn: ({ state }) => {
+      const derivedState = deriveState(state);
+      Object.assign(states.value, derivedState);
+    },
+    requires: ["computeStyles"]
+  };
+  const options = computed(() => {
+    const { onFirstUpdate, placement, strategy, modifiers } = unref(opts);
+    return {
+      onFirstUpdate,
+      placement: placement || "bottom",
+      strategy: strategy || "absolute",
+      modifiers: [
+        ...modifiers || [],
+        stateUpdater,
+        { name: "applyStyles", enabled: false }
+      ]
+    };
+  });
+  const instanceRef = shallowRef();
+  const states = ref({
+    styles: {
+      popper: {
+        position: unref(options).strategy,
+        left: "0",
+        top: "0"
+      },
+      arrow: {
+        position: "absolute"
+      }
+    },
+    attributes: {}
+  });
+  const destroy = () => {
+    if (!instanceRef.value)
+      return;
+    instanceRef.value.destroy();
+    instanceRef.value = void 0;
+  };
+  watch(options, (newOptions) => {
+    const instance = unref(instanceRef);
+    if (instance) {
+      instance.setOptions(newOptions);
     }
-  ];
-}
-function deriveExtraModifiers(options, modifiers) {
-  if (modifiers) {
-    options.modifiers = [...options.modifiers, ...modifiers != null ? modifiers : []];
-  }
+  }, {
+    deep: true
+  });
+  watch([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
+    destroy();
+    if (!referenceElement || !popperElement)
+      return;
+    instanceRef.value = yn(referenceElement, popperElement, unref(options));
+  });
+  onBeforeUnmount(() => {
+    destroy();
+  });
+  return {
+    state: computed(() => {
+      var _a;
+      return { ...((_a = unref(instanceRef)) == null ? void 0 : _a.state) || {} };
+    }),
+    styles: computed(() => unref(states).styles),
+    attributes: computed(() => unref(states).attributes),
+    update: () => {
+      var _a;
+      return (_a = unref(instanceRef)) == null ? void 0 : _a.update();
+    },
+    forceUpdate: () => {
+      var _a;
+      return (_a = unref(instanceRef)) == null ? void 0 : _a.forceUpdate();
+    },
+    instanceRef: computed(() => unref(instanceRef))
+  };
+};
+function deriveState(state) {
+  const elements = Object.keys(state.elements);
+  const styles = fromPairs(elements.map((element) => [element, state.styles[element] || {}]));
+  const attributes = fromPairs(elements.map((element) => [element, state.attributes[element]]));
+  return {
+    styles,
+    attributes
+  };
 }
 
 const DEFAULT_ARROW_OFFSET = 0;
@@ -16120,55 +15944,11 @@ const usePopperContentDOM = (props, {
   };
 };
 
-const usePopperContentFocusTrap = (props, emit) => {
-  const trapped = ref(false);
-  const focusStartRef = ref();
-  const onFocusAfterTrapped = () => {
-    emit("focus");
-  };
-  const onFocusAfterReleased = (event) => {
-    var _a;
-    if (((_a = event.detail) == null ? void 0 : _a.focusReason) !== "pointer") {
-      focusStartRef.value = "first";
-      emit("blur");
-    }
-  };
-  const onFocusInTrap = (event) => {
-    if (props.visible && !trapped.value) {
-      if (event.target) {
-        focusStartRef.value = event.target;
-      }
-      trapped.value = true;
-    }
-  };
-  const onFocusoutPrevented = (event) => {
-    if (!props.trapping) {
-      if (event.detail.focusReason === "pointer") {
-        event.preventDefault();
-      }
-      trapped.value = false;
-    }
-  };
-  const onReleaseRequested = () => {
-    trapped.value = false;
-    emit("close");
-  };
-  return {
-    focusStartRef,
-    trapped,
-    onFocusAfterReleased,
-    onFocusAfterTrapped,
-    onFocusInTrap,
-    onFocusoutPrevented,
-    onReleaseRequested
-  };
-};
-
-const __default__$h = defineComponent({
+const __default__$l = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -16284,12 +16064,75 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 
+function useTimeout() {
+  let timeoutHandle;
+  const registerTimeout = (fn, delay) => {
+    cancelTimeout();
+    timeoutHandle = window.setTimeout(fn, delay);
+  };
+  const cancelTimeout = () => window.clearTimeout(timeoutHandle);
+  tryOnScopeDispose(() => cancelTimeout());
+  return {
+    registerTimeout,
+    cancelTimeout
+  };
+}
+
+const useDelayedToggleProps = buildProps({
+  showAfter: {
+    type: Number,
+    default: 0
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  autoClose: {
+    type: Number,
+    default: 0
+  }
+});
+const useDelayedToggle = ({
+  showAfter,
+  hideAfter,
+  autoClose,
+  open,
+  close
+}) => {
+  const { registerTimeout } = useTimeout();
+  const {
+    registerTimeout: registerTimeoutForAutoClose,
+    cancelTimeout: cancelTimeoutForAutoClose
+  } = useTimeout();
+  const onOpen = (event) => {
+    registerTimeout(() => {
+      open(event);
+      const _autoClose = unref(autoClose);
+      if (isNumber(_autoClose) && _autoClose > 0) {
+        registerTimeoutForAutoClose(() => {
+          close(event);
+        }, _autoClose);
+      }
+    }, unref(showAfter));
+  };
+  const onClose = (event) => {
+    cancelTimeoutForAutoClose();
+    registerTimeout(() => {
+      close(event);
+    }, unref(hideAfter));
+  };
+  return {
+    onOpen,
+    onClose
+  };
+};
+
 const useTooltipContentProps = buildProps({
   ...useDelayedToggleProps,
   ...popperContentProps,
@@ -16324,10 +16167,133 @@ const useTooltipTriggerProps = buildProps({
   },
   triggerKeys: {
     type: definePropType(Array),
-    default: () => [EVENT_CODE.enter, EVENT_CODE.space]
+    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space]
   }
 });
 
+const _prop = buildProp({
+  type: definePropType(Boolean),
+  default: null
+});
+const _event = buildProp({
+  type: definePropType(Function)
+});
+const createModelToggleComposable = (name) => {
+  const updateEventKey = `update:${name}`;
+  const updateEventKeyRaw = `onUpdate:${name}`;
+  const useModelToggleEmits2 = [updateEventKey];
+  const useModelToggleProps2 = {
+    [name]: _prop,
+    [updateEventKeyRaw]: _event
+  };
+  const useModelToggle2 = ({
+    indicator,
+    toggleReason,
+    shouldHideWhenRouteChanges,
+    shouldProceed,
+    onShow,
+    onHide
+  }) => {
+    const instance = getCurrentInstance();
+    const { emit } = instance;
+    const props = instance.props;
+    const hasUpdateHandler = computed(() => isFunction$1(props[updateEventKeyRaw]));
+    const isModelBindingAbsent = computed(() => props[name] === null);
+    const doShow = (event) => {
+      if (indicator.value === true) {
+        return;
+      }
+      indicator.value = true;
+      if (toggleReason) {
+        toggleReason.value = event;
+      }
+      if (isFunction$1(onShow)) {
+        onShow(event);
+      }
+    };
+    const doHide = (event) => {
+      if (indicator.value === false) {
+        return;
+      }
+      indicator.value = false;
+      if (toggleReason) {
+        toggleReason.value = event;
+      }
+      if (isFunction$1(onHide)) {
+        onHide(event);
+      }
+    };
+    const show = (event) => {
+      if (props.disabled === true || isFunction$1(shouldProceed) && !shouldProceed())
+        return;
+      const shouldEmit = hasUpdateHandler.value && isClient;
+      if (shouldEmit) {
+        emit(updateEventKey, true);
+      }
+      if (isModelBindingAbsent.value || !shouldEmit) {
+        doShow(event);
+      }
+    };
+    const hide = (event) => {
+      if (props.disabled === true || !isClient)
+        return;
+      const shouldEmit = hasUpdateHandler.value && isClient;
+      if (shouldEmit) {
+        emit(updateEventKey, false);
+      }
+      if (isModelBindingAbsent.value || !shouldEmit) {
+        doHide(event);
+      }
+    };
+    const onChange = (val) => {
+      if (!isBoolean(val))
+        return;
+      if (props.disabled && val) {
+        if (hasUpdateHandler.value) {
+          emit(updateEventKey, false);
+        }
+      } else if (indicator.value !== val) {
+        if (val) {
+          doShow();
+        } else {
+          doHide();
+        }
+      }
+    };
+    const toggle = () => {
+      if (indicator.value) {
+        hide();
+      } else {
+        show();
+      }
+    };
+    watch(() => props[name], onChange);
+    if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
+      watch(() => ({
+        ...instance.proxy.$route
+      }), () => {
+        if (shouldHideWhenRouteChanges.value && indicator.value) {
+          hide();
+        }
+      });
+    }
+    onMounted(() => {
+      onChange(props[name]);
+    });
+    return {
+      hide,
+      show,
+      toggle,
+      hasUpdateHandler
+    };
+  };
+  return {
+    useModelToggle: useModelToggle2,
+    useModelToggleProps: useModelToggleProps2,
+    useModelToggleEmits: useModelToggleEmits2
+  };
+};
+
 const {
   useModelToggleProps: useTooltipModelToggleProps,
   useModelToggleEmits: useTooltipModelToggleEmits,
@@ -16366,11 +16332,21 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$g = defineComponent({
+const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
+  const handleEvent = (event) => {
+    const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
+    if (checkForDefaultPrevented === false || !shouldPrevent) {
+      return oursHandler == null ? void 0 : oursHandler(event);
+    }
+  };
+  return handleEvent;
+};
+
+const __default__$k = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16429,7 +16405,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "trigger.vue"]]);
 
 const teleportProps = buildProps({
   to: {
@@ -16439,7 +16415,7 @@ const teleportProps = buildProps({
   disabled: Boolean
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -16453,22 +16429,55 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "teleport.vue"]]);
 
 const ElTeleport = withInstall(Teleport);
 
-const __default__$f = defineComponent({
+const usePopperContainerId = () => {
+  const namespace = useGetDerivedNamespace();
+  const idInjection = useIdInjection();
+  const id = computed(() => {
+    return `${namespace.value}-popper-container-${idInjection.prefix}`;
+  });
+  const selector = computed(() => `#${id.value}`);
+  return {
+    id,
+    selector
+  };
+};
+const createContainer = (id) => {
+  const container = document.createElement("div");
+  container.id = id;
+  document.body.appendChild(container);
+  return container;
+};
+const usePopperContainer = () => {
+  const { id, selector } = usePopperContainerId();
+  onBeforeMount(() => {
+    if (!isClient)
+      return;
+    if (!document.body.querySelector(selector.value)) {
+      createContainer(id.value);
+    }
+  });
+  return {
+    id,
+    selector
+  };
+};
+
+const __default__$j = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
     const { selector } = usePopperContainerId();
     const ns = useNamespace("tooltip");
-    const contentRef = ref(null);
+    const contentRef = ref();
     let stopHandle;
     const {
       controlled,
@@ -16504,9 +16513,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = props.style) != null ? _a : {};
     });
-    const ariaHidden = computed(() => !unref(open));
+    const ariaHidden = ref(true);
     const onTransitionLeave = () => {
       onHide();
+      isFocusInsideContent() && tryFocus(document.body);
+      ariaHidden.value = true;
     };
     const stopWhenControlled = () => {
       if (unref(controlled))
@@ -16549,9 +16560,17 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         onClose();
       }
     };
+    const isFocusInsideContent = (event) => {
+      var _a;
+      const popperContent = (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
+      const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
+      return popperContent == null ? void 0 : popperContent.contains(activeElement);
+    };
     watch(() => unref(open), (val) => {
       if (!val) {
         stopHandle == null ? void 0 : stopHandle();
+      } else {
+        ariaHidden.value = false;
       }
     }, {
       flush: "post"
@@ -16561,7 +16580,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
     });
     expose({
-      contentRef
+      contentRef,
+      isFocusInsideContent
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElTeleport), {
@@ -16584,7 +16604,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 ref: contentRef
               }, _ctx.$attrs, {
                 "aria-label": _ctx.ariaLabel,
-                "aria-hidden": unref(ariaHidden),
+                "aria-hidden": ariaHidden.value,
                 "boundaries-padding": _ctx.boundariesPadding,
                 "fallback-placements": _ctx.fallbackPlacements,
                 "gpu-acceleration": _ctx.gpuAcceleration,
@@ -16622,13 +16642,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "content.vue"]]);
 
-const __default__$e = defineComponent({
+const __default__$i = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16696,10 +16716,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }
     });
     const isFocusInsideContent = (event) => {
-      var _a, _b;
-      const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
-      const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
-      return popperContent && popperContent.contains(activeElement);
+      var _a;
+      return (_a = contentRef.value) == null ? void 0 : _a.isFocusInsideContent(event);
     };
     onDeactivated(() => open.value && hide());
     expose({
@@ -16780,12 +16798,19 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip$1 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "tooltip.vue"]]);
+var Tooltip$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip$1);
 
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 
+const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" }, condition) => {
+  watch(() => unref(condition), (val) => {
+  }, {
+    immediate: true
+  });
+};
+
 const useButton = (props, emit) => {
   useDeprecated({
     from: "type.text",
@@ -17847,11 +17872,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$d = defineComponent({
+const __default__$h = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -17907,159 +17932,56 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("v-if", true),
           _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
             key: 2,
-            class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 2)) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["class", "style", "onClick"]);
-    };
-  }
-});
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "button.vue"]]);
-
-const buttonGroupProps = {
-  size: buttonProps.size,
-  type: buttonProps.type
-};
-
-const __default__$c = defineComponent({
-  name: "ElButtonGroup"
-});
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
-  props: buttonGroupProps,
-  setup(__props) {
-    const props = __props;
-    provide(buttonGroupContextKey, reactive({
-      size: toRef(props, "size"),
-      type: toRef(props, "type")
-    }));
-    const ns = useNamespace("button");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b("group"))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "button-group.vue"]]);
-
-const ElButton = withInstall(Button, {
-  ButtonGroup
-});
-withNoopInstall(ButtonGroup);
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-const nodeList$1 = /* @__PURE__ */ new Map();
-if (isClient) {
-  let startClick;
-  document.addEventListener("mousedown", (e) => startClick = e);
-  document.addEventListener("mouseup", (e) => {
-    if (startClick) {
-      for (const handlers of nodeList$1.values()) {
-        for (const { documentHandler } of handlers) {
-          documentHandler(e, startClick);
-        }
-      }
-      startClick = void 0;
-    }
-  });
-}
-function createDocumentHandler$1(el, binding) {
-  let excludes = [];
-  if (Array.isArray(binding.arg)) {
-    excludes = binding.arg;
-  } else if (isElement(binding.arg)) {
-    excludes.push(binding.arg);
-  }
-  return function(mouseup, mousedown) {
-    const popperRef = binding.instance.popperRef;
-    const mouseUpTarget = mouseup.target;
-    const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
-    const isBound = !binding || !binding.instance;
-    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
-    const isSelf = el === mouseUpTarget;
-    const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
-    const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
-    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
-      return;
-    }
-    binding.value(mouseup, mousedown);
-  };
-}
-const ClickOutside = {
-  beforeMount(el, binding) {
-    if (!nodeList$1.has(el)) {
-      nodeList$1.set(el, []);
-    }
-    nodeList$1.get(el).push({
-      documentHandler: createDocumentHandler$1(el, binding),
-      bindingFn: binding.value
-    });
-  },
-  updated(el, binding) {
-    if (!nodeList$1.has(el)) {
-      nodeList$1.set(el, []);
-    }
-    const handlers = nodeList$1.get(el);
-    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
-    const newHandler = {
-      documentHandler: createDocumentHandler$1(el, binding),
-      bindingFn: binding.value
-    };
-    if (oldHandlerIndex >= 0) {
-      handlers.splice(oldHandlerIndex, 1, newHandler);
-    } else {
-      handlers.push(newHandler);
-    }
-  },
-  unmounted(el) {
-    nodeList$1.delete(el);
-  }
-};
-
-const REPEAT_INTERVAL = 100;
-const REPEAT_DELAY = 600;
-const vRepeatClick = {
-  beforeMount(el, binding) {
-    const value = binding.value;
-    const { interval = REPEAT_INTERVAL, delay = REPEAT_DELAY } = isFunction$1(value) ? {} : value;
-    let intervalId;
-    let delayId;
-    const handler = () => isFunction$1(value) ? value() : value.handler();
-    const clear = () => {
-      if (delayId) {
-        clearTimeout(delayId);
-        delayId = void 0;
-      }
-      if (intervalId) {
-        clearInterval(intervalId);
-        intervalId = void 0;
-      }
+            class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 16, ["class", "style", "onClick"]);
     };
-    el.addEventListener("mousedown", (evt) => {
-      if (evt.button !== 0)
-        return;
-      clear();
-      handler();
-      document.addEventListener("mouseup", () => clear(), {
-        once: true
-      });
-      delayId = setTimeout(() => {
-        intervalId = setInterval(() => {
-          handler();
-        }, interval);
-      }, delay);
-    });
   }
+});
+var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "button.vue"]]);
+
+const buttonGroupProps = {
+  size: buttonProps.size,
+  type: buttonProps.type
 };
 
+const __default__$g = defineComponent({
+  name: "ElButtonGroup"
+});
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
+  props: buttonGroupProps,
+  setup(__props) {
+    const props = __props;
+    provide(buttonGroupContextKey, reactive({
+      size: toRef(props, "size"),
+      type: toRef(props, "type")
+    }));
+    const ns = useNamespace("button");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b("group"))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "button-group.vue"]]);
+
+const ElButton = withInstall(Button, {
+  ButtonGroup
+});
+withNoopInstall(ButtonGroup);
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+
 const tagProps = buildProps({
   type: {
     type: String,
@@ -18086,11 +18008,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$b = defineComponent({
+const __default__$f = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -18116,7 +18038,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       emit("click", event);
     };
     const handleVNodeMounted = (vnode) => {
-      vnode.component.subTree.component.bum = null;
+      var _a, _b, _c;
+      if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
+        vnode.component.subTree.component.bum = null;
+      }
     };
     return (_ctx, _cache) => {
       return _ctx.disableTransitions ? (openBlock(), createElementBlock("span", {
@@ -18174,26 +18099,131 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "tag.vue"]]);
+var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "tag.vue"]]);
 
 const ElTag = withInstall(Tag);
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const nodeList$1 = /* @__PURE__ */ new Map();
+if (isClient) {
+  let startClick;
+  document.addEventListener("mousedown", (e) => startClick = e);
+  document.addEventListener("mouseup", (e) => {
+    if (startClick) {
+      for (const handlers of nodeList$1.values()) {
+        for (const { documentHandler } of handlers) {
+          documentHandler(e, startClick);
+        }
+      }
+      startClick = void 0;
+    }
+  });
+}
+function createDocumentHandler$1(el, binding) {
+  let excludes = [];
+  if (isArray$1(binding.arg)) {
+    excludes = binding.arg;
+  } else if (isElement(binding.arg)) {
+    excludes.push(binding.arg);
+  }
+  return function(mouseup, mousedown) {
+    const popperRef = binding.instance.popperRef;
+    const mouseUpTarget = mouseup.target;
+    const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
+    const isBound = !binding || !binding.instance;
+    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    const isSelf = el === mouseUpTarget;
+    const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
+    const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+const ClickOutside = {
+  beforeMount(el, binding) {
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
+    }
+    nodeList$1.get(el).push({
+      documentHandler: createDocumentHandler$1(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
+    }
+    const handlers = nodeList$1.get(el);
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const newHandler = {
+      documentHandler: createDocumentHandler$1(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el) {
+    nodeList$1.delete(el);
+  }
+};
+
+const REPEAT_INTERVAL = 100;
+const REPEAT_DELAY = 600;
+const vRepeatClick = {
+  beforeMount(el, binding) {
+    const value = binding.value;
+    const { interval = REPEAT_INTERVAL, delay = REPEAT_DELAY } = isFunction$1(value) ? {} : value;
+    let intervalId;
+    let delayId;
+    const handler = () => isFunction$1(value) ? value() : value.handler();
+    const clear = () => {
+      if (delayId) {
+        clearTimeout(delayId);
+        delayId = void 0;
+      }
+      if (intervalId) {
+        clearInterval(intervalId);
+        intervalId = void 0;
+      }
+    };
+    el.addEventListener("mousedown", (evt) => {
+      if (evt.button !== 0)
+        return;
+      clear();
+      handler();
+      document.addEventListener("mouseup", () => clear(), {
+        once: true
+      });
+      delayId = setTimeout(() => {
+        intervalId = setInterval(() => {
+          handler();
+        }, interval);
+      }, delay);
+    });
+  }
+};
+
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$5], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$5], ["__file", "collection.vue"]]);
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$4], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$4], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -18256,6 +18286,15 @@ const createCollectionWithScope = (name) => {
 
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
+  triggerKeys: {
+    type: definePropType(Array),
+    default: () => [
+      EVENT_CODE.enter,
+      EVENT_CODE.numpadEnter,
+      EVENT_CODE.space,
+      EVENT_CODE.down
+    ]
+  },
   effect: {
     ...useTooltipContentProps.effect,
     default: "light"
@@ -18394,11 +18433,11 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const __default__$a = defineComponent({
+const __default__$e = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -18513,6 +18552,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
       if (stepStrictly) {
         newVal = toPrecision(Math.round(newVal / step) * step, precision);
+        if (newVal !== value) {
+          update && emit(UPDATE_MODEL_EVENT, newVal);
+        }
       }
       if (!isUndefined(precision)) {
         newVal = toPrecision(newVal, precision);
@@ -18569,11 +18611,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       emit("focus", event);
     };
     const handleBlur = (event) => {
-      var _a;
+      var _a, _b;
       data.userInput = null;
+      if (isFirefox() && data.currentValue === null && ((_a = input.value) == null ? void 0 : _a.input)) {
+        input.value.input.value = "";
+      }
       emit("blur", event);
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+        (_b = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _b.call(formItem, "blur").catch((err) => debugWarn());
       }
     };
     const setCurrentValueToModelValue = () => {
@@ -18698,15 +18743,121 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           onFocus: handleFocus,
           onInput: handleInput,
           onChange: handleInputChange
-        }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
+        }, createSlots({
+          _: 2
+        }, [
+          _ctx.$slots.prefix ? {
+            name: "prefix",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "prefix")
+            ])
+          } : void 0,
+          _ctx.$slots.suffix ? {
+            name: "suffix",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "suffix")
+            ])
+          } : void 0
+        ]), 1032, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
       ], 42, ["onDragstart"]);
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__file", "input-number.vue"]]);
 
 const ElInputNumber = withInstall(InputNumber);
 
+function useCalcInputWidth() {
+  const calculatorRef = shallowRef();
+  const calculatorWidth = ref(0);
+  const MINIMUM_INPUT_WIDTH = 11;
+  const inputStyle = computed(() => ({
+    minWidth: `${Math.max(calculatorWidth.value, MINIMUM_INPUT_WIDTH)}px`
+  }));
+  const resetCalculatorWidth = () => {
+    var _a, _b;
+    calculatorWidth.value = (_b = (_a = calculatorRef.value) == null ? void 0 : _a.getBoundingClientRect().width) != null ? _b : 0;
+  };
+  useResizeObserver(calculatorRef, resetCalculatorWidth);
+  return {
+    calculatorRef,
+    calculatorWidth,
+    inputStyle
+  };
+}
+
+const linkProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger", "default"],
+    default: "default"
+  },
+  underline: {
+    type: Boolean,
+    default: true
+  },
+  disabled: Boolean,
+  href: { type: String, default: "" },
+  target: {
+    type: String,
+    default: "_self"
+  },
+  icon: {
+    type: iconPropType
+  }
+});
+const linkEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
+
+const __default__$d = defineComponent({
+  name: "ElLink"
+});
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
+  props: linkProps,
+  emits: linkEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("link");
+    const linkKls = computed(() => [
+      ns.b(),
+      ns.m(props.type),
+      ns.is("disabled", props.disabled),
+      ns.is("underline", props.underline && !props.disabled)
+    ]);
+    function handleClick(event) {
+      if (!props.disabled)
+        emit("click", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("a", {
+        class: normalizeClass(unref(linkKls)),
+        href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
+        target: _ctx.disabled || !_ctx.href ? void 0 : _ctx.target,
+        onClick: handleClick
+      }, [
+        _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("inner"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 2 }) : createCommentVNode("v-if", true)
+      ], 10, ["href", "target"]);
+    };
+  }
+});
+var Link = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "link.vue"]]);
+
+const ElLink = withInstall(Link);
+
 const selectGroupKey = Symbol("ElSelectGroup");
 const selectKey = Symbol("ElSelect");
 
@@ -18785,7 +18936,7 @@ function useOption(props, states) {
   };
 }
 
-const _sfc_main$e = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -18825,8 +18976,7 @@ const _sfc_main$e = defineComponent({
     select.onOptionCreate(vm);
     onBeforeUnmount(() => {
       const key = vm.value;
-      const { selected } = select.states;
-      const selectedOptions = select.props.multiple ? selected : [selected];
+      const { selected: selectedOptions } = select.states;
       const doesSelected = selectedOptions.some((item) => {
         return item.value === vm.value;
       });
@@ -18866,19 +19016,19 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     role: "option",
     "aria-disabled": _ctx.isDisabled || void 0,
     "aria-selected": _ctx.itemSelected,
-    onMouseenter: _ctx.hoverItem,
+    onMousemove: _ctx.hoverItem,
     onClick: withModifiers(_ctx.selectOptionClick, ["stop"])
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)
     ])
-  ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
+  ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$3], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$3], ["__file", "option.vue"]]);
 
-const _sfc_main$d = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -18925,9 +19075,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var ElSelectMenu = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$2], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$2], ["__file", "select-dropdown.vue"]]);
 
-const MINIMUM_INPUT_WIDTH = 11;
 const useSelect = (props, emit) => {
   const { t } = useLocale();
   const contentId = useId();
@@ -18937,11 +19086,9 @@ const useSelect = (props, emit) => {
     inputValue: "",
     options: /* @__PURE__ */ new Map(),
     cachedOptions: /* @__PURE__ */ new Map(),
-    disabledOptions: /* @__PURE__ */ new Map(),
     optionValues: [],
     selected: [],
     selectionWidth: 0,
-    calculatorWidth: 0,
     collapseItemWidth: 0,
     selectedLabel: "",
     hoveringIndex: -1,
@@ -18955,7 +19102,6 @@ const useSelect = (props, emit) => {
   const tooltipRef = ref(null);
   const tagTooltipRef = ref(null);
   const inputRef = ref(null);
-  const calculatorRef = ref(null);
   const prefixRef = ref(null);
   const suffixRef = ref(null);
   const menuRef = ref(null);
@@ -18970,7 +19116,7 @@ const useSelect = (props, emit) => {
   } = useComposition({
     afterComposition: (e) => onInput(e)
   });
-  const { wrapperRef, isFocused } = useFocusController(inputRef, {
+  const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
     beforeFocus() {
       return selectDisabled.value;
     },
@@ -19000,6 +19146,10 @@ const useSelect = (props, emit) => {
   const hasModelValue = computed(() => {
     return isArray$1(props.modelValue) ? props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
   });
+  const needStatusIcon = computed(() => {
+    var _a;
+    return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+  });
   const showClose = computed(() => {
     return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
   });
@@ -19008,12 +19158,11 @@ const useSelect = (props, emit) => {
   const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
   const validateIcon = computed(() => ValidateComponentsMap[validateState.value]);
   const debounce$1 = computed(() => props.remote ? 300 : 0);
+  const isRemoteSearchEmpty = computed(() => props.remote && !states.inputValue && states.options.size === 0);
   const emptyText = computed(() => {
     if (props.loading) {
       return props.loadingText || t("el.select.loading");
     } else {
-      if (props.remote && !states.inputValue && states.options.size === 0)
-        return false;
       if (props.filterable && states.inputValue && states.options.size > 0 && filteredOptionsCount.value === 0) {
         return props.noMatchText || t("el.select.noMatch");
       }
@@ -19058,7 +19207,7 @@ const useSelect = (props, emit) => {
   const collapseTagSize = computed(() => ["small"].includes(selectSize.value) ? "small" : "default");
   const dropdownMenuVisible = computed({
     get() {
-      return expanded.value && emptyText.value !== false;
+      return expanded.value && !isRemoteSearchEmpty.value;
     },
     set(val) {
       expanded.value = val;
@@ -19103,13 +19252,9 @@ const useSelect = (props, emit) => {
     emit("visible-change", val);
   });
   watch(() => states.options.entries(), () => {
-    var _a;
     if (!isClient)
       return;
-    const inputs = ((_a = selectRef.value) == null ? void 0 : _a.querySelectorAll("input")) || [];
-    if (!props.filterable && !props.defaultFirstOption && !isUndefined(props.modelValue) || !Array.from(inputs).includes(document.activeElement)) {
-      setSelected();
-    }
+    setSelected();
     if (props.defaultFirstOption && (props.filterable || props.remote) && filteredOptionsCount.value) {
       checkDefaultFirstOption();
     }
@@ -19151,7 +19296,8 @@ const useSelect = (props, emit) => {
     const optionsInDropdown = optionsArray.value.filter((n) => n.visible && !n.disabled && !n.states.groupDisabled);
     const userCreatedOption = optionsInDropdown.find((n) => n.created);
     const firstOriginOption = optionsInDropdown[0];
-    states.hoveringIndex = getValueIndex(optionsArray.value, userCreatedOption || firstOriginOption);
+    const valueList = optionsArray.value.map((item) => item.value);
+    states.hoveringIndex = getValueIndex(valueList, userCreatedOption || firstOriginOption);
   };
   const setSelected = () => {
     if (!props.multiple) {
@@ -19173,9 +19319,7 @@ const useSelect = (props, emit) => {
   };
   const getOption = (value) => {
     let option;
-    const isObjectValue = toRawType(value).toLowerCase() === "object";
-    const isNull = toRawType(value).toLowerCase() === "null";
-    const isUndefined2 = toRawType(value).toLowerCase() === "undefined";
+    const isObjectValue = isPlainObject$1(value);
     for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
       const cachedOption = cachedOptionsArray.value[i];
       const isEqualValue = isObjectValue ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey) : cachedOption.value === value;
@@ -19192,7 +19336,7 @@ const useSelect = (props, emit) => {
     }
     if (option)
       return option;
-    const label = isObjectValue ? value.label : !isNull && !isUndefined2 ? value : "";
+    const label = isObjectValue ? value.label : value != null ? value : "";
     const newOption = {
       value,
       currentLabel: label
@@ -19205,9 +19349,6 @@ const useSelect = (props, emit) => {
   const resetSelectionWidth = () => {
     states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
   };
-  const resetCalculatorWidth = () => {
-    states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
-  };
   const resetCollapseItemWidth = () => {
     states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
   };
@@ -19241,7 +19382,10 @@ const useSelect = (props, emit) => {
       emit(CHANGE_EVENT, val);
     }
   };
-  const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => !states.disabledOptions.has(it));
+  const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => {
+    const option = states.cachedOptions.get(it);
+    return option && !option.disabled && !option.states.groupDisabled;
+  });
   const deletePrevTag = (e) => {
     if (!props.multiple)
       return;
@@ -19291,7 +19435,7 @@ const useSelect = (props, emit) => {
     var _a;
     if (props.multiple) {
       const value = castArray((_a = props.modelValue) != null ? _a : []).slice();
-      const optionIndex = getValueIndex(value, option.value);
+      const optionIndex = getValueIndex(value, option);
       if (optionIndex > -1) {
         value.splice(optionIndex, 1);
       } else if (props.multipleLimit <= 0 || value.length < props.multipleLimit) {
@@ -19317,19 +19461,14 @@ const useSelect = (props, emit) => {
       scrollToOption(option);
     });
   };
-  const getValueIndex = (arr = [], value) => {
-    if (!isObject$1(value))
-      return arr.indexOf(value);
-    const valueKey = props.valueKey;
-    let index = -1;
-    arr.some((item, i) => {
-      if (toRaw(get(item, valueKey)) === get(value, valueKey)) {
-        index = i;
-        return true;
-      }
-      return false;
+  const getValueIndex = (arr = [], option) => {
+    if (isUndefined(option))
+      return -1;
+    if (!isObject$1(option.value))
+      return arr.indexOf(option.value);
+    return arr.findIndex((item) => {
+      return isEqual(get(item, props.valueKey), getValueKey(option));
     });
-    return index;
   };
   const scrollToOption = (option) => {
     var _a, _b, _c, _d, _e;
@@ -19352,7 +19491,6 @@ const useSelect = (props, emit) => {
   const onOptionCreate = (vm) => {
     states.options.set(vm.value, vm);
     states.cachedOptions.set(vm.value, vm);
-    vm.disabled && states.disabledOptions.set(vm.value, vm);
   };
   const onOptionDestroy = (key, vm) => {
     if (states.options.get(key) === vm) {
@@ -19373,14 +19511,25 @@ const useSelect = (props, emit) => {
   };
   const blur = () => {
     var _a;
+    if (expanded.value) {
+      expanded.value = false;
+      nextTick(() => {
+        var _a2;
+        return (_a2 = inputRef.value) == null ? void 0 : _a2.blur();
+      });
+      return;
+    }
     (_a = inputRef.value) == null ? void 0 : _a.blur();
   };
   const handleClearClick = (event) => {
     deleteSelected(event);
   };
-  const handleClickOutside = () => {
+  const handleClickOutside = (event) => {
     expanded.value = false;
-    isFocused.value && blur();
+    if (isFocused.value) {
+      const _event = new FocusEvent("focus", event);
+      nextTick(() => handleBlur(_event));
+    }
   };
   const handleEsc = () => {
     if (states.inputValue.length > 0) {
@@ -19404,15 +19553,16 @@ const useSelect = (props, emit) => {
     if (!expanded.value) {
       toggleMenu();
     } else {
-      if (optionsArray.value[states.hoveringIndex]) {
-        handleOptionSelect(optionsArray.value[states.hoveringIndex]);
+      const option = optionsArray.value[states.hoveringIndex];
+      if (option && !option.isDisabled) {
+        handleOptionSelect(option);
       }
     }
   };
   const getValueKey = (item) => {
     return isObject$1(item.value) ? get(item.value, props.valueKey) : item.value;
   };
-  const optionsAllDisabled = computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.disabled));
+  const optionsAllDisabled = computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.isDisabled));
   const showTagList = computed(() => {
     if (!props.multiple) {
       return [];
@@ -19430,7 +19580,7 @@ const useSelect = (props, emit) => {
       expanded.value = true;
       return;
     }
-    if (states.options.size === 0 || states.filteredOptionsCount === 0 || isComposing.value)
+    if (states.options.size === 0 || filteredOptionsCount.value === 0 || isComposing.value)
       return;
     if (!optionsAllDisabled.value) {
       if (direction === "next") {
@@ -19445,7 +19595,7 @@ const useSelect = (props, emit) => {
         }
       }
       const option = optionsArray.value[states.hoveringIndex];
-      if (option.disabled === true || option.states.groupDisabled === true || !option.visible) {
+      if (option.isDisabled || !option.visible) {
         navigateOptions(direction);
       }
       nextTick(() => scrollToOption(hoverOption.value));
@@ -19465,11 +19615,7 @@ const useSelect = (props, emit) => {
   const collapseTagStyle = computed(() => {
     return { maxWidth: `${states.selectionWidth}px` };
   });
-  const inputStyle = computed(() => ({
-    width: `${Math.max(states.calculatorWidth, MINIMUM_INPUT_WIDTH)}px`
-  }));
   useResizeObserver(selectionRef, resetSelectionWidth);
-  useResizeObserver(calculatorRef, resetCalculatorWidth);
   useResizeObserver(menuRef, updateTooltip);
   useResizeObserver(wrapperRef, updateTooltip);
   useResizeObserver(tagMenuRef, updateTagTooltip);
@@ -19489,7 +19635,6 @@ const useSelect = (props, emit) => {
     hoverOption,
     selectSize,
     filteredOptionsCount,
-    resetCalculatorWidth,
     updateTooltip,
     updateTagTooltip,
     debouncedOnInputChange,
@@ -19503,6 +19648,7 @@ const useSelect = (props, emit) => {
     shouldShowPlaceholder,
     currentPlaceholder,
     mouseEnterEventName,
+    needStatusIcon,
     showClose,
     iconComponent,
     iconReverse,
@@ -19534,12 +19680,10 @@ const useSelect = (props, emit) => {
     collapseTagList,
     tagStyle,
     collapseTagStyle,
-    inputStyle,
     popperRef,
     inputRef,
     tooltipRef,
     tagTooltipRef,
-    calculatorRef,
     prefixRef,
     suffixRef,
     selectRef,
@@ -19670,6 +19814,14 @@ const SelectProps = buildProps({
     default: true
   },
   remoteShowSuffix: Boolean,
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
   placement: {
     type: definePropType(String),
     values: Ee,
@@ -19679,12 +19831,17 @@ const SelectProps = buildProps({
     type: definePropType(Array),
     default: ["bottom-start", "top-start", "right", "left"]
   },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  appendTo: String,
   ...useEmptyValuesProps,
   ...useAriaProps(["ariaLabel"])
 });
 
 const COMPONENT_NAME = "ElSelect";
-const _sfc_main$c = defineComponent({
+const _sfc_main$f = defineComponent({
   name: COMPONENT_NAME,
   componentName: COMPONENT_NAME,
   components: {
@@ -19721,6 +19878,7 @@ const _sfc_main$c = defineComponent({
       modelValue
     });
     const API = useSelect(_props, emit);
+    const { calculatorRef, inputStyle } = useCalcInputWidth();
     provide(selectKey, reactive({
       props: _props,
       states: API.states,
@@ -19731,9 +19889,18 @@ const _sfc_main$c = defineComponent({
       selectRef: API.selectRef,
       setSelected: API.setSelected
     }));
+    const selectedLabel = computed(() => {
+      if (!props.multiple) {
+        return API.states.selectedLabel;
+      }
+      return API.states.selected.map((i) => i.currentLabel);
+    });
     return {
       ...API,
-      modelValue
+      modelValue,
+      selectedLabel,
+      calculatorRef,
+      inputStyle
     };
   }
 });
@@ -19767,6 +19934,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       "stop-popper-mouse-event": false,
       "gpu-acceleration": false,
       persistent: _ctx.persistent,
+      "append-to": _ctx.appendTo,
+      "show-arrow": _ctx.showArrow,
+      offset: _ctx.offset,
       onBeforeShow: _ctx.handleMenuEnter,
       onHide: ($event) => _ctx.states.isBeforeHide = false
     }, {
@@ -19900,8 +20070,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 3
                 }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("v-if", true)
               ]) : createCommentVNode("v-if", true),
-              !_ctx.selectDisabled ? (openBlock(), createElementBlock("div", {
-                key: 1,
+              createElementVNode("div", {
                 class: normalizeClass([
                   _ctx.nsSelect.e("selected-item"),
                   _ctx.nsSelect.e("input-wrapper"),
@@ -19918,6 +20087,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   disabled: _ctx.selectDisabled,
                   autocomplete: _ctx.autocomplete,
                   style: normalizeStyle(_ctx.inputStyle),
+                  tabindex: _ctx.tabindex,
                   role: "combobox",
                   readonly: !_ctx.filterable,
                   spellcheck: "false",
@@ -19939,7 +20109,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   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"]), [
+                }, null, 46, ["id", "onUpdate:modelValue", "name", "disabled", "autocomplete", "tabindex", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onClick"]), [
                   [vModelText, _ctx.states.inputValue]
                 ]),
                 _ctx.filterable ? (openBlock(), createElementBlock("span", {
@@ -19949,9 +20119,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
                   textContent: toDisplayString(_ctx.states.inputValue)
                 }, null, 10, ["textContent"])) : createCommentVNode("v-if", true)
-              ], 2)) : createCommentVNode("v-if", true),
+              ], 2),
               _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
-                key: 2,
+                key: 1,
                 class: normalizeClass([
                   _ctx.nsSelect.e("selected-item"),
                   _ctx.nsSelect.e("placeholder"),
@@ -19994,9 +20164,13 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
-              _ctx.validateState && _ctx.validateIcon ? (openBlock(), createBlock(_component_el_icon, {
+              _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
                 key: 2,
-                class: normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
+                class: normalizeClass([
+                  _ctx.nsInput.e("icon"),
+                  _ctx.nsInput.e("validateIcon"),
+                  _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                ])
               }, {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
@@ -20072,14 +20246,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }, 512)
       ]),
       _: 3
-    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "onBeforeShow", "onHide"])
+    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow", "onHide"])
   ], 16, ["onMouseleave"])), [
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$1], ["__file", "select.vue"]]);
+var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$1], ["__file", "select.vue"]]);
 
-const _sfc_main$b = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -20151,7 +20325,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render], ["__file", "option-group.vue"]]);
 
 const ElSelect = withInstall(Select, {
   Option,
@@ -20222,11 +20396,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$9 = defineComponent({
+const __default__$c = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -20325,7 +20499,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "popover.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -20349,18 +20523,26 @@ const ElPopover = withInstall(Popover, {
   directive: ElPopoverDirective
 });
 
-const _hoisted_1$7 = ["onClick"];
-const _hoisted_2$6 = { class: "hzzt-dropdown-name" };
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1$a = ["onClick"];
+const _hoisted_2$9 = { class: "hzzt-dropdown-name" };
+const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
 const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
 const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$3 = { class: "submenu" };
 const _hoisted_7$3 = ["onClick"];
-const __default__$8 = defineComponent({
+const __default__$b = defineComponent({
   name: "HzztDropDown"
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: {
     options: {
       type: Array,
@@ -20415,8 +20597,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         createElementVNode("li", {
           class: normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
         }, [
-          createElementVNode("span", _hoisted_2$6, toDisplayString(__props.label), 1),
-          _hoisted_3$6,
+          createElementVNode("span", _hoisted_2$9, toDisplayString(__props.label), 1),
+          _hoisted_3$7,
           createElementVNode("ul", _hoisted_4$5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
               return openBlock(), createElementBlock(Fragment, null, [
@@ -20463,19 +20645,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             }), 256))
           ])
         ], 2)
-      ], 8, _hoisted_1$7)), [
+      ], 8, _hoisted_1$a)), [
         [unref(ClickOutside), close]
       ]);
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "index.vue"]]);
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "index.vue"]]);
 
 const HzztDropdown = withInstall$1(Dropdown);
 
-const _hoisted_1$6 = { class: "hzzt-collapse" };
-const _hoisted_2$5 = { class: "flex align-items-center" };
-const _hoisted_3$5 = { class: "hzzt-collapse-title-wrapper" };
+const _hoisted_1$9 = { class: "hzzt-collapse" };
+const _hoisted_2$8 = { class: "flex align-items-center" };
+const _hoisted_3$6 = { class: "hzzt-collapse-title-wrapper" };
 const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
 const _hoisted_5$2 = { class: "hzzt-collapse-title" };
 const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
@@ -20483,11 +20665,11 @@ const _hoisted_7$2 = {
   key: 0,
   class: "hzzt-collapse-text"
 };
-const __default__$7 = defineComponent({
+const __default__$a = defineComponent({
   name: "HzztCollapse"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: {
     defaultActive: {
       type: Boolean,
@@ -20513,13 +20695,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       active.value = !active.value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", {
           class: "hzzt-collapse-header",
           onClick: toggle
         }, [
-          createElementVNode("div", _hoisted_2$5, [
-            createElementVNode("div", _hoisted_3$5, [
+          createElementVNode("div", _hoisted_2$8, [
+            createElementVNode("div", _hoisted_3$6, [
               _hoisted_4$4,
               createElementVNode("div", _hoisted_5$2, toDisplayString(__props.title), 1)
             ]),
@@ -20533,11 +20715,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "collapse.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "collapse.vue"]]);
 
 const HzztCollapse = withInstall$1(Collapse);
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     name: {
@@ -20563,11 +20745,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "index.vue"]]);
+var HzztIcon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "index.vue"]]);
 
-const _hoisted_1$5 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
-const _hoisted_2$4 = { class: "flex align-items-center" };
-const _hoisted_3$4 = { class: "flex" };
+const _hoisted_1$8 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
+const _hoisted_2$7 = { class: "flex align-items-center" };
+const _hoisted_3$5 = { class: "flex" };
 const _hoisted_4$3 = ["onClick"];
 const _hoisted_5$1 = { class: "hzzt-tab-badge" };
 const _hoisted_6$1 = {
@@ -20575,11 +20757,11 @@ const _hoisted_6$1 = {
   class: "hzzt-tab-badge-count"
 };
 const _hoisted_7$1 = { class: "flex wrap" };
-const __default__$6 = defineComponent({
+const __default__$9 = defineComponent({
   name: "HzztTab"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: {
     tabList: {
       type: Array,
@@ -20616,9 +20798,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       emit("tab-close", index);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createElementVNode("div", _hoisted_2$4, [
-          createElementVNode("div", _hoisted_3$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createElementVNode("div", _hoisted_2$7, [
+          createElementVNode("div", _hoisted_3$5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab, index) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.key,
@@ -20650,7 +20832,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "index.vue"]]);
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "index.vue"]]);
 
 const HzztTab = withInstall$1(Tab);
 
@@ -20666,15 +20848,15 @@ function tarnsElIconName(name) {
   return `hzzt-el${name.replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`)}`;
 }
 
-const _hoisted_1$4 = { class: "flex justify-content-between hzzt-pagination" };
-const _hoisted_2$3 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
-const _hoisted_3$3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
+const _hoisted_1$7 = { class: "flex justify-content-between hzzt-pagination" };
+const _hoisted_2$6 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
+const _hoisted_3$4 = { class: "flex align-items-center hzzt-pagination-page font-14" };
 const _hoisted_4$2 = { class: "flex" };
-const __default__$5 = defineComponent({
+const __default__$8 = defineComponent({
   name: "HzztPagination"
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: {
     pagination: {
       type: Object,
@@ -20704,9 +20886,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("p", _hoisted_2$3, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
-        createElementVNode("div", _hoisted_3$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("p", _hoisted_2$6, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
+        createElementVNode("div", _hoisted_3$4, [
           renderSlot(_ctx.$slots, "right"),
           createVNode(HzztIcon$1, {
             class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
@@ -20724,18 +20906,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Pagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "index.vue"]]);
+var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "index.vue"]]);
 
 const HzztPagination = withInstall$1(Pagination);
 
-const _hoisted_1$3 = { class: "flex align-content-center" };
-const _hoisted_2$2 = { style: { "max-width": "300px" } };
-const _hoisted_3$2 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
-const __default__$4 = defineComponent({
+const _hoisted_1$6 = { class: "flex align-content-center" };
+const _hoisted_2$5 = { style: { "max-width": "300px" } };
+const _hoisted_3$3 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
+const __default__$7 = defineComponent({
   name: "HzztTooltip"
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: {
     content: {
       type: String,
@@ -20746,12 +20928,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const attrs = useAttrs$1();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createVNode(unref(ElTooltip), mergeProps({ effect: "dark" }, unref(attrs)), {
           content: withCtx(() => [
             renderSlot(_ctx.$slots, "content", {}, () => [
-              createElementVNode("div", _hoisted_2$2, [
-                createElementVNode("pre", _hoisted_3$2, toDisplayString(__props.content), 1)
+              createElementVNode("div", _hoisted_2$5, [
+                createElementVNode("pre", _hoisted_3$3, toDisplayString(__props.content), 1)
               ])
             ])
           ]),
@@ -20769,28 +20951,28 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tooltip.vue"]]);
 
 const HzztTooltip = withInstall$1(Tooltip);
 
-const _hoisted_1$2 = {
+const _hoisted_1$5 = {
   key: 0,
   style: { "white-space": "nowrap" }
 };
-const _hoisted_2$1 = {
+const _hoisted_2$4 = {
   key: 1,
   style: { "white-space": "nowrap" }
 };
-const _hoisted_3$1 = { class: "line-height-1" };
+const _hoisted_3$2 = { class: "line-height-1" };
 const _hoisted_4$1 = {
   key: 0,
   class: "margin-l-1 margin-r-2"
 };
-const __default__$3 = defineComponent({
+const __default__$6 = defineComponent({
   name: "HzztPageSize"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: {
     modelValue: {
       type: Number,
@@ -20847,13 +21029,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("main", {
         class: normalizeClass([unref(compKls), "flex wrap align-items-center justify-content-end"])
       }, [
-        __props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(unref(t)("hzzt.pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("hzzt.pageSize.strip")), 1)) : createCommentVNode("v-if", true),
-        __props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref(t)("hzzt.pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("hzzt.pageSize.page")), 1)) : createCommentVNode("v-if", true),
+        __props.total > 0 && !__props.isManual ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(unref(t)("hzzt.pageSize.total")) + toDisplayString(__props.total) + toDisplayString(unref(t)("hzzt.pageSize.strip")), 1)) : createCommentVNode("v-if", true),
+        __props.isManual ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(unref(t)("hzzt.pageSize.d")) + toDisplayString(__props.modelValue) + toDisplayString(unref(t)("hzzt.pageSize.page")), 1)) : createCommentVNode("v-if", true),
         __props.pageSizeOptions.length ? (openBlock(), createElementBlock("div", {
           key: 2,
           class: normalizeClass([unref(ns).e("option"), "flex align-items-center"])
         }, [
-          createElementVNode("span", _hoisted_3$1, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
+          createElementVNode("span", _hoisted_3$2, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
           createVNode(unref(ElSelect), {
             modelValue: sizeValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
@@ -20917,15 +21099,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PageSize = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__file", "index.vue"]]);
+var PageSize = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "index.vue"]]);
 
 const HzztPageSize = withInstall$1(PageSize);
 
-const __default__$2 = defineComponent({
+const __default__$5 = defineComponent({
   name: "HzztConfirmPassword"
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: {
     placeholder: {
       type: String,
@@ -20985,16 +21167,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ConfirmPassword = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "confirm-password.vue"]]);
+var ConfirmPassword = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "confirm-password.vue"]]);
 
 const HzztConfirmPassword = withInstall$1(ConfirmPassword);
 
-const _hoisted_1$1 = ["onClick"];
-const __default__$1 = defineComponent({
+const _hoisted_1$4 = ["onClick"];
+const __default__$4 = defineComponent({
   name: "HzztCheckButton"
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: {
     options: {
       type: Array,
@@ -21055,7 +21237,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ...unref(spanKls)
                 ], "flex-1"]),
                 onClick: ($event) => selectValue(item.value)
-              }, toDisplayString(item.label), 11, _hoisted_1$1)
+              }, toDisplayString(item.label), 11, _hoisted_1$4)
             ]),
             _: 2
           }, 1032, ["hidden", "value"]);
@@ -21064,7 +21246,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "index.vue"]]);
+var CheckButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "index.vue"]]);
 
 const HzztCheckButton = withInstall$1(CheckButton);
 
@@ -21305,9 +21487,9 @@ function range(n) {
   return Array.from({ length: n }).map((_, n2) => n2);
 }
 
-const _hoisted_1 = { class: "el-date-picker" };
-const _hoisted_2 = { class: "el-picker-panel__body" };
-const _hoisted_3 = {
+const _hoisted_1$3 = { class: "el-date-picker" };
+const _hoisted_2$3 = { class: "el-picker-panel__body" };
+const _hoisted_3$1 = {
   class: "el-date-picker__header el-date-picker__header--bordered",
   style: { "margin": "0px", "line-height": "30px" }
 };
@@ -21322,11 +21504,11 @@ const _hoisted_8 = { class: "cell" };
 const _hoisted_9 = { class: "cell" };
 const _hoisted_10 = { class: "cell" };
 const _hoisted_11 = { class: "cell" };
-const __default__ = defineComponent({
+const __default__$3 = defineComponent({
   name: "HzztQuarterPicker"
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
     size: useSizeProp$1,
     format: {
@@ -21504,9 +21686,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16, ["disabled", "size", "placeholder", "value"])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_1$3, [
+            createElementVNode("div", _hoisted_2$3, [
+              createElementVNode("div", _hoisted_3$1, [
                 createElementVNode("button", {
                   type: "button",
                   "aria-label": unref(t)(`hzzt.quarterpicker.prevYear`),
@@ -21566,10 +21748,380 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var QuarterPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__file", "index.vue"]]);
+var QuarterPicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "index.vue"]]);
 
 const HzztQuarterPicker = withInstall$1(QuarterPicker);
 
+const scanProps = buildProps$1({
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  letter: {
+    type: String,
+    default: "upper"
+  }
+});
+const scanEmits = {
+  [UPDATE_MODEL_EVENT$1]: (value) => isString$1(value),
+  [CHANGE_EVENT$1]: (value) => isString$1(value),
+  [INPUT_EVENT$1]: (value) => isString$1(value)
+};
+
+const _hoisted_1$2 = /* @__PURE__ */ createElementVNode("div", { style: { "width": "0", "height": "0", "overflow": "hidden" } }, [
+  /* @__PURE__ */ createElementVNode("input", {
+    readonly: "",
+    style: { "width": "0", "height": "0", "overflow": "hidden" }
+  }),
+  /* @__PURE__ */ createElementVNode("input", {
+    readonly: "",
+    type: "password",
+    autocomplete: "off",
+    style: { "width": "0", "height": "0", "overflow": "hidden" }
+  })
+], -1);
+const _hoisted_2$2 = {
+  class: "width-100%",
+  style: { "overflow": "hidden" }
+};
+const __default__$2 = defineComponent({
+  inheritAttrs: false,
+  name: "HzztScan"
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: scanProps,
+  emits: scanEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const readonly = ref(true);
+    const innerValue = ref(" ");
+    const inputRef = ref();
+    const showValue = computed(() => {
+      if (innerValue.value === " ") {
+        return ` ${props.placeholder}`;
+      } else {
+        return innerValue.value;
+      }
+    });
+    const inputType = computed(() => {
+      if (innerValue.value && !readonly.value) {
+        return "password";
+      } else {
+        return "text";
+      }
+    });
+    watch(() => props.modelValue, (v) => {
+      if (!v) {
+        innerValue.value = " ";
+      } else {
+        innerValue.value = ` ${changeLetter(v)}`;
+      }
+    });
+    watch(() => innerValue.value, (v) => {
+      if (!v) {
+        innerValue.value = " ";
+      }
+      const str = innerValue.value[0] === " " ? innerValue.value.slice(1) : innerValue.value;
+      const final = changeLetter(str != null ? str : "");
+      emit("update:modelValue", final);
+      emit("input", final);
+    });
+    function changeLetter(v) {
+      if (props.letter === "upper") {
+        return v.toLocaleUpperCase();
+      } else if (props.letter === "lower") {
+        return v.toLocaleLowerCase();
+      } else {
+        return v;
+      }
+    }
+    function inputFocus() {
+      readonly.value = false;
+    }
+    function inputBlur() {
+      readonly.value = true;
+    }
+    function inputChange() {
+      emit("change", props.modelValue);
+    }
+    function focus() {
+      readonly.value = false;
+      setTimeout(() => {
+        inputRef.value.focus();
+      });
+    }
+    function blur() {
+      readonly.value = true;
+      inputRef.value.blur();
+    }
+    function clear() {
+      inputRef.value.clear();
+    }
+    expose({
+      focus,
+      blur,
+      clear
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["hzzt-scan", _ctx.$attrs.class]),
+        style: normalizeStyle([{ "position": "relative" }, _ctx.$attrs.style])
+      }, [
+        _hoisted_1$2,
+        createVNode(unref(ElInput), mergeProps({
+          ref_key: "inputRef",
+          ref: inputRef,
+          modelValue: innerValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
+        }, {
+          ..._ctx.$attrs,
+          class: "",
+          style: "",
+          onChange: ""
+        }, {
+          readonly: readonly.value,
+          type: unref(inputType),
+          class: "hzzt-scan-input-original",
+          autocomplete: "off",
+          onFocus: inputFocus,
+          onBlur: inputBlur,
+          onChange: inputChange
+        }), createSlots({
+          _: 2
+        }, [
+          renderList(_ctx.$slots, (_, key, index) => {
+            return {
+              name: key,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, key)
+              ])
+            };
+          })
+        ]), 1040, ["modelValue", "readonly", "type"]),
+        createElementVNode("div", {
+          class: normalizeClass(["hzzt-scan-input-backup", { "placeholder-color": innerValue.value === " " }])
+        }, [
+          createElementVNode("div", _hoisted_2$2, toDisplayString(unref(showValue)), 1)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+var Scan = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "scan.vue"]]);
+
+const HzztScan = withInstall$1(Scan);
+
+const selectInputProps = buildProps$1({
+  modelValue: {
+    type: definePropType$1([
+      String,
+      Number
+    ]),
+    default: ""
+  },
+  indexType: {
+    type: String,
+    default: "number"
+  },
+  disabled: Boolean,
+  replace: Boolean,
+  label: String,
+  data: {
+    type: definePropType$1(Array),
+    default: () => []
+  },
+  inputProps: Object,
+  customProps: Object,
+  position: {
+    type: String,
+    default: "left"
+  },
+  formatLabel: {
+    type: Function
+  },
+  split: {
+    type: String,
+    default: ""
+  },
+  size: useSizeProp$1
+});
+const selectInputEmits = {
+  [UPDATE_MODEL_EVENT$1]: (value) => isString$1(value),
+  input: (value) => isString$1(value),
+  change: (value) => isString$1(value)
+};
+
+const _hoisted_1$1 = { slot: "append" };
+const _hoisted_2$1 = { key: 0 };
+const __default__$1 = defineComponent({
+  name: "HzztSelectInput"
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: selectInputProps,
+  emits: selectInputEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const inputVal = ref(props.modelValue);
+    const nsInput = useNamespace$1("select-input");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize$1().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const containerCls = computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value)
+    ]);
+    const inputContainerCls = computed(() => [
+      "flex",
+      props.position === "top" ? "column" : "row align-items-center"
+    ]);
+    const inputCls = computed(() => [
+      "flex-1",
+      props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
+    ]);
+    const _inputProps = computed(() => ({
+      disabled: trueDisabled.value,
+      clearable: true,
+      ...props.inputProps
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+    });
+    function input(val) {
+      emit("update:modelValue", val);
+      emit("input", val);
+    }
+    function change(val) {
+      emit("change", val);
+    }
+    function getLinkName(item, index) {
+      let prefix = "";
+      if (props.indexType == "number") {
+        prefix = `\uFF08${index + 1}\uFF09`;
+      } else if (props.indexType == "letter") {
+        prefix = `\uFF08${numberToLetter(index)}\uFF09`;
+      }
+      return prefix + (item.label || item.value);
+    }
+    function select(item) {
+      const value = item.value || item.label;
+      let content = "";
+      if (!inputVal.value)
+        inputVal.value = "";
+      if (props.formatLabel) {
+        content = props.formatLabel(value);
+      } else if (props.replace) {
+        content = value;
+      } else {
+        content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;
+      }
+      inputVal.value = content;
+      input(content);
+      change(content);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(inputContainerCls))
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createVNode(Title, { label: _ctx.label }, null, 8, ["label"])
+          ]),
+          createVNode(unref(ElInput), mergeProps({
+            ref: "inputRef",
+            class: unref(inputCls),
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+          }, unref(_inputProps), {
+            onInput: input,
+            onChange: change
+          }), {
+            default: withCtx(() => [
+              createElementVNode("template", _hoisted_1$1, [
+                renderSlot(_ctx.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "modelValue"])
+        ], 2),
+        _ctx.data.length && !unref(trueDisabled) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
+            return openBlock(), createBlock(unref(ElLink), mergeProps({
+              key: index,
+              class: "margin-r-4"
+            }, _ctx.customProps, {
+              onClick: ($event) => select(item)
+            }), {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(getLinkName(item, index)), 1)
+              ]),
+              _: 2
+            }, 1040, ["onClick"]);
+          }), 128))
+        ])) : createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "select-input.vue"]]);
+
+const HzztSelectInput = withInstall$1(SelectInput);
+
+const _hoisted_1 = {
+  key: 0,
+  class: "hzzt-title flex align-items-center"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "decorative-line"
+};
+const _hoisted_3 = { class: "label-name" };
+const __default__ = defineComponent({
+  name: "HzztTitle"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: titleProps,
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const showLabel = computed(() => {
+      var _a, _b, _c;
+      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, [
+        _ctx.sideline ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("v-if", true),
+        renderSlot(_ctx.$slots, "before"),
+        createElementVNode("label", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.label), 1)
+          ])
+        ])
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+var Title = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "title.vue"]]);
+
+const titleProps = buildProps$1({
+  label: String,
+  sideline: {
+    type: Boolean,
+    default: true
+  }
+});
+
+const HzztTitle = withInstall$1(Title);
+
 var Components = [
   HzztConfigProvider,
   HzztTitle,
@@ -21582,7 +22134,9 @@ var Components = [
   HzztPageSize,
   HzztConfirmPassword,
   HzztCheckButton,
-  HzztQuarterPicker
+  HzztQuarterPicker,
+  HzztScan,
+  HzztSelectInput
 ];
 
 var Plugins = [];
@@ -21794,4 +22348,4 @@ function initMouseEvent(el, callback) {
 const install = installer.install;
 const version = installer.version;
 
-export { Blur, Download, Drag, Height, Highlight, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztQuarterPicker, 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, CHANGE_EVENT$1 as CHANGE_EVENT, Download, Drag, Height, Highlight, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, HzztSelectInput, HzztTab, HzztTitle, HzztTooltip, INPUT_EVENT$1 as INPUT_EVENT, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, UPDATE_MODEL_EVENT$1 as UPDATE_MODEL_EVENT, 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, numberToLetter, provideGlobalConfig, scanEmits, scanProps, selectInputEmits, selectInputProps, titleProps, 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 };