hzzt-plus 1.0.1 → 1.0.2

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Hzzt Plus v0.0.1 */
+/*! Hzzt Plus v1.0.2 */
 
-import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeClass, normalizeStyle, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, toRaw, toRefs, resolveComponent, resolveDirective, toHandlerKey, renderList, createTextVNode, vModelText, normalizeProps, guardReactiveProps } from 'vue';
+import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, useSlots, createCommentVNode, createTextVNode, toDisplayString, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, normalizeClass, normalizeStyle, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, toRaw, toRefs, resolveComponent, resolveDirective, toHandlerKey, renderList, vModelText, h, normalizeProps, guardReactiveProps } from 'vue';
 
 var __defProp$9 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
@@ -4331,7 +4331,7 @@ function isEmpty$1(value) {
   return true;
 }
 
-function isEqual(value, other) {
+function isEqual$1(value, other) {
   return baseIsEqual(value, other);
 }
 
@@ -6342,7 +6342,7 @@ var lang = {
   isDate,
   isElement: isElement$1,
   isEmpty: isEmpty$1,
-  isEqual,
+  isEqual: isEqual$1,
   isEqualWith,
   isError,
   isFinite,
@@ -12842,6 +12842,18 @@ function numberToLetter(index) {
   }
 }
 
+function insertCursorPosition(inputEl, content) {
+  const startPos = inputEl.selectionStart || 0;
+  const endPos = inputEl.selectionEnd || 0;
+  const restoreTop = inputEl.scrollTop;
+  inputEl.value = inputEl.value.substring(0, startPos) + content + inputEl.value.substring(endPos, inputEl.value.length);
+  inputEl.focus();
+  inputEl.scrollTop = restoreTop;
+  inputEl.selectionStart = startPos + content.length;
+  inputEl.selectionEnd = startPos + content.length;
+  return inputEl.value;
+}
+
 const configProviderContextKey$1 = Symbol();
 
 const globalConfig$1 = ref();
@@ -12916,7 +12928,7 @@ var ConfigProvider$1 = ConfigProvider;
 
 const HzztConfigProvider = withInstall$1(ConfigProvider$1);
 
-const version$1 = "0.0.1";
+const version$1 = "1.0.2";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -12933,6 +12945,61 @@ const makeInstaller = (components = []) => {
   };
 };
 
+const titleProps = buildProps$1({
+  label: String,
+  sideline: {
+    type: Boolean,
+    default: true
+  }
+});
+
+var _export_sfc$1 = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1$b = {
+  key: 0,
+  class: "hzzt-title flex align-items-center"
+};
+const _hoisted_2$a = {
+  key: 0,
+  class: "decorative-line"
+};
+const _hoisted_3$7 = { class: "label-name" };
+const __default__$s = defineComponent({
+  name: "HzztTitle"
+});
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
+  props: titleProps,
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const showLabel = computed(() => {
+      var _a, _b, _c;
+      return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
+    });
+    return (_ctx, _cache) => {
+      return unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+        _ctx.sideline ? (openBlock(), createElementBlock("span", _hoisted_2$a)) : createCommentVNode("v-if", true),
+        renderSlot(_ctx.$slots, "before"),
+        createElementVNode("label", _hoisted_3$7, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.label), 1)
+          ])
+        ])
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+var HzztTitle$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__file", "title.vue"]]);
+
+const HzztTitle = withInstall$1(HzztTitle$1);
+
 const configProviderContextKey = Symbol();
 
 const defaultNamespace = "el";
@@ -13372,7 +13439,7 @@ const UPDATE_MODEL_EVENT = "update:modelValue";
 const CHANGE_EVENT = "change";
 const INPUT_EVENT = "input";
 
-var _export_sfc$1 = (sfc, props) => {
+var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
     target[key] = val;
@@ -13380,6 +13447,9 @@ var _export_sfc$1 = (sfc, props) => {
   return target;
 };
 
+const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
+const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
+
 function addUnit(value, defaultUnit = "px") {
   if (!value)
     return "";
@@ -13451,7 +13521,7 @@ const __default__$r = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...__default__$r,
   props: iconProps,
   setup(__props) {
@@ -13476,7 +13546,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "icon.vue"]]);
 
 const ElIcon = withInstall(Icon);
 
@@ -13918,7 +13988,7 @@ const __default__$q = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...__default__$q,
   props: inputProps,
   emits: inputEmits,
@@ -14324,7 +14394,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14351,7 +14421,7 @@ const BAR_MAP = {
     direction: "left"
   }
 };
-const renderThumbStyle = ({
+const renderThumbStyle$1 = ({
   move,
   size,
   bar
@@ -14374,7 +14444,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$2 = "Thumb";
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14391,7 +14461,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     let cursorLeave = false;
     let originalOnSelectStart = isClient ? document.onselectstart : null;
     const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-    const thumbStyle = computed(() => renderThumbStyle({
+    const thumbStyle = computed(() => renderThumbStyle$1({
       size: props.size,
       move: props.move,
       bar: bar.value
@@ -14493,7 +14563,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14506,7 +14576,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14564,7 +14634,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -14624,7 +14694,7 @@ const COMPONENT_NAME$1 = "ElScrollbar";
 const __default__$p = defineComponent({
   name: COMPONENT_NAME$1
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...__default__$p,
   props: scrollbarProps,
   emits: scrollbarEmits,
@@ -14777,7 +14847,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 
@@ -14806,7 +14876,7 @@ const __default__$o = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...__default__$o,
   props: popperProps,
   setup(__props, { expose }) {
@@ -14830,7 +14900,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -14843,7 +14913,7 @@ const __default__$n = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...__default__$n,
   props: popperArrowProps,
   setup(__props, { expose }) {
@@ -14870,7 +14940,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "arrow.vue"]]);
 
 const popperTriggerProps = buildProps({
   virtualRef: {
@@ -15009,7 +15079,7 @@ const __default__$m = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...__default__$m,
   props: popperTriggerProps,
   setup(__props, { expose }) {
@@ -15121,7 +15191,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15320,7 +15390,7 @@ const useEscapeKeydown = (handler) => {
   });
 };
 
-const _sfc_main$u = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15562,10 +15632,10 @@ const _sfc_main$u = defineComponent({
     };
   }
 });
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["render", _sfc_render$6], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$9], ["__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});
 
@@ -15947,7 +16017,7 @@ const usePopperContentDOM = (props, {
 const __default__$l = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...__default__$l,
   props: popperContentProps,
   emits: popperContentEmits,
@@ -16064,7 +16134,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
@@ -16345,7 +16415,7 @@ const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPreve
 const __default__$k = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...__default__$k,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
@@ -16405,7 +16475,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "trigger.vue"]]);
 
 const teleportProps = buildProps({
   to: {
@@ -16415,7 +16485,7 @@ const teleportProps = buildProps({
   disabled: Boolean
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -16429,7 +16499,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "teleport.vue"]]);
 
 const ElTeleport = withInstall(Teleport);
 
@@ -16470,7 +16540,7 @@ const __default__$j = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$j,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
@@ -16642,12 +16712,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "content.vue"]]);
 
 const __default__$i = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...__default__$i,
   props: useTooltipProps,
   emits: tooltipEmits,
@@ -16798,7 +16868,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "tooltip.vue"]]);
+var Tooltip$1 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip$1);
 
@@ -17875,7 +17945,7 @@ function useButtonCustomStyle(props) {
 const __default__$h = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...__default__$h,
   props: buttonProps,
   emits: buttonEmits,
@@ -17942,7 +18012,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "button.vue"]]);
 
 const buttonGroupProps = {
   size: buttonProps.size,
@@ -17952,7 +18022,7 @@ const buttonGroupProps = {
 const __default__$g = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...__default__$g,
   props: buttonGroupProps,
   setup(__props) {
@@ -17971,7 +18041,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "button-group.vue"]]);
 
 const ElButton = withInstall(Button, {
   ButtonGroup
@@ -18011,7 +18081,7 @@ const tagEmits = {
 const __default__$f = defineComponent({
   name: "ElTag"
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__$f,
   props: tagProps,
   emits: tagEmits,
@@ -18099,7 +18169,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tag = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "tag.vue"]]);
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tag.vue"]]);
 
 const ElTag = withInstall(Tag);
 
@@ -18208,22 +18278,22 @@ const vRepeatClick = {
   }
 };
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["render", _sfc_render$5], ["__file", "collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$8], ["__file", "collection.vue"]]);
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["render", _sfc_render$4], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$7], ["__file", "collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -18436,7 +18506,7 @@ const inputNumberEmits = {
 const __default__$e = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$e,
   props: inputNumberProps,
   emits: inputNumberEmits,
@@ -18763,7 +18833,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "input-number.vue"]]);
 
 const ElInputNumber = withInstall(InputNumber);
 
@@ -18813,7 +18883,7 @@ const linkEmits = {
 const __default__$d = defineComponent({
   name: "ElLink"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$d,
   props: linkProps,
   emits: linkEmits,
@@ -18854,14 +18924,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Link = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "link.vue"]]);
+var Link = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "link.vue"]]);
 
 const ElLink = withInstall(Link);
 
 const selectGroupKey = Symbol("ElSelectGroup");
 const selectKey = Symbol("ElSelect");
 
-function useOption(props, states) {
+function useOption$1(props, states) {
   const select = inject(selectKey);
   const selectGroup = inject(selectGroupKey, { disabled: false });
   const itemSelected = computed(() => {
@@ -18936,7 +19006,7 @@ function useOption(props, states) {
   };
 }
 
-const _sfc_main$h = defineComponent({
+const _sfc_main$k = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -18970,7 +19040,7 @@ const _sfc_main$h = defineComponent({
       select,
       hoverItem,
       updateOption
-    } = useOption(props, states);
+    } = useOption$1(props, states);
     const { visible, hover } = toRefs(states);
     const vm = getCurrentInstance().proxy;
     select.onOptionCreate(vm);
@@ -19009,7 +19079,7 @@ const _sfc_main$h = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("li", {
     id: _ctx.id,
     class: normalizeClass(_ctx.containerKls),
@@ -19026,9 +19096,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var Option = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$3], ["__file", "option.vue"]]);
+var Option = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$6], ["__file", "option.vue"]]);
 
-const _sfc_main$g = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -19055,7 +19125,7 @@ const _sfc_main$g = defineComponent({
     };
   }
 });
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
     style: normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -19075,9 +19145,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 6);
 }
-var ElSelectMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$2], ["__file", "select-dropdown.vue"]]);
+var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$5], ["__file", "select-dropdown.vue"]]);
 
-const useSelect = (props, emit) => {
+const useSelect$1 = (props, emit) => {
   const { t } = useLocale();
   const contentId = useId();
   const nsSelect = useNamespace("select");
@@ -19234,7 +19304,7 @@ const useSelect = (props, emit) => {
       }
     }
     setSelected();
-    if (!isEqual(val, oldVal) && props.validateEvent) {
+    if (!isEqual$1(val, oldVal) && props.validateEvent) {
       formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
     }
   }, {
@@ -19378,7 +19448,7 @@ const useSelect = (props, emit) => {
     onInputChange();
   }, debounce$1.value);
   const emitChange = (val) => {
-    if (!isEqual(props.modelValue, val)) {
+    if (!isEqual$1(props.modelValue, val)) {
       emit(CHANGE_EVENT, val);
     }
   };
@@ -19467,7 +19537,7 @@ const useSelect = (props, emit) => {
     if (!isObject$1(option.value))
       return arr.indexOf(option.value);
     return arr.findIndex((item) => {
-      return isEqual(get(item, props.valueKey), getValueKey(option));
+      return isEqual$1(get(item, props.valueKey), getValueKey(option));
     });
   };
   const scrollToOption = (option) => {
@@ -19723,7 +19793,7 @@ var ElOptions = defineComponent({
       if (children.length) {
         filterOptions((_b = children[0]) == null ? void 0 : _b.children);
       }
-      if (!isEqual(valueList, cachedValueList)) {
+      if (!isEqual$1(valueList, cachedValueList)) {
         cachedValueList = valueList;
         if (select) {
           select.states.optionValues = valueList;
@@ -19734,7 +19804,7 @@ var ElOptions = defineComponent({
   }
 });
 
-const SelectProps = buildProps({
+const SelectProps$1 = buildProps({
   name: String,
   id: String,
   modelValue: {
@@ -19841,11 +19911,11 @@ const SelectProps = buildProps({
 });
 
 const COMPONENT_NAME = "ElSelect";
-const _sfc_main$f = defineComponent({
+const _sfc_main$i = defineComponent({
   name: COMPONENT_NAME,
   componentName: COMPONENT_NAME,
   components: {
-    ElSelectMenu,
+    ElSelectMenu: ElSelectMenu$1,
     ElOption: Option,
     ElOptions,
     ElTag,
@@ -19854,7 +19924,7 @@ const _sfc_main$f = defineComponent({
     ElIcon
   },
   directives: { ClickOutside },
-  props: SelectProps,
+  props: SelectProps$1,
   emits: [
     UPDATE_MODEL_EVENT,
     CHANGE_EVENT,
@@ -19877,7 +19947,7 @@ const _sfc_main$f = defineComponent({
       ...toRefs(props),
       modelValue
     });
-    const API = useSelect(_props, emit);
+    const API = useSelect$1(_props, emit);
     const { calculatorRef, inputStyle } = useCalcInputWidth();
     provide(selectKey, reactive({
       props: _props,
@@ -19904,7 +19974,7 @@ const _sfc_main$f = defineComponent({
     };
   }
 });
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
   const _component_el_tooltip = resolveComponent("el-tooltip");
   const _component_el_icon = resolveComponent("el-icon");
@@ -20251,9 +20321,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
   ]);
 }
-var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$1], ["__file", "select.vue"]]);
+var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$4], ["__file", "select.vue"]]);
 
-const _sfc_main$e = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -20306,7 +20376,7 @@ const _sfc_main$e = defineComponent({
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("ul", {
     ref: "groupRef",
     class: normalizeClass(_ctx.ns.be("group", "wrap"))
@@ -20325,9 +20395,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.visible]
   ]);
 }
-var OptionGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["render", _sfc_render], ["__file", "option-group.vue"]]);
+var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$3], ["__file", "option-group.vue"]]);
 
-const ElSelect = withInstall(Select, {
+const ElSelect = withInstall(Select$1, {
   Option,
   OptionGroup
 });
@@ -20399,7 +20469,7 @@ const updateEventKeyRaw = `onUpdate:visible`;
 const __default__$c = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...__default__$c,
   props: popoverProps,
   emits: popoverEmits,
@@ -20499,7 +20569,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popover = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "popover.vue"]]);
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "popover.vue"]]);
 
 const attachEvents = (el, binding) => {
   const popperComponent = binding.arg || binding.value;
@@ -20523,160 +20593,2813 @@ const ElPopover = withInstall(Popover, {
   directive: ElPopoverDirective
 });
 
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const _hoisted_1$a = ["onClick"];
-const _hoisted_2$9 = { class: "hzzt-dropdown-name" };
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
-const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
-const _hoisted_5$3 = ["onClick"];
-const _hoisted_6$3 = { class: "submenu" };
-const _hoisted_7$3 = ["onClick"];
-const __default__$b = defineComponent({
-  name: "HzztDropDown"
-});
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$f = defineComponent({
   props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    label: String,
-    value: String,
-    defaultValue: {
-      type: Array,
-      default: () => []
-    },
-    position: {
-      type: String,
-      default: "right"
-    },
-    props: {
+    item: {
       type: Object,
-      default: () => ({
-        children: "children",
-        label: "label",
-        value: "value"
-      })
+      required: true
     },
-    returnType: {
-      type: String,
-      default: "Array"
-    }
+    style: {
+      type: Object
+    },
+    height: Number
   },
-  emits: ["change"],
-  setup(__props, { emit: emits }) {
-    const dProps = __props;
-    const toggle = ref(false);
-    function dropToggle() {
-      toggle.value = !toggle.value;
-    }
-    function close() {
-      toggle.value = false;
-    }
-    function selectValue(val) {
-      if (dProps.returnType === "Array") {
-        emits("change", val);
-      }
-      if (dProps.returnType === "String") {
-        emits("change", val.last);
-      }
-    }
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("ul", {
-        class: "hzzt-dropdown",
-        onClick: withModifiers(dropToggle, ["stop"])
-      }, [
-        createElementVNode("li", {
-          class: normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
-        }, [
-          createElementVNode("span", _hoisted_2$9, toDisplayString(__props.label), 1),
-          _hoisted_3$7,
-          createElementVNode("ul", _hoisted_4$5, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-              return openBlock(), createElementBlock(Fragment, null, [
-                unref(isEmpty)(option[__props.props.children]) ? (openBlock(), createElementBlock("li", {
-                  key: index,
-                  class: normalizeClass({
-                    "hzzt-dropdown-menu-item": true,
-                    selected: __props.defaultValue.includes(option[__props.props.value])
-                  })
-                }, [
-                  createElementVNode("a", {
-                    class: "hzzt-dropdown-menu-item-label",
-                    onClick: ($event) => selectValue([option[__props.props.value]])
-                  }, toDisplayString(option[__props.props.label]), 9, _hoisted_5$3)
-                ], 2)) : (openBlock(), createElementBlock("li", {
-                  key: index + "submenu",
-                  class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
-                }, [
-                  createElementVNode("a", _hoisted_6$3, toDisplayString(option[__props.props.label]), 1),
-                  createElementVNode("ul", {
-                    class: normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(option.children, (child, cIndex) => {
-                      return openBlock(), createElementBlock("li", {
-                        key: cIndex,
-                        class: normalizeClass({
-                          "hzzt-dropdown-menu-item": true,
-                          selected: __props.defaultValue.includes(child[__props.props.value])
-                        })
-                      }, [
-                        createElementVNode("a", {
-                          class: "hzzt-dropdown-menu-item-label",
-                          onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]])
-                        }, toDisplayString(child[__props.props.label]), 9, _hoisted_7$3)
-                      ], 2);
-                    }), 128))
-                  ], 2)
-                ])),
-                option.divider ? (openBlock(), createElementBlock("li", {
-                  key: index + "divider",
-                  class: "divider"
-                })) : createCommentVNode("v-if", true)
-              ], 64);
-            }), 256))
-          ])
-        ], 2)
-      ], 8, _hoisted_1$a)), [
-        [unref(ClickOutside), close]
-      ]);
+  setup() {
+    const ns = useNamespace("select");
+    return {
+      ns
     };
   }
 });
