hzzt-plus 1.0.0 → 1.0.1

package/dist/index.full.js

@@ -6,6 +6,36 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.HzztPlus = {}, global.Vue));
 })(this, (function (exports, vue) { 'use strict';
 
+  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 = vue.shallowRef();
+    vue.watchEffect(() => {
+      result.value = fn();
+    }, __spreadProps$6(__spreadValues$9({}, options), {
+      flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
+    }));
+    return vue.readonly(result);
+  }
+
   var _a;
   const isClient = typeof window !== "undefined";
   const isString$2 = (val) => typeof val === "string";
@@ -286,9 +316,7 @@
   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;
 
@@ -12807,6 +12835,17 @@
     };
   };
 
+  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 = vue.ref();
@@ -12898,18 +12937,81 @@
     };
   };
 
-  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);
+  const configProviderContextKey = Symbol();
+
+  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 || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(defaultNamespace)) : vue.ref(defaultNamespace));
+    const namespace = vue.computed(() => {
+      return vue.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];
+        }
+      }
+      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";
@@ -12925,8 +13027,6 @@
     return !Number.isNaN(Number(val));
   };
 
-  const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
-
   class ElementPlusError extends Error {
     constructor(m) {
       super(m);
@@ -12939,165 +13039,32 @@
   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(", ");
-        vue.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 = vue.ref(0);
+  const defaultInitialZIndex = 2e3;
+  const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
+  const zIndexContextKey = Symbol("zIndexContextKey");
+  const useZIndex = (zIndexOverrides) => {
+    const increasingInjection = vue.getCurrentInstance() ? vue.inject(ZINDEX_INJECTION_KEY, initial) : initial;
+    const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
+    const initialZIndex = vue.computed(() => {
+      const zIndexFromInjection = vue.unref(zIndexInjection);
+      return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
+    });
+    const currentZIndex = vue.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 && !vue.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 = vue.computed(() => {
-      return ((excludeKeys == null ? void 0 : excludeKeys.value) || []).concat(DEFAULT_EXCLUDE_KEYS);
-    });
-    const instance = vue.getCurrentInstance();
-    if (!instance) {
-      return vue.computed(() => ({}));
-    }
-    return vue.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) => {
-    vue.watch(() => vue.unref(condition), (val) => {
-    }, {
-      immediate: true
-    });
   };
 
   var English = {
@@ -13300,627 +13267,61 @@
     return buildLocaleContext(vue.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 || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(defaultNamespace)) : vue.ref(defaultNamespace));
-    const namespace = vue.computed(() => {
-      return vue.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(", ");
+        vue.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 _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 = vue.getCurrentInstance();
-      const { emit } = instance;
-      const props = instance.props;
-      const hasUpdateHandler = vue.computed(() => isFunction$1(props[updateEventKeyRaw]));
-      const isModelBindingAbsent = vue.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();
-        }
-      };
-      vue.watch(() => props[name], onChange);
-      if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
-        vue.watch(() => ({
-          ...instance.proxy.$route
-        }), () => {
-          if (shouldHideWhenRouteChanges.value && indicator.value) {
-            hide();
-          }
-        });
-      }
-      vue.onMounted(() => {
-        onChange(props[name]);
-      });
-      return {
-        hide,
-        show,
-        toggle,
-        hasUpdateHandler
-      };
-    };
-    return {
-      useModelToggle: useModelToggle2,
-      useModelToggleProps: useModelToggleProps2,
-      useModelToggleEmits: useModelToggleEmits2
-    };
-  };
+  const componentSizes = ["", "default", "small", "large"];
 
-  const useProp = (name) => {
-    const vm = vue.getCurrentInstance();
+  const useSizeProp = buildProp({
+    type: String,
+    values: componentSizes,
+    required: false
+  });
+  const SIZE_INJECTION_KEY = Symbol("size");
+  const useGlobalSize = () => {
+    const injectedSize = vue.inject(SIZE_INJECTION_KEY, {});
     return vue.computed(() => {
-      var _a, _b;
-      return (_b = (_a = vm == null ? void 0 : vm.proxy) == null ? void 0 : _a.$props) == null ? void 0 : _b[name];
+      return vue.unref(injectedSize.size) || "";
     });
   };
 
-  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 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 = vue.computed(() => {
-      const { onFirstUpdate, placement, strategy, modifiers } = vue.unref(opts);
-      return {
-        onFirstUpdate,
-        placement: placement || "bottom",
-        strategy: strategy || "absolute",
-        modifiers: [
-          ...modifiers || [],
-          stateUpdater,
-          { name: "applyStyles", enabled: false }
-        ]
-      };
-    });
-    const instanceRef = vue.shallowRef();
-    const states = vue.ref({
-      styles: {
-        popper: {
-          position: vue.unref(options).strategy,
-          left: "0",
-          top: "0"
-        },
-        arrow: {
-          position: "absolute"
-        }
-      },
-      attributes: {}
-    });
-    const destroy = () => {
-      if (!instanceRef.value)
-        return;
-      instanceRef.value.destroy();
-      instanceRef.value = void 0;
-    };
-    vue.watch(options, (newOptions) => {
-      const instance = vue.unref(instanceRef);
-      if (instance) {
-        instance.setOptions(newOptions);
-      }
-    }, {
-      deep: true
-    });
-    vue.watch([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
-      destroy();
-      if (!referenceElement || !popperElement)
-        return;
-      instanceRef.value = yn(referenceElement, popperElement, vue.unref(options));
-    });
-    vue.onBeforeUnmount(() => {
-      destroy();
-    });
-    return {
-      state: vue.computed(() => {
-        var _a;
-        return { ...((_a = vue.unref(instanceRef)) == null ? void 0 : _a.state) || {} };
-      }),
-      styles: vue.computed(() => vue.unref(states).styles),
-      attributes: vue.computed(() => vue.unref(states).attributes),
-      update: () => {
-        var _a;
-        return (_a = vue.unref(instanceRef)) == null ? void 0 : _a.update();
-      },
-      forceUpdate: () => {
-        var _a;
-        return (_a = vue.unref(instanceRef)) == null ? void 0 : _a.forceUpdate();
-      },
-      instanceRef: vue.computed(() => vue.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 defaultIdInjection = {
-    prefix: Math.floor(Math.random() * 1e4),
-    current: 0
-  };
-  const ID_INJECTION_KEY = Symbol("elIdInjection");
-  const useIdInjection = () => {
-    return vue.getCurrentInstance() ? vue.inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
-  };
-  const useId = (deterministicId) => {
-    const idInjection = useIdInjection();
-    const namespace = useGetDerivedNamespace();
-    const idRef = vue.computed(() => vue.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) => {
-    vue.onMounted(() => {
-      if (registeredEscapeHandlers.length === 0) {
-        document.addEventListener("keydown", cachedHandler);
-      }
-      if (isClient)
-        registeredEscapeHandlers.push(handler);
-    });
-    vue.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 = vue.computed(() => {
-      return `${namespace.value}-popper-container-${idInjection.prefix}`;
-    });
-    const selector = vue.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();
-    vue.onBeforeMount(() => {
-      if (!isClient)
-        return;
-      if (!cachedContainer || !document.body.querySelector(selector.value)) {
-        cachedContainer = createContainer(id.value);
-      }
-    });
-    return {
-      id,
-      selector
-    };
-  };
-
-  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 = vue.unref(autoClose);
-        if (isNumber(_autoClose) && _autoClose > 0) {
-          registerTimeoutForAutoClose(() => {
-            close(event);
-          }, _autoClose);
-        }
-      }, vue.unref(showAfter));
-    };
-    const onClose = (event) => {
-      cancelTimeoutForAutoClose();
-      registerTimeout(() => {
-        close(event);
-      }, vue.unref(hideAfter));
-    };
-    return {
-      onOpen,
-      onClose
-    };
-  };
-
-  const FORWARD_REF_INJECTION_KEY = Symbol("elForwardRef");
-  const useForwardRef = (forwardRef) => {
-    const setForwardRef = (el) => {
-      forwardRef.value = el;
-    };
-    vue.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 = vue.ref(0);
-  const defaultInitialZIndex = 2e3;
-  const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
-  const zIndexContextKey = Symbol("zIndexContextKey");
-  const useZIndex = (zIndexOverrides) => {
-    const increasingInjection = vue.getCurrentInstance() ? vue.inject(ZINDEX_INJECTION_KEY, initial) : initial;
-    const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
-    const initialZIndex = vue.computed(() => {
-      const zIndexFromInjection = vue.unref(zIndexInjection);
-      return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
-    });
-    const currentZIndex = vue.computed(() => initialZIndex.value + zIndex.value);
-    const nextZIndex = () => {
-      increasingInjection.current++;
-      zIndex.value = increasingInjection.current;
-      return currentZIndex.value;
-    };
-    if (!isClient && !vue.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
-      };
-    }
-    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;
-        }
-      }
-      input.value.setSelectionRange(startPos, startPos);
-    }
-    return [recordCursor, setCursor];
-  }
-
-  const useSizeProp = buildProp({
-    type: String,
-    values: componentSizes,
-    required: false
-  });
-  const SIZE_INJECTION_KEY = Symbol("size");
-  const useGlobalSize = () => {
-    const injectedSize = vue.inject(SIZE_INJECTION_KEY, {});
-    return vue.computed(() => {
-      return vue.unref(injectedSize.size) || "";
-    });
-  };
-
-  function useFocusController(target, {
-    beforeFocus,
-    afterFocus,
-    beforeBlur,
-    afterBlur
-  } = {}) {
-    const instance = vue.getCurrentInstance();
-    const { emit } = instance;
-    const wrapperRef = vue.shallowRef();
-    const isFocused = vue.ref(false);
-    const handleFocus = (event) => {
-      const cancelFocus = isFunction$1(beforeFocus) ? beforeFocus(event) : false;
-      if (cancelFocus || isFocused.value)
-        return;
-      isFocused.value = true;
-      emit("focus", event);
-      afterFocus == null ? void 0 : afterFocus();
-    };
-    const handleBlur = (event) => {
-      var _a;
-      const cancelBlur = isFunction$1(beforeBlur) ? beforeBlur(event) : false;
-      if (cancelBlur || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
-        return;
-      isFocused.value = false;
-      emit("blur", event);
-      afterBlur == null ? void 0 : afterBlur();
-    };
-    const handleClick = () => {
-      var _a, _b;
-      if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement)
-        return;
-      (_b = target.value) == null ? void 0 : _b.focus();
-    };
-    vue.watch(wrapperRef, (el) => {
-      if (el) {
-        el.setAttribute("tabindex", "-1");
-      }
-    });
-    useEventListener(wrapperRef, "focus", handleFocus, true);
-    useEventListener(wrapperRef, "blur", handleBlur, true);
-    useEventListener(wrapperRef, "click", handleClick, true);
-    return {
-      isFocused,
-      wrapperRef,
-      handleFocus,
-      handleBlur
-    };
-  }
-
-  function useComposition({
-    afterComposition,
-    emit
-  }) {
-    const isComposing = vue.ref(false);
-    const handleCompositionStart = (event) => {
-      emit == null ? void 0 : emit("compositionstart", event);
-      isComposing.value = true;
-    };
-    const handleCompositionUpdate = (event) => {
-      var _a;
-      emit == null ? void 0 : emit("compositionupdate", event);
-      const text = (_a = event.target) == null ? void 0 : _a.value;
-      const lastCharacter = text[text.length - 1] || "";
-      isComposing.value = !isKorean(lastCharacter);
-    };
-    const handleCompositionEnd = (event) => {
-      emit == null ? void 0 : emit("compositionend", event);
-      if (isComposing.value) {
-        isComposing.value = false;
-        vue.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;
@@ -13954,24 +13355,10 @@
     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);
+      isEmptyValue
+    };
   };
 
-  const configProviderContextKey = Symbol();
-
   const globalConfig = vue.ref();
   function useGlobalConfig(key, defaultValue = void 0) {
     const config = vue.getCurrentInstance() ? vue.inject(configProviderContextKey, globalConfig) : globalConfig;
@@ -13985,6 +13372,10 @@
     }
   }
 
+  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) {
@@ -13993,6 +13384,64 @@
     return target;
   };
 
+  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 withInstall = (main, extra) => {
+    main.install = (app) => {
+      for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+        app.component(comp.name, comp);
+      }
+    };
+    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);
+    };
+    return directive;
+  };
+  const withNoopInstall = (component) => {
+    component.install = NOOP;
+    return component;
+  };
+
   const iconProps = buildProps({
     size: {
       type: definePropType([Number, String])
@@ -14002,12 +13451,12 @@
     }
   });
 
-  const __default__$p = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$r,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -14031,25 +13480,241 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "icon.vue"]]);
+  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;
+      }
+      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 ElIcon = withInstall(Icon);
+  const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
+  const LISTENER_PREFIX = /^on[A-Z]/;
+  const useAttrs = (params = {}) => {
+    const { excludeListeners = false, excludeKeys } = params;
+    const allExcludeKeys = vue.computed(() => {
+      return ((excludeKeys == null ? void 0 : excludeKeys.value) || []).concat(DEFAULT_EXCLUDE_KEYS);
+    });
+    const instance = vue.getCurrentInstance();
+    if (!instance) {
+      return vue.computed(() => ({}));
+    }
+    return vue.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 formContextKey = Symbol("formContextKey");
   const formItemContextKey = Symbol("formItemContextKey");
 
-  const useFormSize = (fallback, ignore = {}) => {
-    const emptyRef = vue.ref(void 0);
-    const size = ignore.prop ? emptyRef : useProp("size");
-    const globalConfig = ignore.global ? emptyRef : useGlobalSize();
-    const form = ignore.form ? { size: void 0 } : vue.inject(formContextKey, void 0);
-    const formItem = ignore.formItem ? { size: void 0 } : vue.inject(formItemContextKey, void 0);
-    return vue.computed(() => size.value || vue.unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
+  const defaultIdInjection = {
+    prefix: Math.floor(Math.random() * 1e4),
+    current: 0
   };
-  const useFormDisabled = (fallback) => {
-    const disabled = useProp("disabled");
-    const form = vue.inject(formContextKey, void 0);
-    return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
+  const ID_INJECTION_KEY = Symbol("elIdInjection");
+  const useIdInjection = () => {
+    return vue.getCurrentInstance() ? vue.inject(ID_INJECTION_KEY, defaultIdInjection) : defaultIdInjection;
+  };
+  const useId = (deterministicId) => {
+    const idInjection = useIdInjection();
+    const namespace = useGetDerivedNamespace();
+    const idRef = computedEager(() => vue.unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
+    return idRef;
   };
 
   const useFormItem = () => {
@@ -14103,198 +13768,169 @@
     };
   };
 
-  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 };
+  const useProp = (name) => {
+    const vm = vue.getCurrentInstance();
+    return vue.computed(() => {
+      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 = vue.ref(void 0);
+    const size = ignore.prop ? emptyRef : useProp("size");
+    const globalConfig = ignore.global ? emptyRef : useGlobalSize();
+    const form = ignore.form ? { size: void 0 } : vue.inject(formContextKey, void 0);
+    const formItem = ignore.formItem ? { size: void 0 } : vue.inject(formItemContextKey, void 0);
+    return vue.computed(() => size.value || vue.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 = vue.inject(formContextKey, void 0);
+    return vue.computed(() => disabled.value || vue.unref(fallback) || (form == null ? void 0 : form.disabled) || false);
+  };
+
+  function useFocusController(target, {
+    beforeFocus,
+    afterFocus,
+    beforeBlur,
+    afterBlur
+  } = {}) {
+    const instance = vue.getCurrentInstance();
+    const { emit } = instance;
+    const wrapperRef = vue.shallowRef();
+    const isFocused = vue.ref(false);
+    const handleFocus = (event) => {
+      const cancelFocus = isFunction$1(beforeFocus) ? beforeFocus(event) : false;
+      if (cancelFocus || isFocused.value)
+        return;
+      isFocused.value = true;
+      emit("focus", event);
+      afterFocus == null ? void 0 : afterFocus();
+    };
+    const handleBlur = (event) => {
+      var _a;
+      const cancelBlur = isFunction$1(beforeBlur) ? beforeBlur(event) : false;
+      if (cancelBlur || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
+        return;
+      isFocused.value = false;
+      emit("blur", event);
+      afterBlur == null ? void 0 : afterBlur();
+    };
+    const handleClick = () => {
+      var _a, _b;
+      if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement)
+        return;
+      (_b = target.value) == null ? void 0 : _b.focus();
+    };
+    vue.watch(wrapperRef, (el) => {
+      if (el) {
+        el.setAttribute("tabindex", "-1");
+      }
+    });
+    useEventListener(wrapperRef, "focus", handleFocus, true);
+    useEventListener(wrapperRef, "blur", handleBlur, true);
+    useEventListener(wrapperRef, "click", handleClick, true);
+    return {
+      isFocused,
+      wrapperRef,
+      handleFocus,
+      handleBlur
+    };
   }
-  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;
+
+  const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
+
+  function useComposition({
+    afterComposition,
+    emit
+  }) {
+    const isComposing = vue.ref(false);
+    const handleCompositionStart = (event) => {
+      emit == null ? void 0 : emit("compositionstart", event);
+      isComposing.value = true;
+    };
+    const handleCompositionUpdate = (event) => {
+      var _a;
+      emit == null ? void 0 : emit("compositionupdate", event);
+      const text = (_a = event.target) == null ? void 0 : _a.value;
+      const lastCharacter = text[text.length - 1] || "";
+      isComposing.value = !isKorean(lastCharacter);
+    };
+    const handleCompositionEnd = (event) => {
+      emit == null ? void 0 : emit("compositionend", event);
+      if (isComposing.value) {
+        isComposing.value = false;
+        vue.nextTick(() => afterComposition(event));
       }
-      height = Math.max(minHeight, height);
-      result.minHeight = `${minHeight}px`;
+    };
+    const handleComposition = (event) => {
+      event.type === "compositionend" ? handleCompositionEnd(event) : handleCompositionUpdate(event);
+    };
+    return {
+      isComposing,
+      handleComposition,
+      handleCompositionStart,
+      handleCompositionUpdate,
+      handleCompositionEnd
+    };
+  }
+
+  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__$o = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$q,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
       const rawAttrs = vue.useAttrs();
+      const attrs = useAttrs();
       const slots = vue.useSlots();
-      const containerAttrs = vue.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 = vue.computed(() => [
         props.type === "textarea" ? nsTextarea.b() : nsInput.b(),
         nsInput.m(inputSize.value),
@@ -14313,11 +13949,6 @@
         nsInput.e("wrapper"),
         nsInput.is("focus", isFocused.value)
       ]);
-      const attrs = useAttrs({
-        excludeKeys: vue.computed(() => {
-          return Object.keys(containerAttrs.value);
-        })
-      });
       const { form: elForm, formItem: elFormItem } = useFormItem();
       const { inputId } = useFormItemInputId(props, {
         formItemContext: elFormItem
@@ -14361,7 +13992,7 @@
       ]);
       const nativeInputValue = vue.computed(() => isNil(props.modelValue) ? "" : String(props.modelValue));
       const showClear = vue.computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
-      const showPwdVisible = vue.computed(() => props.showPassword && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || isFocused.value));
+      const showPwdVisible = vue.computed(() => props.showPassword && !inputDisabled.value && !!nativeInputValue.value && (!!nativeInputValue.value || isFocused.value));
       const isWordLimitVisible = vue.computed(() => props.showWordLimit && !!props.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
       const textLength = vue.computed(() => nativeInputValue.value.length);
       const inputExceed = vue.computed(() => !!isWordLimitVisible.value && textLength.value > Number(props.maxlength));
@@ -14448,13 +14079,13 @@
         handleCompositionEnd
       } = useComposition({ emit, afterComposition: handleInput });
       const handlePasswordVisible = () => {
+        recordCursor();
         passwordVisible.value = !passwordVisible.value;
-        focus();
+        setTimeout(setCursor);
       };
-      const focus = async () => {
+      const focus = () => {
         var _a;
-        await vue.nextTick();
-        (_a = _ref.value) == null ? void 0 : _a.focus();
+        return (_a = _ref.value) == null ? void 0 : _a.focus();
       };
       const blur = () => {
         var _a;
@@ -14513,19 +14144,18 @@
         resizeTextarea
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(vue.unref(containerAttrs), {
-          class: [
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([
             vue.unref(containerKls),
             {
               [vue.unref(nsInput).bm("group", "append")]: _ctx.$slots.append,
               [vue.unref(nsInput).bm("group", "prepend")]: _ctx.$slots.prepend
             }
-          ],
-          style: vue.unref(containerStyle),
-          role: _ctx.containerRole,
+          ]),
+          style: vue.normalizeStyle(vue.unref(containerStyle)),
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave
-        }), [
+        }, [
           vue.createCommentVNode(" input "),
           _ctx.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.createCommentVNode(" prepend slot "),
@@ -14578,13 +14208,14 @@
                 style: _ctx.inputStyle,
                 form: _ctx.form,
                 autofocus: _ctx.autofocus,
+                role: _ctx.containerRole,
                 onCompositionstart: vue.unref(handleCompositionStart),
                 onCompositionupdate: vue.unref(handleCompositionUpdate),
                 onCompositionend: vue.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"]),
               vue.createCommentVNode(" suffix slot "),
               vue.unref(suffixVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
@@ -14677,6 +14308,7 @@
               form: _ctx.form,
               autofocus: _ctx.autofocus,
               rows: _ctx.rows,
+              role: _ctx.containerRole,
               onCompositionstart: vue.unref(handleCompositionStart),
               onCompositionupdate: vue.unref(handleCompositionUpdate),
               onCompositionend: vue.unref(handleCompositionEnd),
@@ -14685,18 +14317,18 @@
               onBlur: vue.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"]),
             vue.unref(isWordLimitVisible) ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
               style: vue.normalizeStyle(countStyle.value),
               class: vue.normalizeClass(vue.unref(nsInput).e("count"))
             }, vue.toDisplayString(vue.unref(textLength)) + " / " + vue.toDisplayString(_ctx.maxlength), 7)) : vue.createCommentVNode("v-if", true)
           ], 64))
-        ], 16, ["role"]);
+        ], 38);
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -14746,7 +14378,7 @@
   });
 
   const COMPONENT_NAME$2 = "Thumb";
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14865,7 +14497,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -14878,7 +14510,7 @@
     }
   });
 
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14936,7 +14568,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -14977,6 +14609,10 @@
       type: Number,
       default: 20
     },
+    tabindex: {
+      type: [String, Number],
+      default: void 0
+    },
     id: String,
     role: String,
     ...useAriaProps(["ariaLabel", "ariaOrientation"])
@@ -14989,11 +14625,11 @@
   };
 
   const COMPONENT_NAME$1 = "ElScrollbar";
-  const __default__$n = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -15084,8 +14720,10 @@
         wrapElement: wrapRef
       }));
       vue.onActivated(() => {
-        wrapRef.value.scrollTop = wrapScrollTop;
-        wrapRef.value.scrollLeft = wrapScrollLeft;
+        if (wrapRef.value) {
+          wrapRef.value.scrollTop = wrapScrollTop;
+          wrapRef.value.scrollLeft = wrapScrollLeft;
+        }
       });
       vue.onMounted(() => {
         if (!props.native)
@@ -15113,6 +14751,7 @@
             ref: wrapRef,
             class: vue.normalizeClass(vue.unref(wrapKls)),
             style: vue.normalizeStyle(vue.unref(wrapStyle)),
+            tabindex: _ctx.tabindex,
             onScroll: handleScroll
           }, [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
@@ -15130,7 +14769,7 @@
               ]),
               _: 3
             }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-          ], 38),
+          ], 46, ["tabindex"]),
           !_ctx.native ? (vue.openBlock(), vue.createBlock(Bar, {
             key: 0,
             ref_key: "barRef",
@@ -15142,7 +14781,7 @@
       };
     }
   });
-  var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "scrollbar.vue"]]);
+  var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar);
 
@@ -15167,12 +14806,12 @@
     }
   });
 
-  const __default__$m = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15195,7 +14834,7 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "popper.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -15204,12 +14843,12 @@
     }
   });
 
-  const __default__$l = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15235,7 +14874,85 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__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;
+    };
+    vue.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 = vue.defineComponent({
@@ -15276,58 +14993,28 @@
           case "svg":
             return wrapTextContent(child);
           case vue.Fragment:
-            return findFirstLegitChild(child.children);
-          default:
-            return child;
-        }
-      }
-      return wrapTextContent(child);
-    }
-    return null;
-  }
-  function wrapTextContent(s) {
-    const ns = useNamespace("only-child");
-    return vue.createVNode("span", {
-      "class": ns.e("content")
-    }, [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
-  });
+            return findFirstLegitChild(child.children);
+          default:
+            return child;
+        }
+      }
+      return wrapTextContent(child);
+    }
+    return null;
+  }
+  function wrapTextContent(s) {
+    const ns = useNamespace("only-child");
+    return vue.createVNode("span", {
+      "class": ns.e("content")
+    }, [s]);
+  }
 
-  const __default__$k = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15381,18 +15068,20 @@
                 (_a = prevEl == null ? void 0 : prevEl.removeEventListener) == null ? void 0 : _a.call(prevEl, eventName.slice(2).toLowerCase(), handler);
               }
             });
-            virtualTriggerAriaStopWatch = vue.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 = vue.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",
@@ -15436,7 +15125,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__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";
@@ -15501,11 +15190,19 @@
   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) {
@@ -15586,7 +15283,48 @@
     });
   };
 
-  const _sfc_main$s = vue.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) => {
+    vue.onMounted(() => {
+      if (registeredEscapeHandlers.length === 0) {
+        document.addEventListener("keydown", cachedHandler);
+      }
+      if (isClient)
+        registeredEscapeHandlers.push(handler);
+    });
+    vue.onBeforeUnmount(() => {
+      registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
+      if (registeredEscapeHandlers.length === 0) {
+        if (isClient)
+          document.removeEventListener("keydown", cachedHandler);
+      }
+    });
+  };
+
+  const _sfc_main$u = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15630,9 +15368,9 @@
           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;
@@ -15831,7 +15569,9 @@
   function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["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({
@@ -15921,6 +15661,50 @@
     close: () => true
   };
 
+  const usePopperContentFocusTrap = (props, emit) => {
+    const trapped = vue.ref(false);
+    const focusStartRef = vue.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 = {
@@ -15978,6 +15762,95 @@
     }
   }
 
+  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 = vue.computed(() => {
+      const { onFirstUpdate, placement, strategy, modifiers } = vue.unref(opts);
+      return {
+        onFirstUpdate,
+        placement: placement || "bottom",
+        strategy: strategy || "absolute",
+        modifiers: [
+          ...modifiers || [],
+          stateUpdater,
+          { name: "applyStyles", enabled: false }
+        ]
+      };
+    });
+    const instanceRef = vue.shallowRef();
+    const states = vue.ref({
+      styles: {
+        popper: {
+          position: vue.unref(options).strategy,
+          left: "0",
+          top: "0"
+        },
+        arrow: {
+          position: "absolute"
+        }
+      },
+      attributes: {}
+    });
+    const destroy = () => {
+      if (!instanceRef.value)
+        return;
+      instanceRef.value.destroy();
+      instanceRef.value = void 0;
+    };
+    vue.watch(options, (newOptions) => {
+      const instance = vue.unref(instanceRef);
+      if (instance) {
+        instance.setOptions(newOptions);
+      }
+    }, {
+      deep: true
+    });
+    vue.watch([referenceElementRef, popperElementRef], ([referenceElement, popperElement]) => {
+      destroy();
+      if (!referenceElement || !popperElement)
+        return;
+      instanceRef.value = yn(referenceElement, popperElement, vue.unref(options));
+    });
+    vue.onBeforeUnmount(() => {
+      destroy();
+    });
+    return {
+      state: vue.computed(() => {
+        var _a;
+        return { ...((_a = vue.unref(instanceRef)) == null ? void 0 : _a.state) || {} };
+      }),
+      styles: vue.computed(() => vue.unref(states).styles),
+      attributes: vue.computed(() => vue.unref(states).attributes),
+      update: () => {
+        var _a;
+        return (_a = vue.unref(instanceRef)) == null ? void 0 : _a.update();
+      },
+      forceUpdate: () => {
+        var _a;
+        return (_a = vue.unref(instanceRef)) == null ? void 0 : _a.forceUpdate();
+      },
+      instanceRef: vue.computed(() => vue.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;
   const usePopperContent = (props) => {
     const { popperInstanceRef, contentRef, triggerRef, role } = vue.inject(POPPER_INJECTION_KEY, void 0);
@@ -16062,68 +15935,24 @@
     const ariaModal = vue.computed(() => role.value === "dialog" ? "false" : void 0);
     const arrowStyle = vue.computed(() => vue.unref(styles).arrow || {});
     const updateZIndex = () => {
-      contentZIndex.value = isNumber(props.zIndex) ? props.zIndex : nextZIndex();
-    };
-    return {
-      ariaModal,
-      arrowStyle,
-      contentAttrs,
-      contentClass,
-      contentStyle,
-      contentZIndex,
-      updateZIndex
-    };
-  };
-
-  const usePopperContentFocusTrap = (props, emit) => {
-    const trapped = vue.ref(false);
-    const focusStartRef = vue.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
+      contentZIndex.value = isNumber(props.zIndex) ? props.zIndex : nextZIndex();
+    };
+    return {
+      ariaModal,
+      arrowStyle,
+      contentAttrs,
+      contentClass,
+      contentStyle,
+      contentZIndex,
+      updateZIndex
     };
   };
 
-  const __default__$j = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -16239,12 +16068,75 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__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 = vue.unref(autoClose);
+        if (isNumber(_autoClose) && _autoClose > 0) {
+          registerTimeoutForAutoClose(() => {
+            close(event);
+          }, _autoClose);
+        }
+      }, vue.unref(showAfter));
+    };
+    const onClose = (event) => {
+      cancelTimeoutForAutoClose();
+      registerTimeout(() => {
+        close(event);
+      }, vue.unref(hideAfter));
+    };
+    return {
+      onOpen,
+      onClose
+    };
+  };
+
   const useTooltipContentProps = buildProps({
     ...useDelayedToggleProps,
     ...popperContentProps,
@@ -16279,10 +16171,133 @@
     },
     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 = vue.getCurrentInstance();
+      const { emit } = instance;
+      const props = instance.props;
+      const hasUpdateHandler = vue.computed(() => isFunction$1(props[updateEventKeyRaw]));
+      const isModelBindingAbsent = vue.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();
+        }
+      };
+      vue.watch(() => props[name], onChange);
+      if (shouldHideWhenRouteChanges && instance.appContext.config.globalProperties.$route !== void 0) {
+        vue.watch(() => ({
+          ...instance.proxy.$route
+        }), () => {
+          if (shouldHideWhenRouteChanges.value && indicator.value) {
+            hide();
+          }
+        });
+      }
+      vue.onMounted(() => {
+        onChange(props[name]);
+      });
+      return {
+        hide,
+        show,
+        toggle,
+        hasUpdateHandler
+      };
+    };
+    return {
+      useModelToggle: useModelToggle2,
+      useModelToggleProps: useModelToggleProps2,
+      useModelToggleEmits: useModelToggleEmits2
+    };
+  };
+
   const {
     useModelToggleProps: useTooltipModelToggleProps,
     useModelToggleEmits: useTooltipModelToggleEmits,
@@ -16321,11 +16336,21 @@
     };
   };
 
-  const __default__$i = vue.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 = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16384,7 +16409,7 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "trigger.vue"]]);
 
   const teleportProps = buildProps({
     to: {
@@ -16394,7 +16419,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16408,22 +16433,55 @@
       };
     }
   });
-  var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "teleport.vue"]]);
+  var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "teleport.vue"]]);
 
   const ElTeleport = withInstall(Teleport);
 
-  const __default__$h = vue.defineComponent({
+  const usePopperContainerId = () => {
+    const namespace = useGetDerivedNamespace();
+    const idInjection = useIdInjection();
+    const id = vue.computed(() => {
+      return `${namespace.value}-popper-container-${idInjection.prefix}`;
+    });
+    const selector = vue.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();
+    vue.onBeforeMount(() => {
+      if (!isClient)
+        return;
+      if (!document.body.querySelector(selector.value)) {
+        createContainer(id.value);
+      }
+    });
+    return {
+      id,
+      selector
+    };
+  };
+
+  const __default__$j = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
       const { selector } = usePopperContainerId();
       const ns = useNamespace("tooltip");
-      const contentRef = vue.ref(null);
+      const contentRef = vue.ref();
       let stopHandle;
       const {
         controlled,
@@ -16459,9 +16517,11 @@
         var _a;
         return (_a = props.style) != null ? _a : {};
       });
-      const ariaHidden = vue.computed(() => !vue.unref(open));
+      const ariaHidden = vue.ref(true);
       const onTransitionLeave = () => {
         onHide();
+        isFocusInsideContent() && tryFocus(document.body);
+        ariaHidden.value = true;
       };
       const stopWhenControlled = () => {
         if (vue.unref(controlled))
@@ -16504,9 +16564,17 @@
           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);
+      };
       vue.watch(() => vue.unref(open), (val) => {
         if (!val) {
           stopHandle == null ? void 0 : stopHandle();
+        } else {
+          ariaHidden.value = false;
         }
       }, {
         flush: "post"
@@ -16516,7 +16584,8 @@
         (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
       });
       expose({
-        contentRef
+        contentRef,
+        isFocusInsideContent
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTeleport), {
@@ -16539,7 +16608,7 @@
                   ref: contentRef
                 }, _ctx.$attrs, {
                   "aria-label": _ctx.ariaLabel,
-                  "aria-hidden": vue.unref(ariaHidden),
+                  "aria-hidden": ariaHidden.value,
                   "boundaries-padding": _ctx.boundariesPadding,
                   "fallback-placements": _ctx.fallbackPlacements,
                   "gpu-acceleration": _ctx.gpuAcceleration,
@@ -16577,13 +16646,13 @@
       };
     }
   });
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "content.vue"]]);
 
-  const __default__$g = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16651,10 +16720,8 @@
         }
       });
       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);
       };
       vue.onDeactivated(() => open.value && hide());
       expose({
@@ -16735,12 +16802,19 @@
       };
     }
   });
-  var Tooltip$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__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) => {
+    vue.watch(() => vue.unref(condition), (val) => {
+    }, {
+      immediate: true
+    });
+  };
+
   const useButton = (props, emit) => {
     useDeprecated({
       from: "type.text",
@@ -17802,11 +17876,11 @@
     });
   }
 
-  const __default__$f = vue.defineComponent({
+  const __default__$h = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -17872,18 +17946,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$e = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -17901,7 +17975,7 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -17910,110 +17984,7 @@
 
   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;
-        }
-      };
-      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 escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 
   const tagProps = buildProps({
     type: {
@@ -18041,11 +18012,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$d = vue.defineComponent({
+  const __default__$f = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$f,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -18071,7 +18042,10 @@
         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 ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -18129,26 +18103,131 @@
       };
     }
   });
-  var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "tag.vue"]]);
+  var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "tag.vue"]]);
 
   const ElTag = withInstall(Tag);
 
-  const _sfc_main$j = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
     inheritAttrs: false
   });
   function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["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$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
   function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["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) => {
@@ -18211,6 +18290,15 @@
 
   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"
@@ -18349,11 +18437,11 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const __default__$c = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -18468,6 +18556,9 @@
         }
         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);
@@ -18524,11 +18615,14 @@
         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 = () => {
@@ -18653,15 +18747,121 @@
             onFocus: handleFocus,
             onInput: handleInput,
             onChange: handleInputChange
-          }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
+          }, vue.createSlots({
+            _: 2
+          }, [
+            _ctx.$slots.prefix ? {
+              name: "prefix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "prefix")
+              ])
+            } : void 0,
+            _ctx.$slots.suffix ? {
+              name: "suffix",
+              fn: vue.withCtx(() => [
+                vue.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$1(_sfc_main$h, [["__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 = vue.shallowRef();
+    const calculatorWidth = vue.ref(0);
+    const MINIMUM_INPUT_WIDTH = 11;
+    const inputStyle = vue.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 = vue.defineComponent({
+    name: "ElLink"
+  });
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
+    props: linkProps,
+    emits: linkEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const ns = useNamespace("link");
+      const linkKls = vue.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 vue.openBlock(), vue.createElementBlock("a", {
+          class: vue.normalizeClass(vue.unref(linkKls)),
+          href: _ctx.disabled || !_ctx.href ? void 0 : _ctx.href,
+          target: _ctx.disabled || !_ctx.href ? void 0 : _ctx.target,
+          onClick: handleClick
+        }, [
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).e("inner"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 2 }) : vue.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");
 
@@ -18740,7 +18940,7 @@
     };
   }
 
-  const _sfc_main$g = vue.defineComponent({
+  const _sfc_main$h = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -18780,8 +18980,7 @@
       select.onOptionCreate(vm);
       vue.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;
         });
@@ -18821,19 +19020,19 @@
       role: "option",
       "aria-disabled": _ctx.isDisabled || void 0,
       "aria-selected": _ctx.itemSelected,
-      onMouseenter: _ctx.hoverItem,
+      onMousemove: _ctx.hoverItem,
       onClick: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
     }, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
       ])
-    ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
+    ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["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$f = vue.defineComponent({
+  const _sfc_main$g = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -18880,9 +19079,8 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["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();
@@ -18892,11 +19090,9 @@
       inputValue: "",
       options: /* @__PURE__ */ new Map(),
       cachedOptions: /* @__PURE__ */ new Map(),
-      disabledOptions: /* @__PURE__ */ new Map(),
       optionValues: [],
       selected: [],
       selectionWidth: 0,
-      calculatorWidth: 0,
       collapseItemWidth: 0,
       selectedLabel: "",
       hoveringIndex: -1,
@@ -18910,7 +19106,6 @@
     const tooltipRef = vue.ref(null);
     const tagTooltipRef = vue.ref(null);
     const inputRef = vue.ref(null);
-    const calculatorRef = vue.ref(null);
     const prefixRef = vue.ref(null);
     const suffixRef = vue.ref(null);
     const menuRef = vue.ref(null);
@@ -18925,7 +19120,7 @@
     } = useComposition({
       afterComposition: (e) => onInput(e)
     });
-    const { wrapperRef, isFocused } = useFocusController(inputRef, {
+    const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
       beforeFocus() {
         return selectDisabled.value;
       },
@@ -18955,6 +19150,10 @@
     const hasModelValue = vue.computed(() => {
       return isArray$1(props.modelValue) ? props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
     });
+    const needStatusIcon = vue.computed(() => {
+      var _a;
+      return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
+    });
     const showClose = vue.computed(() => {
       return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
     });
@@ -18963,12 +19162,11 @@
     const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
     const validateIcon = vue.computed(() => ValidateComponentsMap[validateState.value]);
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
+    const isRemoteSearchEmpty = vue.computed(() => props.remote && !states.inputValue && states.options.size === 0);
     const emptyText = vue.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");
         }
@@ -19013,7 +19211,7 @@
     const collapseTagSize = vue.computed(() => ["small"].includes(selectSize.value) ? "small" : "default");
     const dropdownMenuVisible = vue.computed({
       get() {
-        return expanded.value && emptyText.value !== false;
+        return expanded.value && !isRemoteSearchEmpty.value;
       },
       set(val) {
         expanded.value = val;
@@ -19058,13 +19256,9 @@
       emit("visible-change", val);
     });
     vue.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();
       }
@@ -19106,7 +19300,8 @@
       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) {
@@ -19128,9 +19323,7 @@
     };
     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;
@@ -19147,7 +19340,7 @@
       }
       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
@@ -19160,9 +19353,6 @@
     const resetSelectionWidth = () => {
       states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
     };
-    const resetCalculatorWidth = () => {
-      states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
-    };
     const resetCollapseItemWidth = () => {
       states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
     };
@@ -19196,7 +19386,10 @@
         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;
@@ -19246,7 +19439,7 @@
       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) {
@@ -19272,19 +19465,14 @@
         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 (vue.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;
@@ -19307,7 +19495,6 @@
     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) {
@@ -19328,14 +19515,25 @@
     };
     const blur = () => {
       var _a;
+      if (expanded.value) {
+        expanded.value = false;
+        vue.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);
+        vue.nextTick(() => handleBlur(_event));
+      }
     };
     const handleEsc = () => {
       if (states.inputValue.length > 0) {
@@ -19359,15 +19557,16 @@
       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 = vue.computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.disabled));
+    const optionsAllDisabled = vue.computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.isDisabled));
     const showTagList = vue.computed(() => {
       if (!props.multiple) {
         return [];
@@ -19385,7 +19584,7 @@
         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") {
@@ -19400,7 +19599,7 @@
           }
         }
         const option = optionsArray.value[states.hoveringIndex];
-        if (option.disabled === true || option.states.groupDisabled === true || !option.visible) {
+        if (option.isDisabled || !option.visible) {
           navigateOptions(direction);
         }
         vue.nextTick(() => scrollToOption(hoverOption.value));
@@ -19420,11 +19619,7 @@
     const collapseTagStyle = vue.computed(() => {
       return { maxWidth: `${states.selectionWidth}px` };
     });
-    const inputStyle = vue.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);
@@ -19444,7 +19639,6 @@
       hoverOption,
       selectSize,
       filteredOptionsCount,
-      resetCalculatorWidth,
       updateTooltip,
       updateTagTooltip,
       debouncedOnInputChange,
@@ -19458,6 +19652,7 @@
       shouldShowPlaceholder,
       currentPlaceholder,
       mouseEnterEventName,
+      needStatusIcon,
       showClose,
       iconComponent,
       iconReverse,
@@ -19489,12 +19684,10 @@
       collapseTagList,
       tagStyle,
       collapseTagStyle,
-      inputStyle,
       popperRef,
       inputRef,
       tooltipRef,
       tagTooltipRef,
-      calculatorRef,
       prefixRef,
       suffixRef,
       selectRef,
@@ -19625,6 +19818,14 @@
       default: true
     },
     remoteShowSuffix: Boolean,
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
+    offset: {
+      type: Number,
+      default: 12
+    },
     placement: {
       type: definePropType(String),
       values: Ee,
@@ -19634,12 +19835,17 @@
       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$e = vue.defineComponent({
+  const _sfc_main$f = vue.defineComponent({
     name: COMPONENT_NAME,
     componentName: COMPONENT_NAME,
     components: {
@@ -19676,6 +19882,7 @@
         modelValue
       });
       const API = useSelect(_props, emit);
+      const { calculatorRef, inputStyle } = useCalcInputWidth();
       vue.provide(selectKey, vue.reactive({
         props: _props,
         states: API.states,
@@ -19686,9 +19893,18 @@
         selectRef: API.selectRef,
         setSelected: API.setSelected
       }));
+      const selectedLabel = vue.computed(() => {
+        if (!props.multiple) {
+          return API.states.selectedLabel;
+        }
+        return API.states.selected.map((i) => i.currentLabel);
+      });
       return {
         ...API,
-        modelValue
+        modelValue,
+        selectedLabel,
+        calculatorRef,
+        inputStyle
       };
     }
   });
@@ -19722,6 +19938,9 @@
         "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
       }, {
@@ -19855,8 +20074,7 @@
                     _: 3
                   }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
                 ]) : vue.createCommentVNode("v-if", true),
-                !_ctx.selectDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 1,
+                vue.createElementVNode("div", {
                   class: vue.normalizeClass([
                     _ctx.nsSelect.e("selected-item"),
                     _ctx.nsSelect.e("input-wrapper"),
@@ -19873,6 +20091,7 @@
                     disabled: _ctx.selectDisabled,
                     autocomplete: _ctx.autocomplete,
                     style: vue.normalizeStyle(_ctx.inputStyle),
+                    tabindex: _ctx.tabindex,
                     role: "combobox",
                     readonly: !_ctx.filterable,
                     spellcheck: "false",
@@ -19894,7 +20113,7 @@
                     onCompositionend: _ctx.handleCompositionEnd,
                     onInput: _ctx.onInput,
                     onClick: vue.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"]), [
                     [vue.vModelText, _ctx.states.inputValue]
                   ]),
                   _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -19904,9 +20123,9 @@
                     class: vue.normalizeClass(_ctx.nsSelect.e("input-calculator")),
                     textContent: vue.toDisplayString(_ctx.states.inputValue)
                   }, null, 10, ["textContent"])) : vue.createCommentVNode("v-if", true)
-                ], 2)) : vue.createCommentVNode("v-if", true),
+                ], 2),
                 _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 2,
+                  key: 1,
                   class: vue.normalizeClass([
                     _ctx.nsSelect.e("selected-item"),
                     _ctx.nsSelect.e("placeholder"),
@@ -19949,9 +20168,13 @@
                   ]),
                   _: 1
                 }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
-                _ctx.validateState && _ctx.validateIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 2,
-                  class: vue.normalizeClass([_ctx.nsInput.e("icon"), _ctx.nsInput.e("validateIcon")])
+                  class: vue.normalizeClass([
+                    _ctx.nsInput.e("icon"),
+                    _ctx.nsInput.e("validateIcon"),
+                    _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                  ])
                 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
@@ -20027,14 +20250,14 @@
           }, 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$1(_sfc_main$e, [["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$d = vue.defineComponent({
+  const _sfc_main$e = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -20106,7 +20329,7 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["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,
@@ -20177,11 +20400,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$b = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -20280,7 +20503,7 @@
       };
     }
   });
-  var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__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;
@@ -20312,18 +20535,18 @@
     return target;
   };
 
-  const _hoisted_1$9 = ["onClick"];
-  const _hoisted_2$8 = { class: "hzzt-dropdown-name" };
+  const _hoisted_1$a = ["onClick"];
+  const _hoisted_2$9 = { class: "hzzt-dropdown-name" };
   const _hoisted_3$7 = /* @__PURE__ */ vue.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__$a = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "HzztDropDown"
   });
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: {
       options: {
         type: Array,
@@ -20378,7 +20601,7 @@
           vue.createElementVNode("li", {
             class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
           }, [
-            vue.createElementVNode("span", _hoisted_2$8, vue.toDisplayString(__props.label), 1),
+            vue.createElementVNode("span", _hoisted_2$9, vue.toDisplayString(__props.label), 1),
             _hoisted_3$7,
             vue.createElementVNode("ul", _hoisted_4$5, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
@@ -20426,18 +20649,18 @@
               }), 256))
             ])
           ], 2)
-        ], 8, _hoisted_1$9)), [
+        ], 8, _hoisted_1$a)), [
           [vue.unref(ClickOutside), close]
         ]);
       };
     }
   });
-  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "index.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "index.vue"]]);
 
   const HzztDropdown = withInstall$1(Dropdown);
 
-  const _hoisted_1$8 = { class: "hzzt-collapse" };
-  const _hoisted_2$7 = { class: "flex align-items-center" };
+  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__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
   const _hoisted_5$2 = { class: "hzzt-collapse-title" };
@@ -20446,11 +20669,11 @@
     key: 0,
     class: "hzzt-collapse-text"
   };
-  const __default__$9 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "HzztCollapse"
   });
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: {
       defaultActive: {
         type: Boolean,
@@ -20476,12 +20699,12 @@
         active.value = !active.value;
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
           vue.createElementVNode("div", {
             class: "hzzt-collapse-header",
             onClick: toggle
           }, [
-            vue.createElementVNode("div", _hoisted_2$7, [
+            vue.createElementVNode("div", _hoisted_2$8, [
               vue.createElementVNode("div", _hoisted_3$6, [
                 _hoisted_4$4,
                 vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(__props.title), 1)
@@ -20496,11 +20719,11 @@
       };
     }
   });
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "collapse.vue"]]);
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "collapse.vue"]]);
 
   const HzztCollapse = withInstall$1(Collapse);
 
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       name: {
@@ -20526,10 +20749,10 @@
       };
     }
   });
-  var HzztIcon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "index.vue"]]);
+  var HzztIcon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "index.vue"]]);
 
-  const _hoisted_1$7 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
-  const _hoisted_2$6 = { class: "flex align-items-center" };
+  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" };
@@ -20538,11 +20761,11 @@
     class: "hzzt-tab-badge-count"
   };
   const _hoisted_7$1 = { class: "flex wrap" };
-  const __default__$8 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "HzztTab"
   });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: {
       tabList: {
         type: Array,
@@ -20579,8 +20802,8 @@
         emit("tab-close", index);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
-          vue.createElementVNode("div", _hoisted_2$6, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+          vue.createElementVNode("div", _hoisted_2$7, [
             vue.createElementVNode("div", _hoisted_3$5, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(customTabList), (tab, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
@@ -20613,7 +20836,7 @@
       };
     }
   });
-  var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "index.vue"]]);
+  var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "index.vue"]]);
 
   const HzztTab = withInstall$1(Tab);
 
@@ -20629,15 +20852,15 @@
     return `hzzt-el${name.replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`)}`;
   }
 
-  const _hoisted_1$6 = { class: "flex justify-content-between hzzt-pagination" };
-  const _hoisted_2$5 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
+  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__$7 = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "HzztPagination"
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: {
       pagination: {
         type: Object,
@@ -20667,8 +20890,8 @@
         }
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-          vue.createElementVNode("p", _hoisted_2$5, vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + vue.toDisplayString(__props.pagination.total) + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1),
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+          vue.createElementVNode("p", _hoisted_2$6, vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + vue.toDisplayString(__props.pagination.total) + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1),
           vue.createElementVNode("div", _hoisted_3$4, [
             vue.renderSlot(_ctx.$slots, "right"),
             vue.createVNode(HzztIcon$1, {
@@ -20687,18 +20910,18 @@
       };
     }
   });
-  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "index.vue"]]);
+  var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "index.vue"]]);
 
   const HzztPagination = withInstall$1(Pagination);
 
-  const _hoisted_1$5 = { class: "flex align-content-center" };
-  const _hoisted_2$4 = { style: { "max-width": "300px" } };
+  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__$6 = vue.defineComponent({
+  const __default__$7 = vue.defineComponent({
     name: "HzztTooltip"
   });
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: {
       content: {
         type: String,
@@ -20709,11 +20932,11 @@
     setup(__props, { emit }) {
       const attrs = vue.useAttrs();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
           vue.createVNode(vue.unref(ElTooltip), vue.mergeProps({ effect: "dark" }, vue.unref(attrs)), {
             content: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                vue.createElementVNode("div", _hoisted_2$4, [
+                vue.createElementVNode("div", _hoisted_2$5, [
                   vue.createElementVNode("pre", _hoisted_3$3, vue.toDisplayString(__props.content), 1)
                 ])
               ])
@@ -20732,15 +20955,15 @@
       };
     }
   });
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tooltip.vue"]]);
 
   const HzztTooltip = withInstall$1(Tooltip);
 
-  const _hoisted_1$4 = {
+  const _hoisted_1$5 = {
     key: 0,
     style: { "white-space": "nowrap" }
   };
-  const _hoisted_2$3 = {
+  const _hoisted_2$4 = {
     key: 1,
     style: { "white-space": "nowrap" }
   };
@@ -20749,11 +20972,11 @@
     key: 0,
     class: "margin-l-1 margin-r-2"
   };
-  const __default__$5 = vue.defineComponent({
+  const __default__$6 = vue.defineComponent({
     name: "HzztPageSize"
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: {
       modelValue: {
         type: Number,
@@ -20810,8 +21033,8 @@
         return vue.openBlock(), vue.createElementBlock("main", {
           class: vue.normalizeClass([vue.unref(compKls), "flex wrap align-items-center justify-content-end"])
         }, [
-          __props.total > 0 && !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$4, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.total")) + vue.toDisplayString(__props.total) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.strip")), 1)) : vue.createCommentVNode("v-if", true),
-          __props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.d")) + vue.toDisplayString(__props.modelValue) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.page")), 1)) : vue.createCommentVNode("v-if", true),
+          __props.total > 0 && !__props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$5, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.total")) + vue.toDisplayString(__props.total) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.strip")), 1)) : vue.createCommentVNode("v-if", true),
+          __props.isManual ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$4, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.d")) + vue.toDisplayString(__props.modelValue) + vue.toDisplayString(vue.unref(t)("hzzt.pageSize.page")), 1)) : vue.createCommentVNode("v-if", true),
           __props.pageSizeOptions.length ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,
             class: vue.normalizeClass([vue.unref(ns).e("option"), "flex align-items-center"])
@@ -20880,15 +21103,15 @@
       };
     }
   });
-  var PageSize = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "index.vue"]]);
+  var PageSize = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "index.vue"]]);
 
   const HzztPageSize = withInstall$1(PageSize);
 
-  const __default__$4 = vue.defineComponent({
+  const __default__$5 = vue.defineComponent({
     name: "HzztConfirmPassword"
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: {
       placeholder: {
         type: String,
@@ -20948,16 +21171,16 @@
       };
     }
   });
-  var ConfirmPassword = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "confirm-password.vue"]]);
+  var ConfirmPassword = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "confirm-password.vue"]]);
 
   const HzztConfirmPassword = withInstall$1(ConfirmPassword);
 
-  const _hoisted_1$3 = ["onClick"];
-  const __default__$3 = vue.defineComponent({
+  const _hoisted_1$4 = ["onClick"];
+  const __default__$4 = vue.defineComponent({
     name: "HzztCheckButton"
   });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
     props: {
       options: {
         type: Array,
@@ -21018,7 +21241,7 @@
                     ...vue.unref(spanKls)
                   ], "flex-1"]),
                   onClick: ($event) => selectValue(item.value)
-                }, vue.toDisplayString(item.label), 11, _hoisted_1$3)
+                }, vue.toDisplayString(item.label), 11, _hoisted_1$4)
               ]),
               _: 2
             }, 1032, ["hidden", "value"]);
@@ -21027,7 +21250,7 @@
       };
     }
   });
-  var CheckButton = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "index.vue"]]);
+  var CheckButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "index.vue"]]);
 
   const HzztCheckButton = withInstall$1(CheckButton);
 
@@ -21268,8 +21491,8 @@
     return Array.from({ length: n }).map((_, n2) => n2);
   }
 
-  const _hoisted_1$2 = { class: "el-date-picker" };
-  const _hoisted_2$2 = { class: "el-picker-panel__body" };
+  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" }
@@ -21285,11 +21508,11 @@
   const _hoisted_9 = { class: "cell" };
   const _hoisted_10 = { class: "cell" };
   const _hoisted_11 = { class: "cell" };
-  const __default__$2 = vue.defineComponent({
+  const __default__$3 = vue.defineComponent({
     name: "HzztQuarterPicker"
   });
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: {
       size: useSizeProp$1,
       format: {
@@ -21467,8 +21690,8 @@
             }, 16, ["disabled", "size", "placeholder", "value"])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$2, [
-              vue.createElementVNode("div", _hoisted_2$2, [
+            vue.createElementVNode("div", _hoisted_1$3, [
+              vue.createElementVNode("div", _hoisted_2$3, [
                 vue.createElementVNode("div", _hoisted_3$1, [
                   vue.createElementVNode("button", {
                     type: "button",
@@ -21529,7 +21752,7 @@
       };
     }
   });
-  var QuarterPicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "index.vue"]]);
+  var QuarterPicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "index.vue"]]);
 
   const HzztQuarterPicker = withInstall$1(QuarterPicker);
 
@@ -21553,7 +21776,7 @@
     [INPUT_EVENT$1]: (value) => isString$1(value)
   };
 
-  const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("div", { style: { "width": "0", "height": "0", "overflow": "hidden" } }, [
+  const _hoisted_1$2 = /* @__PURE__ */ vue.createElementVNode("div", { style: { "width": "0", "height": "0", "overflow": "hidden" } }, [
     /* @__PURE__ */ vue.createElementVNode("input", {
       readonly: "",
       style: { "width": "0", "height": "0", "overflow": "hidden" }
@@ -21565,16 +21788,16 @@
       style: { "width": "0", "height": "0", "overflow": "hidden" }
     })
   ], -1);
-  const _hoisted_2$1 = {
+  const _hoisted_2$2 = {
     class: "width-100%",
     style: { "overflow": "hidden" }
   };
-  const __default__$1 = vue.defineComponent({
+  const __default__$2 = vue.defineComponent({
     inheritAttrs: false,
     name: "HzztScan"
   });
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: scanProps,
     emits: scanEmits,
     setup(__props, { expose, emit }) {
@@ -21653,7 +21876,7 @@
           class: vue.normalizeClass(["hzzt-scan", _ctx.$attrs.class]),
           style: vue.normalizeStyle([{ "position": "relative" }, _ctx.$attrs.style])
         }, [
-          _hoisted_1$1,
+          _hoisted_1$2,
           vue.createVNode(vue.unref(ElInput), vue.mergeProps({
             ref_key: "inputRef",
             ref: inputRef,
@@ -21687,16 +21910,175 @@
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["hzzt-scan-input-backup", { "placeholder-color": innerValue.value === " " }])
           }, [
-            vue.createElementVNode("div", _hoisted_2$1, vue.toDisplayString(vue.unref(showValue)), 1)
+            vue.createElementVNode("div", _hoisted_2$2, vue.toDisplayString(vue.unref(showValue)), 1)
           ], 2)
         ], 6);
       };
     }
   });
-  var Scan = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "scan.vue"]]);
+  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 = vue.defineComponent({
+    name: "HzztSelectInput"
+  });
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1,
+    props: selectInputProps,
+    emits: selectInputEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const inputVal = vue.ref(props.modelValue);
+      const nsInput = useNamespace$1("select-input");
+      const formSize = useFormSize();
+      const formDisabled = useFormDisabled();
+      const trueSize = vue.computed(() => props.size || formSize.value || useGlobalSize$1().value);
+      const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
+      const containerCls = vue.computed(() => [
+        nsInput.b(),
+        nsInput.m(trueSize.value)
+      ]);
+      const inputContainerCls = vue.computed(() => [
+        "flex",
+        props.position === "top" ? "column" : "row align-items-center"
+      ]);
+      const inputCls = vue.computed(() => [
+        "flex-1",
+        props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
+      ]);
+      const _inputProps = vue.computed(() => ({
+        disabled: trueDisabled.value,
+        clearable: true,
+        ...props.inputProps
+      }));
+      vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(containerCls))
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(inputContainerCls))
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createVNode(Title, { label: _ctx.label }, null, 8, ["label"])
+            ]),
+            vue.createVNode(vue.unref(ElInput), vue.mergeProps({
+              ref: "inputRef",
+              class: vue.unref(inputCls),
+              modelValue: inputVal.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+            }, vue.unref(_inputProps), {
+              onInput: input,
+              onChange: change
+            }), {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("template", _hoisted_1$1, [
+                  vue.renderSlot(_ctx.$slots, "append")
+                ])
+              ]),
+              _: 3
+            }, 16, ["class", "modelValue"])
+          ], 2),
+          _ctx.data.length && !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElLink), vue.mergeProps({
+                key: index,
+                class: "margin-r-4"
+              }, _ctx.customProps, {
+                onClick: ($event) => select(item)
+              }), {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(getLinkName(item, index)), 1)
+                ]),
+                _: 2
+              }, 1040, ["onClick"]);
+            }), 128))
+          ])) : vue.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"
@@ -21757,7 +22139,8 @@
     HzztConfirmPassword,
     HzztCheckButton,
     HzztQuarterPicker,
-    HzztScan
+    HzztScan,
+    HzztSelectInput
   ];
 
   var Plugins = [];
@@ -21985,6 +22368,7 @@
   exports.HzztPagination = HzztPagination;
   exports.HzztQuarterPicker = HzztQuarterPicker;
   exports.HzztScan = HzztScan;
+  exports.HzztSelectInput = HzztSelectInput;
   exports.HzztTab = HzztTab;
   exports.HzztTitle = HzztTitle;
   exports.HzztTooltip = HzztTooltip;
@@ -22006,9 +22390,12 @@
   exports.localeContextKey = localeContextKey$1;
   exports.makeInstaller = makeInstaller;
   exports.namespaceContextKey = namespaceContextKey$1;
+  exports.numberToLetter = numberToLetter;
   exports.provideGlobalConfig = provideGlobalConfig;
   exports.scanEmits = scanEmits;
   exports.scanProps = scanProps;
+  exports.selectInputEmits = selectInputEmits;
+  exports.selectInputProps = selectInputProps;
   exports.titleProps = titleProps;
   exports.translate = translate$1;
   exports.useGetDerivedNamespace = useGetDerivedNamespace$1;