-var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "index.vue"]]);
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.be("group", "title")),
+    style: normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
+  }, toDisplayString(_ctx.item.label), 7);
+}
+var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$2], ["__file", "group-item.vue"]]);
 
-const HzztDropdown = withInstall$1(Dropdown);
+function useOption(props, { emit }) {
+  return {
+    hoverItem: () => {
+      if (!props.disabled) {
+        emit("hover", props.index);
+      }
+    },
+    selectOptionClick: () => {
+      if (!props.disabled) {
+        emit("select", props.item, props.index);
+      }
+    }
+  };
+}
 
-const _hoisted_1$9 = { class: "hzzt-collapse" };
-const _hoisted_2$8 = { class: "flex align-items-center" };
-const _hoisted_3$6 = { class: "hzzt-collapse-title-wrapper" };
-const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-const _hoisted_5$2 = { class: "hzzt-collapse-title" };
-const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
-const _hoisted_7$2 = {
-  key: 0,
-  class: "hzzt-collapse-text"
+const defaultProps = {
+  label: "label",
+  value: "value",
+  disabled: "disabled",
+  options: "options"
 };
-const __default__$a = defineComponent({
-  name: "HzztCollapse"
-});
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
-  props: {
-    defaultActive: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
+function useProps(props) {
+  const aliasProps = computed(() => ({ ...defaultProps, ...props.props }));
+  const getLabel = (option) => get(option, aliasProps.value.label);
+  const getValue = (option) => get(option, aliasProps.value.value);
+  const getDisabled = (option) => get(option, aliasProps.value.disabled);
+  const getOptions = (option) => get(option, aliasProps.value.options);
+  return {
+    aliasProps,
+    getLabel,
+    getValue,
+    getDisabled,
+    getOptions
+  };
+}
+
+const SelectProps = buildProps({
+  allowCreate: Boolean,
+  autocomplete: {
+    type: definePropType(String),
+    default: "none"
+  },
+  automaticDropdown: Boolean,
+  clearable: Boolean,
+  clearIcon: {
+    type: iconPropType,
+    default: circle_close_default
+  },
+  effect: {
+    type: definePropType(String),
+    default: "light"
+  },
+  collapseTags: Boolean,
+  collapseTagsTooltip: Boolean,
+  maxCollapseTags: {
+    type: Number,
+    default: 1
+  },
+  defaultFirstOption: Boolean,
+  disabled: Boolean,
+  estimatedOptionHeight: {
+    type: Number,
+    default: void 0
+  },
+  filterable: Boolean,
+  filterMethod: Function,
+  height: {
+    type: Number,
+    default: 274
+  },
+  itemHeight: {
+    type: Number,
+    default: 34
+  },
+  id: String,
+  loading: Boolean,
+  loadingText: String,
+  modelValue: {
+    type: definePropType([Array, String, Number, Boolean, Object])
+  },
+  multiple: Boolean,
+  multipleLimit: {
+    type: Number,
+    default: 0
+  },
+  name: String,
+  noDataText: String,
+  noMatchText: String,
+  remoteMethod: Function,
+  reserveKeyword: {
+    type: Boolean,
+    default: true
+  },
+  options: {
+    type: definePropType(Array),
+    required: true
+  },
+  placeholder: {
+    type: String
+  },
+  teleported: useTooltipContentProps.teleported,
+  persistent: {
+    type: Boolean,
+    default: true
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  popperOptions: {
+    type: definePropType(Object),
+    default: () => ({})
+  },
+  remote: Boolean,
+  size: useSizeProp,
+  props: {
+    type: definePropType(Object),
+    default: () => defaultProps
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  scrollbarAlwaysOn: Boolean,
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
+  showArrow: {
+    type: Boolean,
+    default: true
+  },
+  placement: {
+    type: definePropType(String),
+    values: Ee,
+    default: "bottom-start"
+  },
+  fallbackPlacements: {
+    type: definePropType(Array),
+    default: ["bottom-start", "top-start", "right", "left"]
+  },
+  tagType: { ...tagProps.type, default: "info" },
+  tagEffect: { ...tagProps.effect, default: "light" },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  appendTo: String,
+  fitInputWidth: {
+    type: [Boolean, Number],
+    default: true,
+    validator(val) {
+      return isBoolean(val) || isNumber(val);
+    }
+  },
+  ...useEmptyValuesProps,
+  ...useAriaProps(["ariaLabel"])
+});
+const OptionProps = buildProps({
+  data: Array,
+  disabled: Boolean,
+  hovering: Boolean,
+  item: {
+    type: definePropType(Object),
+    required: true
+  },
+  index: Number,
+  style: Object,
+  selected: Boolean,
+  created: Boolean
+});
+const selectEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => true,
+  [CHANGE_EVENT]: (val) => true,
+  "remove-tag": (val) => true,
+  "visible-change": (visible) => true,
+  focus: (evt) => evt instanceof FocusEvent,
+  blur: (evt) => evt instanceof FocusEvent,
+  clear: () => true
+};
+const optionEmits = {
+  hover: (index) => isNumber(index),
+  select: (val, index) => true
+};
+
+const selectV2InjectionKey = Symbol("ElSelectV2Injection");
+
+const _sfc_main$e = defineComponent({
+  props: OptionProps,
+  emits: optionEmits,
+  setup(props, { emit }) {
+    const select = inject(selectV2InjectionKey);
+    const ns = useNamespace("select");
+    const { hoverItem, selectOptionClick } = useOption(props, { emit });
+    const { getLabel } = useProps(select.props);
+    return {
+      ns,
+      hoverItem,
+      selectOptionClick,
+      getLabel
+    };
+  }
+});
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("li", {
+    "aria-selected": _ctx.selected,
+    style: normalizeStyle(_ctx.style),
+    class: normalizeClass([
+      _ctx.ns.be("dropdown", "item"),
+      _ctx.ns.is("selected", _ctx.selected),
+      _ctx.ns.is("disabled", _ctx.disabled),
+      _ctx.ns.is("created", _ctx.created),
+      _ctx.ns.is("hovering", _ctx.hovering)
+    ]),
+    onMousemove: _ctx.hoverItem,
+    onClick: withModifiers(_ctx.selectOptionClick, ["stop"])
+  }, [
+    renderSlot(_ctx.$slots, "default", {
+      item: _ctx.item,
+      index: _ctx.index,
+      disabled: _ctx.disabled
+    }, () => [
+      createElementVNode("span", null, toDisplayString(_ctx.getLabel(_ctx.item)), 1)
+    ])
+  ], 46, ["aria-selected", "onMousemove", "onClick"]);
+}
+var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$1], ["__file", "option-item.vue"]]);
+
+var safeIsNaN = Number.isNaN || function ponyfill(value) {
+  return typeof value === "number" && value !== value;
+};
+function isEqual(first, second) {
+  if (first === second) {
+    return true;
+  }
+  if (safeIsNaN(first) && safeIsNaN(second)) {
+    return true;
+  }
+  return false;
+}
+function areInputsEqual(newInputs, lastInputs) {
+  if (newInputs.length !== lastInputs.length) {
+    return false;
+  }
+  for (var i = 0; i < newInputs.length; i++) {
+    if (!isEqual(newInputs[i], lastInputs[i])) {
+      return false;
+    }
+  }
+  return true;
+}
+function memoizeOne(resultFn, isEqual2) {
+  if (isEqual2 === void 0) {
+    isEqual2 = areInputsEqual;
+  }
+  var cache = null;
+  function memoized() {
+    var newArgs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      newArgs[_i] = arguments[_i];
+    }
+    if (cache && cache.lastThis === this && isEqual2(newArgs, cache.lastArgs)) {
+      return cache.lastResult;
+    }
+    var lastResult = resultFn.apply(this, newArgs);
+    cache = {
+      lastResult,
+      lastArgs: newArgs,
+      lastThis: this
+    };
+    return lastResult;
+  }
+  memoized.clear = function clear() {
+    cache = null;
+  };
+  return memoized;
+}
+
+const useCache = () => {
+  const vm = getCurrentInstance();
+  const props = vm.proxy.$props;
+  return computed(() => {
+    const _getItemStyleCache = (_, __, ___) => ({});
+    return props.perfMode ? memoize(_getItemStyleCache) : memoizeOne(_getItemStyleCache);
+  });
+};
+
+const DEFAULT_DYNAMIC_LIST_ITEM_SIZE = 50;
+const ITEM_RENDER_EVT = "itemRendered";
+const SCROLL_EVT = "scroll";
+const FORWARD = "forward";
+const BACKWARD = "backward";
+const AUTO_ALIGNMENT = "auto";
+const SMART_ALIGNMENT = "smart";
+const START_ALIGNMENT = "start";
+const CENTERED_ALIGNMENT = "center";
+const END_ALIGNMENT = "end";
+const HORIZONTAL = "horizontal";
+const VERTICAL = "vertical";
+const LTR = "ltr";
+const RTL = "rtl";
+const RTL_OFFSET_NAG = "negative";
+const RTL_OFFSET_POS_ASC = "positive-ascending";
+const RTL_OFFSET_POS_DESC = "positive-descending";
+const ScrollbarDirKey = {
+  [HORIZONTAL]: "left",
+  [VERTICAL]: "top"
+};
+const SCROLLBAR_MIN_SIZE = 20;
+
+const LayoutKeys = {
+  [HORIZONTAL]: "deltaX",
+  [VERTICAL]: "deltaY"
+};
+const useWheel = ({ atEndEdge, atStartEdge, layout }, onWheelDelta) => {
+  let frameHandle;
+  let offset = 0;
+  const hasReachedEdge = (offset2) => {
+    const edgeReached = offset2 < 0 && atStartEdge.value || offset2 > 0 && atEndEdge.value;
+    return edgeReached;
+  };
+  const onWheel = (e) => {
+    cAF(frameHandle);
+    const newOffset = e[LayoutKeys[layout.value]];
+    if (hasReachedEdge(offset) && hasReachedEdge(offset + newOffset))
+      return;
+    offset += newOffset;
+    if (!isFirefox()) {
+      e.preventDefault();
+    }
+    frameHandle = rAF(() => {
+      onWheelDelta(offset);
+      offset = 0;
+    });
+  };
+  return {
+    hasReachedEdge,
+    onWheel
+  };
+};
+
+const itemSize = buildProp({
+  type: definePropType([Number, Function]),
+  required: true
+});
+const estimatedItemSize = buildProp({
+  type: Number
+});
+const cache = buildProp({
+  type: Number,
+  default: 2
+});
+const direction = buildProp({
+  type: String,
+  values: ["ltr", "rtl"],
+  default: "ltr"
+});
+const initScrollOffset = buildProp({
+  type: Number,
+  default: 0
+});
+const total = buildProp({
+  type: Number,
+  required: true
+});
+const layout = buildProp({
+  type: String,
+  values: ["horizontal", "vertical"],
+  default: VERTICAL
+});
+const virtualizedProps = buildProps({
+  className: {
+    type: String,
+    default: ""
+  },
+  containerElement: {
+    type: definePropType([String, Object]),
+    default: "div"
+  },
+  data: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  direction,
+  height: {
+    type: [String, Number],
+    required: true
+  },
+  innerElement: {
+    type: [String, Object],
+    default: "div"
+  },
+  style: {
+    type: definePropType([Object, String, Array])
+  },
+  useIsScrolling: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: [Number, String],
+    required: false
+  },
+  perfMode: {
+    type: Boolean,
+    default: true
+  },
+  scrollbarAlwaysOn: {
+    type: Boolean,
+    default: false
+  }
+});
+const virtualizedListProps = buildProps({
+  cache,
+  estimatedItemSize,
+  layout,
+  initScrollOffset,
+  total,
+  itemSize,
+  ...virtualizedProps
+});
+const scrollbarSize = {
+  type: Number,
+  default: 6
+};
+const startGap = { type: Number, default: 0 };
+const endGap = { type: Number, default: 2 };
+buildProps({
+  columnCache: cache,
+  columnWidth: itemSize,
+  estimatedColumnWidth: estimatedItemSize,
+  estimatedRowHeight: estimatedItemSize,
+  initScrollLeft: initScrollOffset,
+  initScrollTop: initScrollOffset,
+  itemKey: {
+    type: definePropType(Function),
+    default: ({
+      columnIndex,
+      rowIndex
+    }) => `${rowIndex}:${columnIndex}`
+  },
+  rowCache: cache,
+  rowHeight: itemSize,
+  totalColumn: total,
+  totalRow: total,
+  hScrollbarSize: scrollbarSize,
+  vScrollbarSize: scrollbarSize,
+  scrollbarStartGap: startGap,
+  scrollbarEndGap: endGap,
+  role: String,
+  ...virtualizedProps
+});
+const virtualizedScrollbarProps = buildProps({
+  alwaysOn: Boolean,
+  class: String,
+  layout,
+  total,
+  ratio: {
+    type: Number,
+    required: true
+  },
+  clientSize: {
+    type: Number,
+    required: true
+  },
+  scrollFrom: {
+    type: Number,
+    required: true
+  },
+  scrollbarSize,
+  startGap,
+  endGap,
+  visible: Boolean
+});
+
+const getScrollDir = (prev, cur) => prev < cur ? FORWARD : BACKWARD;
+const isHorizontal = (dir) => dir === LTR || dir === RTL || dir === HORIZONTAL;
+let cachedRTLResult = null;
+function getRTLOffsetType(recalculate = false) {
+  if (cachedRTLResult === null || recalculate) {
+    const outerDiv = document.createElement("div");
+    const outerStyle = outerDiv.style;
+    outerStyle.width = "50px";
+    outerStyle.height = "50px";
+    outerStyle.overflow = "scroll";
+    outerStyle.direction = "rtl";
+    const innerDiv = document.createElement("div");
+    const innerStyle = innerDiv.style;
+    innerStyle.width = "100px";
+    innerStyle.height = "100px";
+    outerDiv.appendChild(innerDiv);
+    document.body.appendChild(outerDiv);
+    if (outerDiv.scrollLeft > 0) {
+      cachedRTLResult = RTL_OFFSET_POS_DESC;
+    } else {
+      outerDiv.scrollLeft = 1;
+      if (outerDiv.scrollLeft === 0) {
+        cachedRTLResult = RTL_OFFSET_NAG;
+      } else {
+        cachedRTLResult = RTL_OFFSET_POS_ASC;
+      }
+    }
+    document.body.removeChild(outerDiv);
+    return cachedRTLResult;
+  }
+  return cachedRTLResult;
+}
+function renderThumbStyle({ move, size, bar }, layout) {
+  const style = {};
+  const translate = `translate${bar.axis}(${move}px)`;
+  style[bar.size] = size;
+  style.transform = translate;
+  style.msTransform = translate;
+  style.webkitTransform = translate;
+  if (layout === "horizontal") {
+    style.height = "100%";
+  } else {
+    style.width = "100%";
+  }
+  return style;
+}
+
+const ScrollBar = defineComponent({
+  name: "ElVirtualScrollBar",
+  props: virtualizedScrollbarProps,
+  emits: ["scroll", "start-move", "stop-move"],
+  setup(props, { emit }) {
+    const GAP = computed(() => props.startGap + props.endGap);
+    const nsVirtualScrollbar = useNamespace("virtual-scrollbar");
+    const nsScrollbar = useNamespace("scrollbar");
+    const trackRef = ref();
+    const thumbRef = ref();
+    let frameHandle = null;
+    let onselectstartStore = null;
+    const state = reactive({
+      isDragging: false,
+      traveled: 0
+    });
+    const bar = computed(() => BAR_MAP[props.layout]);
+    const trackSize = computed(() => props.clientSize - unref(GAP));
+    const trackStyle = computed(() => ({
+      position: "absolute",
+      width: `${HORIZONTAL === props.layout ? trackSize.value : props.scrollbarSize}px`,
+      height: `${HORIZONTAL === props.layout ? props.scrollbarSize : trackSize.value}px`,
+      [ScrollbarDirKey[props.layout]]: "2px",
+      right: "2px",
+      bottom: "2px",
+      borderRadius: "4px"
+    }));
+    const thumbSize = computed(() => {
+      const ratio = props.ratio;
+      const clientSize = props.clientSize;
+      if (ratio >= 100) {
+        return Number.POSITIVE_INFINITY;
+      }
+      if (ratio >= 50) {
+        return ratio * clientSize / 100;
+      }
+      const SCROLLBAR_MAX_SIZE = clientSize / 3;
+      return Math.floor(Math.min(Math.max(ratio * clientSize, SCROLLBAR_MIN_SIZE), SCROLLBAR_MAX_SIZE));
+    });
+    const thumbStyle = computed(() => {
+      if (!Number.isFinite(thumbSize.value)) {
+        return {
+          display: "none"
+        };
+      }
+      const thumb = `${thumbSize.value}px`;
+      const style = renderThumbStyle({
+        bar: bar.value,
+        size: thumb,
+        move: state.traveled
+      }, props.layout);
+      return style;
+    });
+    const totalSteps = computed(() => Math.floor(props.clientSize - thumbSize.value - unref(GAP)));
+    const attachEvents = () => {
+      window.addEventListener("mousemove", onMouseMove);
+      window.addEventListener("mouseup", onMouseUp);
+      const thumbEl = unref(thumbRef);
+      if (!thumbEl)
+        return;
+      onselectstartStore = document.onselectstart;
+      document.onselectstart = () => false;
+      thumbEl.addEventListener("touchmove", onMouseMove, { passive: true });
+      thumbEl.addEventListener("touchend", onMouseUp);
+    };
+    const detachEvents = () => {
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", onMouseUp);
+      document.onselectstart = onselectstartStore;
+      onselectstartStore = null;
+      const thumbEl = unref(thumbRef);
+      if (!thumbEl)
+        return;
+      thumbEl.removeEventListener("touchmove", onMouseMove);
+      thumbEl.removeEventListener("touchend", onMouseUp);
+    };
+    const onThumbMouseDown = (e) => {
+      e.stopImmediatePropagation();
+      if (e.ctrlKey || [1, 2].includes(e.button)) {
+        return;
+      }
+      state.isDragging = true;
+      state[bar.value.axis] = e.currentTarget[bar.value.offset] - (e[bar.value.client] - e.currentTarget.getBoundingClientRect()[bar.value.direction]);
+      emit("start-move");
+      attachEvents();
+    };
+    const onMouseUp = () => {
+      state.isDragging = false;
+      state[bar.value.axis] = 0;
+      emit("stop-move");
+      detachEvents();
+    };
+    const onMouseMove = (e) => {
+      const { isDragging } = state;
+      if (!isDragging)
+        return;
+      if (!thumbRef.value || !trackRef.value)
+        return;
+      const prevPage = state[bar.value.axis];
+      if (!prevPage)
+        return;
+      cAF(frameHandle);
+      const offset = (trackRef.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
+      const thumbClickPosition = thumbRef.value[bar.value.offset] - prevPage;
+      const distance = offset - thumbClickPosition;
+      frameHandle = rAF(() => {
+        state.traveled = Math.max(props.startGap, Math.min(distance, totalSteps.value));
+        emit("scroll", distance, totalSteps.value);
+      });
+    };
+    const clickTrackHandler = (e) => {
+      const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
+      const thumbHalf = thumbRef.value[bar.value.offset] / 2;
+      const distance = offset - thumbHalf;
+      state.traveled = Math.max(0, Math.min(distance, totalSteps.value));
+      emit("scroll", distance, totalSteps.value);
+    };
+    watch(() => props.scrollFrom, (v) => {
+      if (state.isDragging)
+        return;
+      state.traveled = Math.ceil(v * totalSteps.value);
+    });
+    onBeforeUnmount(() => {
+      detachEvents();
+    });
+    return () => {
+      return h("div", {
+        role: "presentation",
+        ref: trackRef,
+        class: [
+          nsVirtualScrollbar.b(),
+          props.class,
+          (props.alwaysOn || state.isDragging) && "always-on"
+        ],
+        style: trackStyle.value,
+        onMousedown: withModifiers(clickTrackHandler, ["stop", "prevent"]),
+        onTouchstartPrevent: onThumbMouseDown
+      }, h("div", {
+        ref: thumbRef,
+        class: nsScrollbar.e("thumb"),
+        style: thumbStyle.value,
+        onMousedown: onThumbMouseDown
+      }, []));
+    };
+  }
+});
+
+const createList = ({
+  name,
+  getOffset,
+  getItemSize,
+  getItemOffset,
+  getEstimatedTotalSize,
+  getStartIndexForOffset,
+  getStopIndexForStartIndex,
+  initCache,
+  clearCache,
+  validateProps
+}) => {
+  return defineComponent({
+    name: name != null ? name : "ElVirtualList",
+    props: virtualizedListProps,
+    emits: [ITEM_RENDER_EVT, SCROLL_EVT],
+    setup(props, { emit, expose }) {
+      validateProps(props);
+      const instance = getCurrentInstance();
+      const ns = useNamespace("vl");
+      const dynamicSizeCache = ref(initCache(props, instance));
+      const getItemStyleCache = useCache();
+      const windowRef = ref();
+      const innerRef = ref();
+      const scrollbarRef = ref();
+      const states = ref({
+        isScrolling: false,
+        scrollDir: "forward",
+        scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
+        updateRequested: false,
+        isScrollbarDragging: false,
+        scrollbarAlwaysOn: props.scrollbarAlwaysOn
+      });
+      const itemsToRender = computed(() => {
+        const { total, cache } = props;
+        const { isScrolling, scrollDir, scrollOffset } = unref(states);
+        if (total === 0) {
+          return [0, 0, 0, 0];
+        }
+        const startIndex = getStartIndexForOffset(props, scrollOffset, unref(dynamicSizeCache));
+        const stopIndex = getStopIndexForStartIndex(props, startIndex, scrollOffset, unref(dynamicSizeCache));
+        const cacheBackward = !isScrolling || scrollDir === BACKWARD ? Math.max(1, cache) : 1;
+        const cacheForward = !isScrolling || scrollDir === FORWARD ? Math.max(1, cache) : 1;
+        return [
+          Math.max(0, startIndex - cacheBackward),
+          Math.max(0, Math.min(total - 1, stopIndex + cacheForward)),
+          startIndex,
+          stopIndex
+        ];
+      });
+      const estimatedTotalSize = computed(() => getEstimatedTotalSize(props, unref(dynamicSizeCache)));
+      const _isHorizontal = computed(() => isHorizontal(props.layout));
+      const windowStyle = computed(() => [
+        {
+          position: "relative",
+          [`overflow-${_isHorizontal.value ? "x" : "y"}`]: "scroll",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform"
+        },
+        {
+          direction: props.direction,
+          height: isNumber(props.height) ? `${props.height}px` : props.height,
+          width: isNumber(props.width) ? `${props.width}px` : props.width
+        },
+        props.style
+      ]);
+      const innerStyle = computed(() => {
+        const size = unref(estimatedTotalSize);
+        const horizontal = unref(_isHorizontal);
+        return {
+          height: horizontal ? "100%" : `${size}px`,
+          pointerEvents: unref(states).isScrolling ? "none" : void 0,
+          width: horizontal ? `${size}px` : "100%"
+        };
+      });
+      const clientSize = computed(() => _isHorizontal.value ? props.width : props.height);
+      const { onWheel } = useWheel({
+        atStartEdge: computed(() => states.value.scrollOffset <= 0),
+        atEndEdge: computed(() => states.value.scrollOffset >= estimatedTotalSize.value),
+        layout: computed(() => props.layout)
+      }, (offset) => {
+        var _a, _b;
+        (_b = (_a = scrollbarRef.value).onMouseUp) == null ? void 0 : _b.call(_a);
+        scrollTo(Math.min(states.value.scrollOffset + offset, estimatedTotalSize.value - clientSize.value));
+      });
+      useEventListener(windowRef, "wheel", onWheel, {
+        passive: false
+      });
+      const emitEvents = () => {
+        const { total } = props;
+        if (total > 0) {
+          const [cacheStart, cacheEnd, visibleStart, visibleEnd] = unref(itemsToRender);
+          emit(ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd);
+        }
+        const { scrollDir, scrollOffset, updateRequested } = unref(states);
+        emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested);
+      };
+      const scrollVertically = (e) => {
+        const { clientHeight, scrollHeight, scrollTop } = e.currentTarget;
+        const _states = unref(states);
+        if (_states.scrollOffset === scrollTop) {
+          return;
+        }
+        const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
+        states.value = {
+          ..._states,
+          isScrolling: true,
+          scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),
+          scrollOffset,
+          updateRequested: false
+        };
+        nextTick(resetIsScrolling);
+      };
+      const scrollHorizontally = (e) => {
+        const { clientWidth, scrollLeft, scrollWidth } = e.currentTarget;
+        const _states = unref(states);
+        if (_states.scrollOffset === scrollLeft) {
+          return;
+        }
+        const { direction } = props;
+        let scrollOffset = scrollLeft;
+        if (direction === RTL) {
+          switch (getRTLOffsetType()) {
+            case RTL_OFFSET_NAG: {
+              scrollOffset = -scrollLeft;
+              break;
+            }
+            case RTL_OFFSET_POS_DESC: {
+              scrollOffset = scrollWidth - clientWidth - scrollLeft;
+              break;
+            }
+          }
+        }
+        scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
+        states.value = {
+          ..._states,
+          isScrolling: true,
+          scrollDir: getScrollDir(_states.scrollOffset, scrollOffset),
+          scrollOffset,
+          updateRequested: false
+        };
+        nextTick(resetIsScrolling);
+      };
+      const onScroll = (e) => {
+        unref(_isHorizontal) ? scrollHorizontally(e) : scrollVertically(e);
+        emitEvents();
+      };
+      const onScrollbarScroll = (distanceToGo, totalSteps) => {
+        const offset = (estimatedTotalSize.value - clientSize.value) / totalSteps * distanceToGo;
+        scrollTo(Math.min(estimatedTotalSize.value - clientSize.value, offset));
+      };
+      const scrollTo = (offset) => {
+        offset = Math.max(offset, 0);
+        if (offset === unref(states).scrollOffset) {
+          return;
+        }
+        states.value = {
+          ...unref(states),
+          scrollOffset: offset,
+          scrollDir: getScrollDir(unref(states).scrollOffset, offset),
+          updateRequested: true
+        };
+        nextTick(resetIsScrolling);
+      };
+      const scrollToItem = (idx, alignment = AUTO_ALIGNMENT) => {
+        const { scrollOffset } = unref(states);
+        idx = Math.max(0, Math.min(idx, props.total - 1));
+        scrollTo(getOffset(props, idx, alignment, scrollOffset, unref(dynamicSizeCache)));
+      };
+      const getItemStyle = (idx) => {
+        const { direction, itemSize, layout } = props;
+        const itemStyleCache = getItemStyleCache.value(clearCache && itemSize, clearCache && layout, clearCache && direction);
+        let style;
+        if (hasOwn(itemStyleCache, String(idx))) {
+          style = itemStyleCache[idx];
+        } else {
+          const offset = getItemOffset(props, idx, unref(dynamicSizeCache));
+          const size = getItemSize(props, idx, unref(dynamicSizeCache));
+          const horizontal = unref(_isHorizontal);
+          const isRtl = direction === RTL;
+          const offsetHorizontal = horizontal ? offset : 0;
+          itemStyleCache[idx] = style = {
+            position: "absolute",
+            left: isRtl ? void 0 : `${offsetHorizontal}px`,
+            right: isRtl ? `${offsetHorizontal}px` : void 0,
+            top: !horizontal ? `${offset}px` : 0,
+            height: !horizontal ? `${size}px` : "100%",
+            width: horizontal ? `${size}px` : "100%"
+          };
+        }
+        return style;
+      };
+      const resetIsScrolling = () => {
+        states.value.isScrolling = false;
+        nextTick(() => {
+          getItemStyleCache.value(-1, null, null);
+        });
+      };
+      const resetScrollTop = () => {
+        const window = windowRef.value;
+        if (window) {
+          window.scrollTop = 0;
+        }
+      };
+      onMounted(() => {
+        if (!isClient)
+          return;
+        const { initScrollOffset } = props;
+        const windowElement = unref(windowRef);
+        if (isNumber(initScrollOffset) && windowElement) {
+          if (unref(_isHorizontal)) {
+            windowElement.scrollLeft = initScrollOffset;
+          } else {
+            windowElement.scrollTop = initScrollOffset;
+          }
+        }
+        emitEvents();
+      });
+      onUpdated(() => {
+        const { direction, layout } = props;
+        const { scrollOffset, updateRequested } = unref(states);
+        const windowElement = unref(windowRef);
+        if (updateRequested && windowElement) {
+          if (layout === HORIZONTAL) {
+            if (direction === RTL) {
+              switch (getRTLOffsetType()) {
+                case RTL_OFFSET_NAG: {
+                  windowElement.scrollLeft = -scrollOffset;
+                  break;
+                }
+                case RTL_OFFSET_POS_ASC: {
+                  windowElement.scrollLeft = scrollOffset;
+                  break;
+                }
+                default: {
+                  const { clientWidth, scrollWidth } = windowElement;
+                  windowElement.scrollLeft = scrollWidth - clientWidth - scrollOffset;
+                  break;
+                }
+              }
+            } else {
+              windowElement.scrollLeft = scrollOffset;
+            }
+          } else {
+            windowElement.scrollTop = scrollOffset;
+          }
+        }
+      });
+      onActivated(() => {
+        unref(windowRef).scrollTop = unref(states).scrollOffset;
+      });
+      const api = {
+        ns,
+        clientSize,
+        estimatedTotalSize,
+        windowStyle,
+        windowRef,
+        innerRef,
+        innerStyle,
+        itemsToRender,
+        scrollbarRef,
+        states,
+        getItemStyle,
+        onScroll,
+        onScrollbarScroll,
+        onWheel,
+        scrollTo,
+        scrollToItem,
+        resetScrollTop
+      };
+      expose({
+        windowRef,
+        innerRef,
+        getItemStyleCache,
+        scrollTo,
+        scrollToItem,
+        resetScrollTop,
+        states
+      });
+      return api;
+    },
+    render(ctx) {
+      var _a;
+      const {
+        $slots,
+        className,
+        clientSize,
+        containerElement,
+        data,
+        getItemStyle,
+        innerElement,
+        itemsToRender,
+        innerStyle,
+        layout,
+        total,
+        onScroll,
+        onScrollbarScroll,
+        states,
+        useIsScrolling,
+        windowStyle,
+        ns
+      } = ctx;
+      const [start, end] = itemsToRender;
+      const Container = resolveDynamicComponent(containerElement);
+      const Inner = resolveDynamicComponent(innerElement);
+      const children = [];
+      if (total > 0) {
+        for (let i = start; i <= end; i++) {
+          children.push(h(Fragment, { key: i }, (_a = $slots.default) == null ? void 0 : _a.call($slots, {
+            data,
+            index: i,
+            isScrolling: useIsScrolling ? states.isScrolling : void 0,
+            style: getItemStyle(i)
+          })));
+        }
+      }
+      const InnerNode = [
+        h(Inner, {
+          style: innerStyle,
+          ref: "innerRef"
+        }, !isString$1(Inner) ? {
+          default: () => children
+        } : children)
+      ];
+      const scrollbar = h(ScrollBar, {
+        ref: "scrollbarRef",
+        clientSize,
+        layout,
+        onScroll: onScrollbarScroll,
+        ratio: clientSize * 100 / this.estimatedTotalSize,
+        scrollFrom: states.scrollOffset / (this.estimatedTotalSize - clientSize),
+        total
+      });
+      const listContainer = h(Container, {
+        class: [ns.e("window"), className],
+        style: windowStyle,
+        onScroll,
+        ref: "windowRef",
+        key: 0
+      }, !isString$1(Container) ? { default: () => [InnerNode] } : [InnerNode]);
+      return h("div", {
+        key: 0,
+        class: [ns.e("wrapper"), states.scrollbarAlwaysOn ? "always-on" : ""]
+      }, [listContainer, scrollbar]);
+    }
+  });
+};
+
+const FixedSizeList = createList({
+  name: "ElFixedSizeList",
+  getItemOffset: ({ itemSize }, index) => index * itemSize,
+  getItemSize: ({ itemSize }) => itemSize,
+  getEstimatedTotalSize: ({ total, itemSize }) => itemSize * total,
+  getOffset: ({ height, total, itemSize, layout, width }, index, alignment, scrollOffset) => {
+    const size = isHorizontal(layout) ? width : height;
+    const lastItemOffset = Math.max(0, total * itemSize - size);
+    const maxOffset = Math.min(lastItemOffset, index * itemSize);
+    const minOffset = Math.max(0, (index + 1) * itemSize - size);
+    if (alignment === SMART_ALIGNMENT) {
+      if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
+        alignment = AUTO_ALIGNMENT;
+      } else {
+        alignment = CENTERED_ALIGNMENT;
+      }
+    }
+    switch (alignment) {
+      case START_ALIGNMENT: {
+        return maxOffset;
+      }
+      case END_ALIGNMENT: {
+        return minOffset;
+      }
+      case CENTERED_ALIGNMENT: {
+        const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+        if (middleOffset < Math.ceil(size / 2)) {
+          return 0;
+        } else if (middleOffset > lastItemOffset + Math.floor(size / 2)) {
+          return lastItemOffset;
+        } else {
+          return middleOffset;
+        }
+      }
+      case AUTO_ALIGNMENT:
+      default: {
+        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
+          return scrollOffset;
+        } else if (scrollOffset < minOffset) {
+          return minOffset;
+        } else {
+          return maxOffset;
+        }
+      }
+    }
+  },
+  getStartIndexForOffset: ({ total, itemSize }, offset) => Math.max(0, Math.min(total - 1, Math.floor(offset / itemSize))),
+  getStopIndexForStartIndex: ({ height, total, itemSize, layout, width }, startIndex, scrollOffset) => {
+    const offset = startIndex * itemSize;
+    const size = isHorizontal(layout) ? width : height;
+    const numVisibleItems = Math.ceil((size + scrollOffset - offset) / itemSize);
+    return Math.max(0, Math.min(total - 1, startIndex + numVisibleItems - 1));
+  },
+  initCache() {
+    return void 0;
+  },
+  clearCache: true,
+  validateProps() {
+  }
+});
+
+const getItemFromCache = (props, index, listCache) => {
+  const { itemSize } = props;
+  const { items, lastVisitedIndex } = listCache;
+  if (index > lastVisitedIndex) {
+    let offset = 0;
+    if (lastVisitedIndex >= 0) {
+      const item = items[lastVisitedIndex];
+      offset = item.offset + item.size;
+    }
+    for (let i = lastVisitedIndex + 1; i <= index; i++) {
+      const size = itemSize(i);
+      items[i] = {
+        offset,
+        size
+      };
+      offset += size;
+    }
+    listCache.lastVisitedIndex = index;
+  }
+  return items[index];
+};
+const findItem = (props, listCache, offset) => {
+  const { items, lastVisitedIndex } = listCache;
+  const lastVisitedOffset = lastVisitedIndex > 0 ? items[lastVisitedIndex].offset : 0;
+  if (lastVisitedOffset >= offset) {
+    return bs(props, listCache, 0, lastVisitedIndex, offset);
+  }
+  return es(props, listCache, Math.max(0, lastVisitedIndex), offset);
+};
+const bs = (props, listCache, low, high, offset) => {
+  while (low <= high) {
+    const mid = low + Math.floor((high - low) / 2);
+    const currentOffset = getItemFromCache(props, mid, listCache).offset;
+    if (currentOffset === offset) {
+      return mid;
+    } else if (currentOffset < offset) {
+      low = mid + 1;
+    } else if (currentOffset > offset) {
+      high = mid - 1;
+    }
+  }
+  return Math.max(0, low - 1);
+};
+const es = (props, listCache, index, offset) => {
+  const { total } = props;
+  let exponent = 1;
+  while (index < total && getItemFromCache(props, index, listCache).offset < offset) {
+    index += exponent;
+    exponent *= 2;
+  }
+  return bs(props, listCache, Math.floor(index / 2), Math.min(index, total - 1), offset);
+};
+const getEstimatedTotalSize = ({ total }, { items, estimatedItemSize, lastVisitedIndex }) => {
+  let totalSizeOfMeasuredItems = 0;
+  if (lastVisitedIndex >= total) {
+    lastVisitedIndex = total - 1;
+  }
+  if (lastVisitedIndex >= 0) {
+    const item = items[lastVisitedIndex];
+    totalSizeOfMeasuredItems = item.offset + item.size;
+  }
+  const numUnmeasuredItems = total - lastVisitedIndex - 1;
+  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedItemSize;
+  return totalSizeOfMeasuredItems + totalSizeOfUnmeasuredItems;
+};
+const DynamicSizeList = createList({
+  name: "ElDynamicSizeList",
+  getItemOffset: (props, index, listCache) => getItemFromCache(props, index, listCache).offset,
+  getItemSize: (_, index, { items }) => items[index].size,
+  getEstimatedTotalSize,
+  getOffset: (props, index, alignment, scrollOffset, listCache) => {
+    const { height, layout, width } = props;
+    const size = isHorizontal(layout) ? width : height;
+    const item = getItemFromCache(props, index, listCache);
+    const estimatedTotalSize = getEstimatedTotalSize(props, listCache);
+    const maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, item.offset));
+    const minOffset = Math.max(0, item.offset - size + item.size);
+    if (alignment === SMART_ALIGNMENT) {
+      if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
+        alignment = AUTO_ALIGNMENT;
+      } else {
+        alignment = CENTERED_ALIGNMENT;
+      }
+    }
+    switch (alignment) {
+      case START_ALIGNMENT: {
+        return maxOffset;
+      }
+      case END_ALIGNMENT: {
+        return minOffset;
+      }
+      case CENTERED_ALIGNMENT: {
+        return Math.round(minOffset + (maxOffset - minOffset) / 2);
+      }
+      case AUTO_ALIGNMENT:
+      default: {
+        if (scrollOffset >= minOffset && scrollOffset <= maxOffset) {
+          return scrollOffset;
+        } else if (scrollOffset < minOffset) {
+          return minOffset;
+        } else {
+          return maxOffset;
+        }
+      }
+    }
+  },
+  getStartIndexForOffset: (props, offset, listCache) => findItem(props, listCache, offset),
+  getStopIndexForStartIndex: (props, startIndex, scrollOffset, listCache) => {
+    const { height, total, layout, width } = props;
+    const size = isHorizontal(layout) ? width : height;
+    const item = getItemFromCache(props, startIndex, listCache);
+    const maxOffset = scrollOffset + size;
+    let offset = item.offset + item.size;
+    let stopIndex = startIndex;
+    while (stopIndex < total - 1 && offset < maxOffset) {
+      stopIndex++;
+      offset += getItemFromCache(props, stopIndex, listCache).size;
+    }
+    return stopIndex;
+  },
+  initCache({ estimatedItemSize = DEFAULT_DYNAMIC_LIST_ITEM_SIZE }, instance) {
+    const cache = {
+      items: {},
+      estimatedItemSize,
+      lastVisitedIndex: -1
+    };
+    cache.clearCacheAfterIndex = (index, forceUpdate = true) => {
+      var _a, _b;
+      cache.lastVisitedIndex = Math.min(cache.lastVisitedIndex, index - 1);
+      (_a = instance.exposed) == null ? void 0 : _a.getItemStyleCache(-1);
+      if (forceUpdate) {
+        (_b = instance.proxy) == null ? void 0 : _b.$forceUpdate();
+      }
+    };
+    return cache;
+  },
+  clearCache: false,
+  validateProps: ({ itemSize }) => {
+  }
+});
+
+const props = {
+  loading: Boolean,
+  data: {
+    type: Array,
+    required: true
+  },
+  hoveringIndex: Number,
+  width: Number
+};
+var ElSelectMenu = defineComponent({
+  name: "ElSelectDropdown",
+  props,
+  setup(props2, {
+    slots,
+    expose
+  }) {
+    const select = inject(selectV2InjectionKey);
+    const ns = useNamespace("select");
+    const {
+      getLabel,
+      getValue,
+      getDisabled
+    } = useProps(select.props);
+    const cachedHeights = ref([]);
+    const listRef = ref();
+    const size = computed(() => props2.data.length);
+    watch(() => size.value, () => {
+      var _a, _b;
+      (_b = (_a = select.tooltipRef.value).updatePopper) == null ? void 0 : _b.call(_a);
+    });
+    const isSized = computed(() => isUndefined(select.props.estimatedOptionHeight));
+    const listProps = computed(() => {
+      if (isSized.value) {
+        return {
+          itemSize: select.props.itemHeight
+        };
+      }
+      return {
+        estimatedSize: select.props.estimatedOptionHeight,
+        itemSize: (idx) => cachedHeights.value[idx]
+      };
+    });
+    const contains = (arr = [], target) => {
+      const {
+        props: {
+          valueKey
+        }
+      } = select;
+      if (!isObject$1(target)) {
+        return arr.includes(target);
+      }
+      return arr && arr.some((item) => {
+        return toRaw(get(item, valueKey)) === get(target, valueKey);
+      });
+    };
+    const isEqual = (selected, target) => {
+      if (!isObject$1(target)) {
+        return selected === target;
+      } else {
+        const {
+          valueKey
+        } = select.props;
+        return get(selected, valueKey) === get(target, valueKey);
+      }
+    };
+    const isItemSelected = (modelValue, target) => {
+      if (select.props.multiple) {
+        return contains(modelValue, getValue(target));
+      }
+      return isEqual(modelValue, getValue(target));
+    };
+    const isItemDisabled = (modelValue, selected) => {
+      const {
+        disabled,
+        multiple,
+        multipleLimit
+      } = select.props;
+      return disabled || !selected && (multiple ? multipleLimit > 0 && modelValue.length >= multipleLimit : false);
+    };
+    const isItemHovering = (target) => props2.hoveringIndex === target;
+    const scrollToItem = (index) => {
+      const list = listRef.value;
+      if (list) {
+        list.scrollToItem(index);
+      }
+    };
+    const resetScrollTop = () => {
+      const list = listRef.value;
+      if (list) {
+        list.resetScrollTop();
+      }
+    };
+    const exposed = {
+      listRef,
+      isSized,
+      isItemDisabled,
+      isItemHovering,
+      isItemSelected,
+      scrollToItem,
+      resetScrollTop
+    };
+    expose(exposed);
+    const Item = (itemProps) => {
+      const {
+        index,
+        data,
+        style
+      } = itemProps;
+      const sized = unref(isSized);
+      const {
+        itemSize,
+        estimatedSize
+      } = unref(listProps);
+      const {
+        modelValue
+      } = select.props;
+      const {
+        onSelect,
+        onHover
+      } = select;
+      const item = data[index];
+      if (item.type === "Group") {
+        return createVNode(GroupItem, {
+          "item": item,
+          "style": style,
+          "height": sized ? itemSize : estimatedSize
+        }, null);
+      }
+      const isSelected = isItemSelected(modelValue, item);
+      const isDisabled = isItemDisabled(modelValue, isSelected);
+      const isHovering = isItemHovering(index);
+      return createVNode(OptionItem, mergeProps(itemProps, {
+        "selected": isSelected,
+        "disabled": getDisabled(item) || isDisabled,
+        "created": !!item.created,
+        "hovering": isHovering,
+        "item": item,
+        "onSelect": onSelect,
+        "onHover": onHover
+      }), {
+        default: (props3) => {
+          var _a;
+          return ((_a = slots.default) == null ? void 0 : _a.call(slots, props3)) || createVNode("span", null, [getLabel(item)]);
+        }
+      });
+    };
+    const {
+      onKeyboardNavigate,
+      onKeyboardSelect
+    } = select;
+    const onForward = () => {
+      onKeyboardNavigate("forward");
+    };
+    const onBackward = () => {
+      onKeyboardNavigate("backward");
+    };
+    const onKeydown = (e) => {
+      const {
+        code
+      } = e;
+      const {
+        tab,
+        esc,
+        down,
+        up,
+        enter,
+        numpadEnter
+      } = EVENT_CODE;
+      if (code !== tab) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      switch (code) {
+        case tab:
+        case esc:
+          break;
+        case down:
+          onForward();
+          break;
+        case up:
+          onBackward();
+          break;
+        case enter:
+        case numpadEnter:
+          onKeyboardSelect();
+          break;
+      }
+    };
+    return () => {
+      var _a, _b, _c, _d;
+      const {
+        data,
+        width
+      } = props2;
+      const {
+        height,
+        multiple,
+        scrollbarAlwaysOn
+      } = select.props;
+      const List = unref(isSized) ? FixedSizeList : DynamicSizeList;
+      return createVNode("div", {
+        "class": [ns.b("dropdown"), ns.is("multiple", multiple)],
+        "style": {
+          width: `${width}px`
+        }
+      }, [(_a = slots.header) == null ? void 0 : _a.call(slots), ((_b = slots.loading) == null ? void 0 : _b.call(slots)) || ((_c = slots.empty) == null ? void 0 : _c.call(slots)) || createVNode(List, mergeProps({
+        "ref": listRef
+      }, unref(listProps), {
+        "className": ns.be("dropdown", "list"),
+        "scrollbarAlwaysOn": scrollbarAlwaysOn,
+        "data": data,
+        "height": height,
+        "width": width,
+        "total": data.length,
+        "onKeydown": onKeydown
+      }), {
+        default: (props3) => createVNode(Item, props3, null)
+      }), (_d = slots.footer) == null ? void 0 : _d.call(slots)]);
+    };
+  }
+});
+
+function useAllowCreate(props, states) {
+  const { aliasProps, getLabel, getValue } = useProps(props);
+  const createOptionCount = ref(0);
+  const cachedSelectedOption = ref();
+  const enableAllowCreateMode = computed(() => {
+    return props.allowCreate && props.filterable;
+  });
+  function hasExistingOption(query) {
+    const hasOption = (option) => getLabel(option) === query;
+    return props.options && props.options.some(hasOption) || states.createdOptions.some(hasOption);
+  }
+  function selectNewOption(option) {
+    if (!enableAllowCreateMode.value) {
+      return;
+    }
+    if (props.multiple && option.created) {
+      createOptionCount.value++;
+    } else {
+      cachedSelectedOption.value = option;
+    }
+  }
+  function createNewOption(query) {
+    if (enableAllowCreateMode.value) {
+      if (query && query.length > 0) {
+        if (hasExistingOption(query)) {
+          return;
+        }
+        const newOption = {
+          [aliasProps.value.value]: query,
+          [aliasProps.value.label]: query,
+          created: true,
+          [aliasProps.value.disabled]: false
+        };
+        if (states.createdOptions.length >= createOptionCount.value) {
+          states.createdOptions[createOptionCount.value] = newOption;
+        } else {
+          states.createdOptions.push(newOption);
+        }
+      } else {
+        if (props.multiple) {
+          states.createdOptions.length = createOptionCount.value;
+        } else {
+          const selectedOption = cachedSelectedOption.value;
+          states.createdOptions.length = 0;
+          if (selectedOption && selectedOption.created) {
+            states.createdOptions.push(selectedOption);
+          }
+        }
+      }
+    }
+  }
+  function removeNewOption(option) {
+    if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === getLabel(option)) {
+      return;
+    }
+    const idx = states.createdOptions.findIndex((it) => getValue(it) === getValue(option));
+    if (~idx) {
+      states.createdOptions.splice(idx, 1);
+      createOptionCount.value--;
+    }
+  }
+  function clearAllNewOption() {
+    if (enableAllowCreateMode.value) {
+      states.createdOptions.length = 0;
+      createOptionCount.value = 0;
+    }
+  }
+  return {
+    createNewOption,
+    removeNewOption,
+    selectNewOption,
+    clearAllNewOption
+  };
+}
+
+const useSelect = (props, emit) => {
+  const { t } = useLocale();
+  const nsSelect = useNamespace("select");
+  const nsInput = useNamespace("input");
+  const { form: elForm, formItem: elFormItem } = useFormItem();
+  const { inputId } = useFormItemInputId(props, {
+    formItemContext: elFormItem
+  });
+  const { aliasProps, getLabel, getValue, getDisabled, getOptions } = useProps(props);
+  const { valueOnClear, isEmptyValue } = useEmptyValues(props);
+  const states = reactive({
+    inputValue: "",
+    cachedOptions: [],
+    createdOptions: [],
+    hoveringIndex: -1,
+    inputHovering: false,
+    selectionWidth: 0,
+    collapseItemWidth: 0,
+    previousQuery: null,
+    previousValue: void 0,
+    selectedLabel: "",
+    menuVisibleOnFocus: false,
+    isBeforeHide: false
+  });
+  const popperSize = ref(-1);
+  const selectRef = ref();
+  const selectionRef = ref();
+  const tooltipRef = ref();
+  const tagTooltipRef = ref();
+  const inputRef = ref();
+  const prefixRef = ref();
+  const suffixRef = ref();
+  const menuRef = ref();
+  const tagMenuRef = ref();
+  const collapseItemRef = ref();
+  const {
+    isComposing,
+    handleCompositionStart,
+    handleCompositionEnd,
+    handleCompositionUpdate
+  } = useComposition({
+    afterComposition: (e) => onInput(e)
+  });
+  const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
+    beforeFocus() {
+      return selectDisabled.value;
+    },
+    afterFocus() {
+      if (props.automaticDropdown && !expanded.value) {
+        expanded.value = true;
+        states.menuVisibleOnFocus = true;
+      }
+    },
+    beforeBlur(event) {
+      var _a, _b;
+      return ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_b = tagTooltipRef.value) == null ? void 0 : _b.isFocusInsideContent(event));
+    },
+    afterBlur() {
+      expanded.value = false;
+      states.menuVisibleOnFocus = false;
+    }
+  });
+  const allOptions = ref([]);
+  const filteredOptions = ref([]);
+  const expanded = ref(false);
+  const selectDisabled = computed(() => props.disabled || (elForm == null ? void 0 : elForm.disabled));
+  const needStatusIcon = computed(() => {
+    var _a;
+    return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
+  });
+  const popupHeight = computed(() => {
+    const totalHeight = filteredOptions.value.length * props.itemHeight;
+    return totalHeight > props.height ? props.height : totalHeight;
+  });
+  const hasModelValue = computed(() => {
+    return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
+  });
+  const showClearBtn = computed(() => {
+    return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
+  });
+  const iconComponent = computed(() => props.remote && props.filterable ? "" : arrow_down_default);
+  const iconReverse = computed(() => iconComponent.value && nsSelect.is("reverse", expanded.value));
+  const validateState = computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
+  const validateIcon = computed(() => {
+    if (!validateState.value)
+      return;
+    return ValidateComponentsMap[validateState.value];
+  });
+  const debounce$1 = computed(() => props.remote ? 300 : 0);
+  const emptyText = computed(() => {
+    if (props.loading) {
+      return props.loadingText || t("el.select.loading");
+    } else {
+      if (props.remote && !states.inputValue && allOptions.value.length === 0)
+        return false;
+      if (props.filterable && states.inputValue && allOptions.value.length > 0 && filteredOptions.value.length === 0) {
+        return props.noMatchText || t("el.select.noMatch");
+      }
+      if (allOptions.value.length === 0) {
+        return props.noDataText || t("el.select.noData");
+      }
+    }
+    return null;
+  });
+  const filterOptions = (query) => {
+    const isValidOption = (o) => {
+      if (props.filterable && isFunction$1(props.filterMethod))
+        return true;
+      if (props.filterable && props.remote && isFunction$1(props.remoteMethod))
+        return true;
+      const regexp = new RegExp(escapeStringRegexp(query), "i");
+      return query ? regexp.test(getLabel(o) || "") : true;
+    };
+    if (props.loading) {
+      return [];
+    }
+    return [...states.createdOptions, ...props.options].reduce((all, item) => {
+      const options = getOptions(item);
+      if (isArray$1(options)) {
+        const filtered = options.filter(isValidOption);
+        if (filtered.length > 0) {
+          all.push({
+            label: getLabel(item),
+            type: "Group"
+          }, ...filtered);
+        }
+      } else if (props.remote || isValidOption(item)) {
+        all.push(item);
+      }
+      return all;
+    }, []);
+  };
+  const updateOptions = () => {
+    allOptions.value = filterOptions("");
+    filteredOptions.value = filterOptions(states.inputValue);
+  };
+  const allOptionsValueMap = computed(() => {
+    const valueMap = /* @__PURE__ */ new Map();
+    allOptions.value.forEach((option, index) => {
+      valueMap.set(getValueKey(getValue(option)), { option, index });
+    });
+    return valueMap;
+  });
+  const filteredOptionsValueMap = computed(() => {
+    const valueMap = /* @__PURE__ */ new Map();
+    filteredOptions.value.forEach((option, index) => {
+      valueMap.set(getValueKey(getValue(option)), { option, index });
+    });
+    return valueMap;
+  });
+  const optionsAllDisabled = computed(() => filteredOptions.value.every((option) => getDisabled(option)));
+  const selectSize = useFormSize();
+  const collapseTagSize = computed(() => selectSize.value === "small" ? "small" : "default");
+  const calculatePopperSize = () => {
+    var _a;
+    if (isNumber(props.fitInputWidth)) {
+      popperSize.value = props.fitInputWidth;
+      return;
+    }
+    const width = ((_a = selectRef.value) == null ? void 0 : _a.offsetWidth) || 200;
+    if (!props.fitInputWidth && allOptions.value.length > 0) {
+      nextTick(() => {
+        popperSize.value = Math.max(width, calculateLabelMaxWidth());
+      });
+    } else {
+      popperSize.value = width;
+    }
+  };
+  const calculateLabelMaxWidth = () => {
+    var _a, _b;
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    const selector = nsSelect.be("dropdown", "item");
+    const dom = ((_b = (_a = menuRef.value) == null ? void 0 : _a.listRef) == null ? void 0 : _b.innerRef) || document;
+    const dropdownItemEl = dom.querySelector(`.${selector}`);
+    if (dropdownItemEl === null || ctx === null)
+      return 0;
+    const style = getComputedStyle(dropdownItemEl);
+    const padding = Number.parseFloat(style.paddingLeft) + Number.parseFloat(style.paddingRight);
+    ctx.font = style.font;
+    const maxWidth = filteredOptions.value.reduce((max, option) => {
+      const metrics = ctx.measureText(getLabel(option));
+      return Math.max(metrics.width, max);
+    }, 0);
+    return maxWidth + padding;
+  };
+  const getGapWidth = () => {
+    if (!selectionRef.value)
+      return 0;
+    const style = window.getComputedStyle(selectionRef.value);
+    return Number.parseFloat(style.gap || "6px");
+  };
+  const tagStyle = computed(() => {
+    const gapWidth = getGapWidth();
+    const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+    return { maxWidth: `${maxWidth}px` };
+  });
+  const collapseTagStyle = computed(() => {
+    return { maxWidth: `${states.selectionWidth}px` };
+  });
+  const shouldShowPlaceholder = computed(() => {
+    if (isArray$1(props.modelValue)) {
+      return props.modelValue.length === 0 && !states.inputValue;
+    }
+    return props.filterable ? !states.inputValue : true;
+  });
+  const currentPlaceholder = computed(() => {
+    var _a;
+    const _placeholder = (_a = props.placeholder) != null ? _a : t("el.select.placeholder");
+    return props.multiple || !hasModelValue.value ? _placeholder : states.selectedLabel;
+  });
+  const popperRef = computed(() => {
+    var _a, _b;
+    return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+  });
+  const indexRef = computed(() => {
+    if (props.multiple) {
+      const len = props.modelValue.length;
+      if (props.modelValue.length > 0 && filteredOptionsValueMap.value.has(props.modelValue[len - 1])) {
+        const { index } = filteredOptionsValueMap.value.get(props.modelValue[len - 1]);
+        return index;
+      }
+    } else {
+      if (!isEmptyValue(props.modelValue) && filteredOptionsValueMap.value.has(props.modelValue)) {
+        const { index } = filteredOptionsValueMap.value.get(props.modelValue);
+        return index;
+      }
+    }
+    return -1;
+  });
+  const dropdownMenuVisible = computed({
+    get() {
+      return expanded.value && emptyText.value !== false;
+    },
+    set(val) {
+      expanded.value = val;
+    }
+  });
+  const showTagList = computed(() => {
+    if (!props.multiple) {
+      return [];
+    }
+    return props.collapseTags ? states.cachedOptions.slice(0, props.maxCollapseTags) : states.cachedOptions;
+  });
+  const collapseTagList = computed(() => {
+    if (!props.multiple) {
+      return [];
+    }
+    return props.collapseTags ? states.cachedOptions.slice(props.maxCollapseTags) : [];
+  });
+  const {
+    createNewOption,
+    removeNewOption,
+    selectNewOption,
+    clearAllNewOption
+  } = useAllowCreate(props, states);
+  const toggleMenu = () => {
+    if (selectDisabled.value)
+      return;
+    if (states.menuVisibleOnFocus) {
+      states.menuVisibleOnFocus = false;
+    } else {
+      expanded.value = !expanded.value;
+    }
+  };
+  const onInputChange = () => {
+    if (states.inputValue.length > 0 && !expanded.value) {
+      expanded.value = true;
+    }
+    createNewOption(states.inputValue);
+    handleQueryChange(states.inputValue);
+  };
+  const debouncedOnInputChange = debounce(onInputChange, debounce$1.value);
+  const handleQueryChange = (val) => {
+    if (states.previousQuery === val || isComposing.value) {
+      return;
+    }
+    states.previousQuery = val;
+    if (props.filterable && isFunction$1(props.filterMethod)) {
+      props.filterMethod(val);
+    } else if (props.filterable && props.remote && isFunction$1(props.remoteMethod)) {
+      props.remoteMethod(val);
+    }
+    if (props.defaultFirstOption && (props.filterable || props.remote) && filteredOptions.value.length) {
+      nextTick(checkDefaultFirstOption);
+    } else {
+      nextTick(updateHoveringIndex);
+    }
+  };
+  const checkDefaultFirstOption = () => {
+    const optionsInDropdown = filteredOptions.value.filter((n) => !n.disabled && n.type !== "Group");
+    const userCreatedOption = optionsInDropdown.find((n) => n.created);
+    const firstOriginOption = optionsInDropdown[0];
+    states.hoveringIndex = getValueIndex(filteredOptions.value, userCreatedOption || firstOriginOption);
+  };
+  const emitChange = (val) => {
+    if (!isEqual$1(props.modelValue, val)) {
+      emit(CHANGE_EVENT, val);
+    }
+  };
+  const update = (val) => {
+    emit(UPDATE_MODEL_EVENT, val);
+    emitChange(val);
+    states.previousValue = props.multiple ? String(val) : val;
+  };
+  const getValueIndex = (arr = [], value) => {
+    if (!isObject$1(value)) {
+      return arr.indexOf(value);
+    }
+    const valueKey = props.valueKey;
+    let index = -1;
+    arr.some((item, i) => {
+      if (get(item, valueKey) === get(value, valueKey)) {
+        index = i;
+        return true;
+      }
+      return false;
+    });
+    return index;
+  };
+  const getValueKey = (item) => {
+    return isObject$1(item) ? get(item, props.valueKey) : item;
+  };
+  const handleResize = () => {
+    calculatePopperSize();
+  };
+  const resetSelectionWidth = () => {
+    states.selectionWidth = selectionRef.value.getBoundingClientRect().width;
+  };
+  const resetCollapseItemWidth = () => {
+    states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
+  };
+  const updateTooltip = () => {
+    var _a, _b;
+    (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
+  };
+  const updateTagTooltip = () => {
+    var _a, _b;
+    (_b = (_a = tagTooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
+  };
+  const onSelect = (option) => {
+    if (props.multiple) {
+      let selectedOptions = props.modelValue.slice();
+      const index = getValueIndex(selectedOptions, getValue(option));
+      if (index > -1) {
+        selectedOptions = [
+          ...selectedOptions.slice(0, index),
+          ...selectedOptions.slice(index + 1)
+        ];
+        states.cachedOptions.splice(index, 1);
+        removeNewOption(option);
+      } else if (props.multipleLimit <= 0 || selectedOptions.length < props.multipleLimit) {
+        selectedOptions = [...selectedOptions, getValue(option)];
+        states.cachedOptions.push(option);
+        selectNewOption(option);
+      }
+      update(selectedOptions);
+      if (option.created) {
+        handleQueryChange("");
+      }
+      if (props.filterable && !props.reserveKeyword) {
+        states.inputValue = "";
+      }
+    } else {
+      states.selectedLabel = getLabel(option);
+      update(getValue(option));
+      expanded.value = false;
+      selectNewOption(option);
+      if (!option.created) {
+        clearAllNewOption();
+      }
+    }
+    focus();
+  };
+  const deleteTag = (event, option) => {
+    let selectedOptions = props.modelValue.slice();
+    const index = getValueIndex(selectedOptions, getValue(option));
+    if (index > -1 && !selectDisabled.value) {
+      selectedOptions = [
+        ...props.modelValue.slice(0, index),
+        ...props.modelValue.slice(index + 1)
+      ];
+      states.cachedOptions.splice(index, 1);
+      update(selectedOptions);
+      emit("remove-tag", getValue(option));
+      removeNewOption(option);
+    }
+    event.stopPropagation();
+    focus();
+  };
+  const focus = () => {
+    var _a;
+    (_a = inputRef.value) == null ? void 0 : _a.focus();
+  };
+  const blur = () => {
+    var _a;
+    if (expanded.value) {
+      expanded.value = false;
+      nextTick(() => {
+        var _a2;
+        return (_a2 = inputRef.value) == null ? void 0 : _a2.blur();
+      });
+      return;
+    }
+    (_a = inputRef.value) == null ? void 0 : _a.blur();
+  };
+  const handleEsc = () => {
+    if (states.inputValue.length > 0) {
+      states.inputValue = "";
+    } else {
+      expanded.value = false;
+    }
+  };
+  const getLastNotDisabledIndex = (value) => findLastIndex(value, (it) => !states.cachedOptions.some((option) => getValue(option) === it && getDisabled(option)));
+  const handleDel = (e) => {
+    if (!props.multiple)
+      return;
+    if (e.code === EVENT_CODE.delete)
+      return;
+    if (states.inputValue.length === 0) {
+      e.preventDefault();
+      const selected = props.modelValue.slice();
+      const lastNotDisabledIndex = getLastNotDisabledIndex(selected);
+      if (lastNotDisabledIndex < 0)
+        return;
+      const removeTagValue = selected[lastNotDisabledIndex];
+      selected.splice(lastNotDisabledIndex, 1);
+      const option = states.cachedOptions[lastNotDisabledIndex];
+      states.cachedOptions.splice(lastNotDisabledIndex, 1);
+      removeNewOption(option);
+      update(selected);
+      emit("remove-tag", removeTagValue);
+    }
+  };
+  const handleClear = () => {
+    let emptyValue;
+    if (isArray$1(props.modelValue)) {
+      emptyValue = [];
+    } else {
+      emptyValue = valueOnClear.value;
+    }
+    if (props.multiple) {
+      states.cachedOptions = [];
+    } else {
+      states.selectedLabel = "";
+    }
+    expanded.value = false;
+    update(emptyValue);
+    emit("clear");
+    clearAllNewOption();
+    focus();
+  };
+  const onKeyboardNavigate = (direction, hoveringIndex = void 0) => {
+    const options = filteredOptions.value;
+    if (!["forward", "backward"].includes(direction) || selectDisabled.value || options.length <= 0 || optionsAllDisabled.value || isComposing.value) {
+      return;
+    }
+    if (!expanded.value) {
+      return toggleMenu();
+    }
+    if (hoveringIndex === void 0) {
+      hoveringIndex = states.hoveringIndex;
+    }
+    let newIndex = -1;
+    if (direction === "forward") {
+      newIndex = hoveringIndex + 1;
+      if (newIndex >= options.length) {
+        newIndex = 0;
+      }
+    } else if (direction === "backward") {
+      newIndex = hoveringIndex - 1;
+      if (newIndex < 0 || newIndex >= options.length) {
+        newIndex = options.length - 1;
+      }
+    }
+    const option = options[newIndex];
+    if (getDisabled(option) || option.type === "Group") {
+      return onKeyboardNavigate(direction, newIndex);
+    } else {
+      states.hoveringIndex = newIndex;
+      scrollToItem(newIndex);
+    }
+  };
+  const onKeyboardSelect = () => {
+    if (!expanded.value) {
+      return toggleMenu();
+    } else if (~states.hoveringIndex && filteredOptions.value[states.hoveringIndex]) {
+      onSelect(filteredOptions.value[states.hoveringIndex]);
+    }
+  };
+  const onHoverOption = (idx) => {
+    states.hoveringIndex = idx != null ? idx : -1;
+  };
+  const updateHoveringIndex = () => {
+    if (!props.multiple) {
+      states.hoveringIndex = filteredOptions.value.findIndex((item) => {
+        return getValueKey(item) === getValueKey(props.modelValue);
+      });
+    } else {
+      states.hoveringIndex = filteredOptions.value.findIndex((item) => props.modelValue.some((modelValue) => getValueKey(modelValue) === getValueKey(item)));
+    }
+  };
+  const onInput = (event) => {
+    states.inputValue = event.target.value;
+    if (props.remote) {
+      debouncedOnInputChange();
+    } else {
+      return onInputChange();
+    }
+  };
+  const handleClickOutside = (event) => {
+    expanded.value = false;
+    if (isFocused.value) {
+      const _event = new FocusEvent("focus", event);
+      handleBlur(_event);
+    }
+  };
+  const handleMenuEnter = () => {
+    states.isBeforeHide = false;
+    return nextTick(() => {
+      if (~indexRef.value) {
+        scrollToItem(states.hoveringIndex);
+      }
+    });
+  };
+  const scrollToItem = (index) => {
+    menuRef.value.scrollToItem(index);
+  };
+  const getOption = (value, cachedOptions) => {
+    const selectValue = getValueKey(value);
+    if (allOptionsValueMap.value.has(selectValue)) {
+      const { option } = allOptionsValueMap.value.get(selectValue);
+      return option;
+    }
+    if (cachedOptions && cachedOptions.length) {
+      const option = cachedOptions.find((option2) => getValueKey(getValue(option2)) === selectValue);
+      if (option) {
+        return option;
+      }
+    }
+    return {
+      [aliasProps.value.value]: value,
+      [aliasProps.value.label]: value
+    };
+  };
+  const initStates = (needUpdateSelectedLabel = false) => {
+    if (props.multiple) {
+      if (props.modelValue.length > 0) {
+        const cachedOptions = states.cachedOptions.slice();
+        states.cachedOptions.length = 0;
+        states.previousValue = props.modelValue.toString();
+        for (const value of props.modelValue) {
+          const option = getOption(value, cachedOptions);
+          states.cachedOptions.push(option);
+        }
+      } else {
+        states.cachedOptions = [];
+        states.previousValue = void 0;
+      }
+    } else {
+      if (hasModelValue.value) {
+        states.previousValue = props.modelValue;
+        const options = filteredOptions.value;
+        const selectedItemIndex = options.findIndex((option) => getValueKey(getValue(option)) === getValueKey(props.modelValue));
+        if (~selectedItemIndex) {
+          states.selectedLabel = getLabel(options[selectedItemIndex]);
+        } else {
+          if (!states.selectedLabel || needUpdateSelectedLabel) {
+            states.selectedLabel = getValueKey(props.modelValue);
+          }
+        }
+      } else {
+        states.selectedLabel = "";
+        states.previousValue = void 0;
+      }
+    }
+    clearAllNewOption();
+    calculatePopperSize();
+  };
+  watch(() => props.fitInputWidth, () => {
+    calculatePopperSize();
+  });
+  watch(expanded, (val) => {
+    if (val) {
+      if (!props.persistent) {
+        calculatePopperSize();
+      }
+      handleQueryChange("");
+    } else {
+      states.inputValue = "";
+      states.previousQuery = null;
+      states.isBeforeHide = true;
+      createNewOption("");
+    }
+    emit("visible-change", val);
+  });
+  watch(() => props.modelValue, (val, oldVal) => {
+    var _a;
+    const isValEmpty = !val || isArray$1(val) && val.length === 0;
+    if (isValEmpty || props.multiple && !isEqual$1(val.toString(), states.previousValue) || !props.multiple && getValueKey(val) !== getValueKey(states.previousValue)) {
+      initStates(true);
+    }
+    if (!isEqual$1(val, oldVal) && props.validateEvent) {
+      (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+    }
+  }, {
+    deep: true
+  });
+  watch(() => props.options, () => {
+    const input = inputRef.value;
+    if (!input || input && document.activeElement !== input) {
+      initStates();
+    }
+  }, {
+    deep: true,
+    flush: "post"
+  });
+  watch(() => filteredOptions.value, () => {
+    calculatePopperSize();
+    return menuRef.value && nextTick(menuRef.value.resetScrollTop);
+  });
+  watchEffect(() => {
+    if (states.isBeforeHide)
+      return;
+    updateOptions();
+  });
+  watchEffect(() => {
+    const { valueKey, options } = props;
+    const duplicateValue = /* @__PURE__ */ new Map();
+    for (const item of options) {
+      const optionValue = getValue(item);
+      let v = optionValue;
+      if (isObject$1(v)) {
+        v = get(optionValue, valueKey);
+      }
+      if (duplicateValue.get(v)) {
+        break;
+      } else {
+        duplicateValue.set(v, true);
+      }
+    }
+  });
+  onMounted(() => {
+    initStates();
+  });
+  useResizeObserver(selectRef, handleResize);
+  useResizeObserver(selectionRef, resetSelectionWidth);
+  useResizeObserver(menuRef, updateTooltip);
+  useResizeObserver(wrapperRef, updateTooltip);
+  useResizeObserver(tagMenuRef, updateTagTooltip);
+  useResizeObserver(collapseItemRef, resetCollapseItemWidth);
+  return {
+    inputId,
+    collapseTagSize,
+    currentPlaceholder,
+    expanded,
+    emptyText,
+    popupHeight,
+    debounce: debounce$1,
+    allOptions,
+    filteredOptions,
+    iconComponent,
+    iconReverse,
+    tagStyle,
+    collapseTagStyle,
+    popperSize,
+    dropdownMenuVisible,
+    hasModelValue,
+    shouldShowPlaceholder,
+    selectDisabled,
+    selectSize,
+    needStatusIcon,
+    showClearBtn,
+    states,
+    isFocused,
+    nsSelect,
+    nsInput,
+    inputRef,
+    menuRef,
+    tagMenuRef,
+    tooltipRef,
+    tagTooltipRef,
+    selectRef,
+    wrapperRef,
+    selectionRef,
+    prefixRef,
+    suffixRef,
+    collapseItemRef,
+    popperRef,
+    validateState,
+    validateIcon,
+    showTagList,
+    collapseTagList,
+    debouncedOnInputChange,
+    deleteTag,
+    getLabel,
+    getValue,
+    getDisabled,
+    getValueKey,
+    handleClear,
+    handleClickOutside,
+    handleDel,
+    handleEsc,
+    focus,
+    blur,
+    handleMenuEnter,
+    handleResize,
+    resetSelectionWidth,
+    updateTooltip,
+    updateTagTooltip,
+    updateOptions,
+    toggleMenu,
+    scrollTo: scrollToItem,
+    onInput,
+    onKeyboardNavigate,
+    onKeyboardSelect,
+    onSelect,
+    onHover: onHoverOption,
+    handleCompositionStart,
+    handleCompositionEnd,
+    handleCompositionUpdate
+  };
+};
+
+const _sfc_main$d = defineComponent({
+  name: "ElSelectV2",
+  components: {
+    ElSelectMenu,
+    ElTag,
+    ElTooltip,
+    ElIcon
+  },
+  directives: { ClickOutside },
+  props: SelectProps,
+  emits: selectEmits,
+  setup(props, { emit }) {
+    const modelValue = computed(() => {
+      const { modelValue: rawModelValue, multiple } = props;
+      const fallback = multiple ? [] : void 0;
+      if (isArray$1(rawModelValue)) {
+        return multiple ? rawModelValue : fallback;
+      }
+      return multiple ? fallback : rawModelValue;
+    });
+    const API = useSelect(reactive({
+      ...toRefs(props),
+      modelValue
+    }), emit);
+    const { calculatorRef, inputStyle } = useCalcInputWidth();
+    provide(selectV2InjectionKey, {
+      props: reactive({
+        ...toRefs(props),
+        height: API.popupHeight,
+        modelValue
+      }),
+      expanded: API.expanded,
+      tooltipRef: API.tooltipRef,
+      onSelect: API.onSelect,
+      onHover: API.onHover,
+      onKeyboardNavigate: API.onKeyboardNavigate,
+      onKeyboardSelect: API.onKeyboardSelect
+    });
+    const selectedLabel = computed(() => {
+      if (!props.multiple) {
+        return API.states.selectedLabel;
+      }
+      return API.states.cachedOptions.map((i) => i.label);
+    });
+    return {
+      ...API,
+      modelValue,
+      selectedLabel,
+      calculatorRef,
+      inputStyle
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_select_menu = resolveComponent("el-select-menu");
+  const _directive_click_outside = resolveDirective("click-outside");
+  return withDirectives((openBlock(), createElementBlock("div", {
+    ref: "selectRef",
+    class: normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
+    onMouseenter: ($event) => _ctx.states.inputHovering = true,
+    onMouseleave: ($event) => _ctx.states.inputHovering = false
+  }, [
+    createVNode(_component_el_tooltip, {
+      ref: "tooltipRef",
+      visible: _ctx.dropdownMenuVisible,
+      teleported: _ctx.teleported,
+      "popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
+      "gpu-acceleration": false,
+      "stop-popper-mouse-event": false,
+      "popper-options": _ctx.popperOptions,
+      "fallback-placements": _ctx.fallbackPlacements,
+      effect: _ctx.effect,
+      placement: _ctx.placement,
+      pure: "",
+      transition: `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
+      trigger: "click",
+      persistent: _ctx.persistent,
+      "append-to": _ctx.appendTo,
+      "show-arrow": _ctx.showArrow,
+      offset: _ctx.offset,
+      onBeforeShow: _ctx.handleMenuEnter,
+      onHide: ($event) => _ctx.states.isBeforeHide = false
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", {
+          ref: "wrapperRef",
+          class: normalizeClass([
+            _ctx.nsSelect.e("wrapper"),
+            _ctx.nsSelect.is("focused", _ctx.isFocused),
+            _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
+            _ctx.nsSelect.is("filterable", _ctx.filterable),
+            _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
+          ]),
+          onClick: withModifiers(_ctx.toggleMenu, ["prevent"])
+        }, [
+          _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref: "prefixRef",
+            class: normalizeClass(_ctx.nsSelect.e("prefix"))
+          }, [
+            renderSlot(_ctx.$slots, "prefix")
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            ref: "selectionRef",
+            class: normalizeClass([
+              _ctx.nsSelect.e("selection"),
+              _ctx.nsSelect.is("near", _ctx.multiple && !_ctx.$slots.prefix && !!_ctx.modelValue.length)
+            ])
+          }, [
+            _ctx.multiple ? renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: _ctx.getValueKey(_ctx.getValue(item)),
+                  class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                }, [
+                  createVNode(_component_el_tag, {
+                    closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
+                    size: _ctx.collapseTagSize,
+                    type: _ctx.tagType,
+                    effect: _ctx.tagEffect,
+                    "disable-transitions": "",
+                    style: normalizeStyle(_ctx.tagStyle),
+                    onClose: ($event) => _ctx.deleteTag($event, item)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", {
+                        class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                      }, [
+                        renderSlot(_ctx.$slots, "label", {
+                          label: _ctx.getLabel(item),
+                          value: _ctx.getValue(item)
+                        }, () => [
+                          createTextVNode(toDisplayString(_ctx.getLabel(item)), 1)
+                        ])
+                      ], 2)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+                ], 2);
+              }), 128)),
+              _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
+                key: 0,
+                ref: "tagTooltipRef",
+                disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
+                "fallback-placements": ["bottom", "top", "right", "left"],
+                effect: _ctx.effect,
+                placement: "bottom",
+                teleported: _ctx.teleported
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    ref: "collapseItemRef",
+                    class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                  }, [
+                    createVNode(_component_el_tag, {
+                      closable: false,
+                      size: _ctx.collapseTagSize,
+                      type: _ctx.tagType,
+                      effect: _ctx.tagEffect,
+                      style: normalizeStyle(_ctx.collapseTagStyle),
+                      "disable-transitions": ""
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", {
+                          class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                        }, " + " + toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "type", "effect", "style"])
+                  ], 2)
+                ]),
+                content: withCtx(() => [
+                  createElementVNode("div", {
+                    ref: "tagMenuRef",
+                    class: normalizeClass(_ctx.nsSelect.e("selection"))
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (selected) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: _ctx.getValueKey(_ctx.getValue(selected)),
+                        class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                      }, [
+                        createVNode(_component_el_tag, {
+                          class: "in-tooltip",
+                          closable: !_ctx.selectDisabled && !_ctx.getDisabled(selected),
+                          size: _ctx.collapseTagSize,
+                          type: _ctx.tagType,
+                          effect: _ctx.tagEffect,
+                          "disable-transitions": "",
+                          onClose: ($event) => _ctx.deleteTag($event, selected)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("span", {
+                              class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                            }, [
+                              renderSlot(_ctx.$slots, "label", {
+                                label: _ctx.getLabel(selected),
+                                value: _ctx.getValue(selected)
+                              }, () => [
+                                createTextVNode(toDisplayString(_ctx.getLabel(selected)), 1)
+                              ])
+                            ], 2)
+                          ]),
+                          _: 2
+                        }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                      ], 2);
+                    }), 128))
+                  ], 2)
+                ]),
+                _: 3
+              }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("v-if", true)
+            ]) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass([
+                _ctx.nsSelect.e("selected-item"),
+                _ctx.nsSelect.e("input-wrapper"),
+                _ctx.nsSelect.is("hidden", !_ctx.filterable)
+              ])
+            }, [
+              withDirectives(createElementVNode("input", {
+                id: _ctx.inputId,
+                ref: "inputRef",
+                "onUpdate:modelValue": ($event) => _ctx.states.inputValue = $event,
+                style: normalizeStyle(_ctx.inputStyle),
+                autocomplete: _ctx.autocomplete,
+                tabindex: _ctx.tabindex,
+                "aria-autocomplete": "list",
+                "aria-haspopup": "listbox",
+                autocapitalize: "off",
+                "aria-expanded": _ctx.expanded,
+                "aria-label": _ctx.ariaLabel,
+                class: normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
+                disabled: _ctx.selectDisabled,
+                role: "combobox",
+                readonly: !_ctx.filterable,
+                spellcheck: "false",
+                type: "text",
+                name: _ctx.name,
+                onInput: _ctx.onInput,
+                onCompositionstart: _ctx.handleCompositionStart,
+                onCompositionupdate: _ctx.handleCompositionUpdate,
+                onCompositionend: _ctx.handleCompositionEnd,
+                onKeydown: [
+                  withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"]),
+                  withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"]),
+                  withKeys(withModifiers(_ctx.onKeyboardSelect, ["stop", "prevent"]), ["enter"]),
+                  withKeys(withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
+                  withKeys(withModifiers(_ctx.handleDel, ["stop"]), ["delete"])
+                ],
+                onClick: withModifiers(_ctx.toggleMenu, ["stop"])
+              }, null, 46, ["id", "onUpdate:modelValue", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name", "onInput", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown", "onClick"]), [
+                [vModelText, _ctx.states.inputValue]
+              ]),
+              _ctx.filterable ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                ref: "calculatorRef",
+                "aria-hidden": "true",
+                class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
+                textContent: toDisplayString(_ctx.states.inputValue)
+              }, null, 10, ["textContent"])) : createCommentVNode("v-if", true)
+            ], 2),
+            _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass([
+                _ctx.nsSelect.e("selected-item"),
+                _ctx.nsSelect.e("placeholder"),
+                _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
+              ])
+            }, [
+              _ctx.hasModelValue ? renderSlot(_ctx.$slots, "label", {
+                key: 0,
+                label: _ctx.currentPlaceholder,
+                value: _ctx.modelValue
+              }, () => [
+                createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
+              ]) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.currentPlaceholder), 1))
+            ], 2)) : createCommentVNode("v-if", true)
+          ], 2),
+          createElementVNode("div", {
+            ref: "suffixRef",
+            class: normalizeClass(_ctx.nsSelect.e("suffix"))
+          }, [
+            _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
+              key: 0,
+              class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsInput.e("icon"), _ctx.iconReverse])
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+              ]),
+              _: 1
+            }, 8, ["class"])), [
+              [vShow, !_ctx.showClearBtn]
+            ]) : createCommentVNode("v-if", true),
+            _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+              key: 1,
+              class: normalizeClass([
+                _ctx.nsSelect.e("caret"),
+                _ctx.nsInput.e("icon"),
+                _ctx.nsSelect.e("clear")
+              ]),
+              onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+            _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
+              key: 2,
+              class: normalizeClass([
+                _ctx.nsInput.e("icon"),
+                _ctx.nsInput.e("validateIcon"),
+                _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+              ])
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("v-if", true)
+          ], 2)
+        ], 10, ["onClick"])
+      ]),
+      content: withCtx(() => [
+        createVNode(_component_el_select_menu, {
+          ref: "menuRef",
+          data: _ctx.filteredOptions,
+          width: _ctx.popperSize,
+          "hovering-index": _ctx.states.hoveringIndex,
+          "scrollbar-always-on": _ctx.scrollbarAlwaysOn
+        }, createSlots({
+          default: withCtx((scope) => [
+            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
+          ]),
+          _: 2
+        }, [
+          _ctx.$slots.header ? {
+            name: "header",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+              }, [
+                renderSlot(_ctx.$slots, "header")
+              ], 2)
+            ])
+          } : void 0,
+          _ctx.$slots.loading && _ctx.loading ? {
+            name: "loading",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "loading"))
+              }, [
+                renderSlot(_ctx.$slots, "loading")
+              ], 2)
+            ])
+          } : _ctx.loading || _ctx.filteredOptions.length === 0 ? {
+            name: "empty",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
+              }, [
+                renderSlot(_ctx.$slots, "empty", {}, () => [
+                  createElementVNode("span", null, toDisplayString(_ctx.emptyText), 1)
+                ])
+              ], 2)
+            ])
+          } : void 0,
+          _ctx.$slots.footer ? {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+              }, [
+                renderSlot(_ctx.$slots, "footer")
+              ], 2)
+            ])
+          } : void 0
+        ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
+      ]),
+      _: 3
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow", "onHide"])
+  ], 42, ["onMouseenter", "onMouseleave"])), [
+    [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
+  ]);
+}
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render], ["__file", "select.vue"]]);
+
+const ElSelectV2 = withInstall(Select);
+
+const _hoisted_1$a = ["onClick"];
+const _hoisted_2$9 = { class: "hzzt-dropdown-name" };
+const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", { class: "caret" }, null, -1);
+const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
+const _hoisted_5$3 = ["onClick"];
+const _hoisted_6$3 = { class: "submenu" };
+const _hoisted_7$3 = ["onClick"];
+const __default__$b = defineComponent({
+  name: "HzztDropDown"
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
+  props: {
+    options: {
+      type: definePropType$1(Array),
+      default: () => []
+    },
+    label: String,
+    value: String,
+    defaultValue: {
+      type: Array,
+      default: () => []
+    },
+    position: {
+      type: String,
+      default: "right"
+    },
+    props: {
+      type: Object,
+      default: () => ({
+        children: "children",
+        label: "label",
+        value: "value"
+      })
+    },
+    returnType: {
+      type: String,
+      default: "Array"
+    }
+  },
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
+    const dProps = __props;
+    const toggle = ref(false);
+    function dropToggle() {
+      toggle.value = !toggle.value;
+    }
+    function close() {
+      toggle.value = false;
+    }
+    function selectValue(val) {
+      if (dProps.returnType === "Array") {
+        emits("change", val);
+      }
+      if (dProps.returnType === "String") {
+        emits("change", val[val.length - 1]);
+      }
+    }
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("ul", {
+        class: "hzzt-dropdown",
+        onClick: withModifiers(dropToggle, ["stop"])
+      }, [
+        createElementVNode("li", {
+          class: normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
+        }, [
+          createElementVNode("span", _hoisted_2$9, toDisplayString(__props.label), 1),
+          _hoisted_3$6,
+          createElementVNode("ul", _hoisted_4$5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+              return openBlock(), createElementBlock(Fragment, null, [
+                unref(isEmpty)(option[__props.props.children]) ? (openBlock(), createElementBlock("li", {
+                  key: index,
+                  class: normalizeClass({
+                    "hzzt-dropdown-menu-item": true,
+                    selected: __props.defaultValue.includes(option[__props.props.value])
+                  })
+                }, [
+                  createElementVNode("a", {
+                    class: "hzzt-dropdown-menu-item-label",
+                    onClick: ($event) => selectValue([option[__props.props.value]])
+                  }, toDisplayString(option[__props.props.label]), 9, _hoisted_5$3)
+                ], 2)) : (openBlock(), createElementBlock("li", {
+                  key: index + "submenu",
+                  class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
+                }, [
+                  createElementVNode("a", _hoisted_6$3, toDisplayString(option[__props.props.label]), 1),
+                  createElementVNode("ul", {
+                    class: normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(option.children, (child, cIndex) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: cIndex,
+                        class: normalizeClass({
+                          "hzzt-dropdown-menu-item": true,
+                          selected: __props.defaultValue.includes(child[__props.props.value])
+                        })
+                      }, [
+                        createElementVNode("a", {
+                          class: "hzzt-dropdown-menu-item-label",
+                          onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]])
+                        }, toDisplayString(child[__props.props.label]), 9, _hoisted_7$3)
+                      ], 2);
+                    }), 128))
+                  ], 2)
+                ])),
+                option.divider ? (openBlock(), createElementBlock("li", {
+                  key: index + "divider",
+                  class: "divider"
+                })) : createCommentVNode("v-if", true)
+              ], 64);
+            }), 256))
+          ])
+        ], 2)
+      ], 8, _hoisted_1$a)), [
+        [unref(ClickOutside), close]
+      ]);
+    };
+  }
+});
+var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "index.vue"]]);
+
+const HzztDropdown = withInstall$1(Dropdown);
+
+const _hoisted_1$9 = { class: "hzzt-collapse" };
+const _hoisted_2$8 = { class: "flex align-items-center" };
+const _hoisted_3$5 = { class: "hzzt-collapse-title-wrapper" };
+const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+const _hoisted_5$2 = { class: "hzzt-collapse-title" };
+const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+const _hoisted_7$2 = {
+  key: 0,
+  class: "hzzt-collapse-text"
+};
+const __default__$a = defineComponent({
+  name: "HzztCollapse"
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
+  props: {
+    defaultActive: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
       default: ""
     },
     expand: {
@@ -20701,7 +23424,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           onClick: toggle
         }, [
           createElementVNode("div", _hoisted_2$8, [
-            createElementVNode("div", _hoisted_3$6, [
+            createElementVNode("div", _hoisted_3$5, [
               _hoisted_4$4,
               createElementVNode("div", _hoisted_5$2, toDisplayString(__props.title), 1)
             ]),
@@ -20715,7 +23438,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "collapse.vue"]]);
+var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__file", "collapse.vue"]]);
 
 const HzztCollapse = withInstall$1(Collapse);
 
@@ -20745,11 +23468,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var HzztIcon$1 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "index.vue"]]);
+var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__file", "index.vue"]]);
 
 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_3$4 = { class: "flex" };
 const _hoisted_4$3 = ["onClick"];
 const _hoisted_5$1 = { class: "hzzt-tab-badge" };
 const _hoisted_6$1 = {
@@ -20800,7 +23523,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$7, [
-          createElementVNode("div", _hoisted_3$5, [
+          createElementVNode("div", _hoisted_3$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab, index) => {
               return openBlock(), createElementBlock("div", {
                 key: tab.key,
@@ -20832,7 +23555,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "index.vue"]]);
+var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "index.vue"]]);
 
 const HzztTab = withInstall$1(Tab);
 
@@ -20850,7 +23573,7 @@ function tarnsElIconName(name) {
 
 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_3$3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
 const _hoisted_4$2 = { class: "flex" };
 const __default__$8 = defineComponent({
   name: "HzztPagination"
@@ -20888,7 +23611,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("p", _hoisted_2$6, toDisplayString(unref(t)("hzzt.pagination.total")) + toDisplayString(__props.pagination.total) + toDisplayString(unref(t)("hzzt.pagination.strip")), 1),
-        createElementVNode("div", _hoisted_3$4, [
+        createElementVNode("div", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "right"),
           createVNode(HzztIcon$1, {
             class: normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
@@ -20906,13 +23629,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "index.vue"]]);
+var Pagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "index.vue"]]);
 
 const HzztPagination = withInstall$1(Pagination);
 
 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 _hoisted_3$2 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
 const __default__$7 = defineComponent({
   name: "HzztTooltip"
 });
@@ -20933,7 +23656,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           content: withCtx(() => [
             renderSlot(_ctx.$slots, "content", {}, () => [
               createElementVNode("div", _hoisted_2$5, [
-                createElementVNode("pre", _hoisted_3$3, toDisplayString(__props.content), 1)
+                createElementVNode("pre", _hoisted_3$2, toDisplayString(__props.content), 1)
               ])
             ])
           ]),
@@ -20951,7 +23674,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "tooltip.vue"]]);
 
 const HzztTooltip = withInstall$1(Tooltip);
 
@@ -20963,7 +23686,7 @@ const _hoisted_2$4 = {
   key: 1,
   style: { "white-space": "nowrap" }
 };
-const _hoisted_3$2 = { class: "line-height-1" };
+const _hoisted_3$1 = { class: "line-height-1" };
 const _hoisted_4$1 = {
   key: 0,
   class: "margin-l-1 margin-r-2"
@@ -21035,7 +23758,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           key: 2,
           class: normalizeClass([unref(ns).e("option"), "flex align-items-center"])
         }, [
-          createElementVNode("span", _hoisted_3$2, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
+          createElementVNode("span", _hoisted_3$1, toDisplayString(unref(t)("hzzt.pageSize.per_page")), 1),
           createVNode(unref(ElSelect), {
             modelValue: sizeValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
@@ -21099,7 +23822,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var PageSize = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "index.vue"]]);
+var PageSize = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "index.vue"]]);
 
 const HzztPageSize = withInstall$1(PageSize);
 
@@ -21167,7 +23890,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ConfirmPassword = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "confirm-password.vue"]]);
+var ConfirmPassword = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "confirm-password.vue"]]);
 
 const HzztConfirmPassword = withInstall$1(ConfirmPassword);
 
@@ -21246,7 +23969,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "index.vue"]]);
+var CheckButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "index.vue"]]);
 
 const HzztCheckButton = withInstall$1(CheckButton);
 
@@ -21489,7 +24212,7 @@ function range(n) {
 
 const _hoisted_1$3 = { class: "el-date-picker" };
 const _hoisted_2$3 = { class: "el-picker-panel__body" };
-const _hoisted_3$1 = {
+const _hoisted_3 = {
   class: "el-date-picker__header el-date-picker__header--bordered",
   style: { "margin": "0px", "line-height": "30px" }
 };
@@ -21688,7 +24411,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$3, [
             createElementVNode("div", _hoisted_2$3, [
-              createElementVNode("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_3, [
                 createElementVNode("button", {
                   type: "button",
                   "aria-label": unref(t)(`hzzt.quarterpicker.prevYear`),
@@ -21748,7 +24471,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var QuarterPicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "index.vue"]]);
+var QuarterPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__file", "index.vue"]]);
 
 const HzztQuarterPicker = withInstall$1(QuarterPicker);
 
@@ -21912,7 +24635,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scan = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "scan.vue"]]);
+var Scan = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "scan.vue"]]);
 
 const HzztScan = withInstall$1(Scan);
 
@@ -22033,7 +24756,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(inputContainerCls))
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(Title, { label: _ctx.label }, null, 8, ["label"])
+            createVNode(HzztTitle$1, { label: _ctx.label }, null, 8, ["label"])
           ]),
           createVNode(unref(ElInput), mergeProps({
             ref: "inputRef",
@@ -22071,56 +24794,129 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "select-input.vue"]]);
+var SelectInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "select-input.vue"]]);
 
 const HzztSelectInput = withInstall$1(SelectInput);
 
-const _hoisted_1 = {
-  key: 0,
-  class: "hzzt-title flex align-items-center"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "decorative-line"
+const selectTextareaProps = buildProps$1({
+  size: useSizeProp$1,
+  disabled: Boolean,
+  label: String,
+  data: {
+    type: definePropType$1(Array),
+    default: () => []
+  },
+  inputProps: Object,
+  replace: Boolean,
+  modelValue: {
+    type: definePropType$1([
+      String,
+      Number
+    ]),
+    default: ""
+  }
+});
+const selectTextareaEmits = {
+  [UPDATE_MODEL_EVENT$1]: (value) => isString$1(value),
+  input: (value) => isString$1(value),
+  change: (value) => isString$1(value),
+  select: (value) => isString$1(value)
 };
-const _hoisted_3 = { class: "label-name" };
+
+const _hoisted_1 = { class: "flex column" };
+const _hoisted_2 = { class: "flex align-items-center" };
 const __default__ = defineComponent({
-  name: "HzztTitle"
+  name: "HzztSelectTextarea"
 });
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
-  props: titleProps,
-  setup(__props) {
+  props: selectTextareaProps,
+  emits: selectTextareaEmits,
+  setup(__props, { emit }) {
     const props = __props;
-    const slots = useSlots();
-    const showLabel = computed(() => {
-      var _a, _b, _c;
-      return props.label || ((_c = (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) == null ? void 0 : _b[0]) == null ? void 0 : _c.children);
+    const inputVal = ref(props.modelValue);
+    const selectValue = ref("");
+    const inputRef = ref();
+    const nsInput = useNamespace$1("select-textarea");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize$1().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const containerCls = computed(() => [
+      nsInput.b(),
+      nsInput.m(trueSize.value)
+    ]);
+    const _inputProps = computed(() => ({
+      disabled: trueDisabled.value,
+      clearable: true,
+      ...props.inputProps,
+      type: "textarea"
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
     });
+    function input(val) {
+      emit("update:modelValue", val);
+      emit("input", val);
+    }
+    function change(val) {
+      emit("change", val);
+    }
+    function selectChange(val) {
+      if (!inputVal.value && inputVal.value !== 0)
+        inputVal.value = "";
+      let content = val;
+      if (!props.replace) {
+        const inputEl = inputRef.value.getElementsByTagName("textarea")[0];
+        content = insertCursorPosition(inputEl, val);
+      }
+      input(content);
+      change(content);
+      emit("select", val);
+    }
     return (_ctx, _cache) => {
-      return unref(showLabel) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.sideline ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "before"),
-        createElementVNode("label", _hoisted_3, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
-          ])
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createVNode(HzztTitle$1, {
+                class: "margin-l-1",
+                label: _ctx.label
+              }, null, 8, ["label"])
+            ]),
+            !unref(trueDisabled) ? (openBlock(), createBlock(unref(ElSelectV2), {
+              key: 0,
+              class: "flex-1",
+              modelValue: selectValue.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
+              "allow-create": "",
+              filterable: "",
+              clearable: "",
+              onChange: selectChange,
+              options: _ctx.data
+            }, null, 8, ["modelValue", "options"])) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          createVNode(unref(ElInput), mergeProps({
+            ref_key: "inputRef",
+            ref: inputRef,
+            class: "flex-1 margin-t-1",
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputVal.value = $event)
+          }, unref(_inputProps), {
+            onInput: input,
+            onChange: change
+          }), null, 16, ["modelValue"])
         ])
-      ])) : createCommentVNode("v-if", true);
+      ], 2);
     };
   }
 });
-var Title = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "title.vue"]]);
-
-const titleProps = buildProps$1({
-  label: String,
-  sideline: {
-    type: Boolean,
-    default: true
-  }
-});
+var SelectTextarea = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__file", "select-textarea.vue"]]);
 
-const HzztTitle = withInstall$1(Title);
+const HzztSelectTextarea = withInstall$1(SelectTextarea);
 
 var Components = [
   HzztConfigProvider,
@@ -22136,7 +24932,8 @@ var Components = [
   HzztCheckButton,
   HzztQuarterPicker,
   HzztScan,
-  HzztSelectInput
+  HzztSelectInput,
+  HzztSelectTextarea
 ];
 
 var Plugins = [];
@@ -22348,4 +25145,4 @@ function initMouseEvent(el, callback) {
 const install = installer.install;
 const version = installer.version;
 
-export { Blur, CHANGE_EVENT$1 as CHANGE_EVENT, Download, Drag, Height, Highlight, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, HzztSelectInput, HzztTab, HzztTitle, HzztTooltip, INPUT_EVENT$1 as INPUT_EVENT, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, UPDATE_MODEL_EVENT$1 as UPDATE_MODEL_EVENT, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, numberToLetter, provideGlobalConfig, scanEmits, scanProps, selectInputEmits, selectInputProps, titleProps, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };
+export { Blur, CHANGE_EVENT$1 as CHANGE_EVENT, Download, Drag, Height, Highlight, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, HzztSelectInput, HzztSelectTextarea, HzztTab, HzztTitle, HzztTooltip, INPUT_EVENT$1 as INPUT_EVENT, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, UPDATE_MODEL_EVENT$1 as UPDATE_MODEL_EVENT, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, insertCursorPosition, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, numberToLetter, provideGlobalConfig, scanEmits, scanProps, selectInputEmits, selectInputProps, selectTextareaEmits, selectTextareaProps, titleProps, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };