hzzt-plus 1.0.1 → 1.0.2

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v0.0.1 */
+/*! Hzzt Plus v1.0.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4335,7 +4335,7 @@
     return true;
   }
 
-  function isEqual(value, other) {
+  function isEqual$1(value, other) {
     return baseIsEqual(value, other);
   }
 
@@ -6346,7 +6346,7 @@
     isDate,
     isElement: isElement$1,
     isEmpty: isEmpty$1,
-    isEqual,
+    isEqual: isEqual$1,
     isEqualWith,
     isError,
     isFinite,
@@ -12846,6 +12846,18 @@
     }
   }
 
+  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 = vue.ref();
@@ -12920,7 +12932,7 @@
 
   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) => {
@@ -12937,6 +12949,61 @@
     };
   };
 
+  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 = vue.defineComponent({
+    name: "HzztTitle"
+  });
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$s,
+    props: titleProps,
+    setup(__props) {
+      const props = __props;
+      const slots = vue.useSlots();
+      const showLabel = vue.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 vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+          _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$a)) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "before"),
+          vue.createElementVNode("label", _hoisted_3$7, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ])
+        ])) : vue.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";
@@ -13376,7 +13443,7 @@
   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;
@@ -13384,6 +13451,9 @@
     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 "";
@@ -13455,7 +13525,7 @@
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     ...__default__$r,
     props: iconProps,
     setup(__props) {
@@ -13480,7 +13550,7 @@
       };
     }
   });
-  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);
 
@@ -13922,7 +13992,7 @@
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...__default__$q,
     props: inputProps,
     emits: inputEmits,
@@ -14328,7 +14398,7 @@
       };
     }
   });
-  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);
 
@@ -14355,7 +14425,7 @@
       direction: "left"
     }
   };
-  const renderThumbStyle = ({
+  const renderThumbStyle$1 = ({
     move,
     size,
     bar
@@ -14378,7 +14448,7 @@
   });
 
   const COMPONENT_NAME$2 = "Thumb";
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14395,7 +14465,7 @@
       let cursorLeave = false;
       let originalOnSelectStart = isClient ? document.onselectstart : null;
       const bar = vue.computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-      const thumbStyle = vue.computed(() => renderThumbStyle({
+      const thumbStyle = vue.computed(() => renderThumbStyle$1({
         size: props.size,
         move: props.move,
         bar: bar.value
@@ -14497,7 +14567,7 @@
       };
     }
   });
-  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: {
@@ -14510,7 +14580,7 @@
     }
   });
 
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14568,7 +14638,7 @@
       };
     }
   });
-  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: {
@@ -14628,7 +14698,7 @@
   const __default__$p = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     ...__default__$p,
     props: scrollbarProps,
     emits: scrollbarEmits,
@@ -14781,7 +14851,7 @@
       };
     }
   });
-  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);
 
@@ -14810,7 +14880,7 @@
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     ...__default__$o,
     props: popperProps,
     setup(__props, { expose }) {
@@ -14834,7 +14904,7 @@
       };
     }
   });
-  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: {
@@ -14847,7 +14917,7 @@
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...__default__$n,
     props: popperArrowProps,
     setup(__props, { expose }) {
@@ -14874,7 +14944,7 @@
       };
     }
   });
-  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: {
@@ -15013,7 +15083,7 @@
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...__default__$m,
     props: popperTriggerProps,
     setup(__props, { expose }) {
@@ -15125,7 +15195,7 @@
       };
     }
   });
-  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";
@@ -15324,7 +15394,7 @@
     });
   };
 
-  const _sfc_main$u = vue.defineComponent({
+  const _sfc_main$x = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15566,10 +15636,10 @@
       };
     }
   });
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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});
 
@@ -15951,7 +16021,7 @@
   const __default__$l = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...__default__$l,
     props: popperContentProps,
     emits: popperContentEmits,
@@ -16068,7 +16138,7 @@
       };
     }
   });
-  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);
 
@@ -16349,7 +16419,7 @@
   const __default__$k = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...__default__$k,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
@@ -16409,7 +16479,7 @@
       };
     }
   });
-  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: {
@@ -16419,7 +16489,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16433,7 +16503,7 @@
       };
     }
   });
-  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);
 
@@ -16474,7 +16544,7 @@
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...__default__$j,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
@@ -16646,12 +16716,12 @@
       };
     }
   });
-  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 = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...__default__$i,
     props: useTooltipProps,
     emits: tooltipEmits,
@@ -16802,7 +16872,7 @@
       };
     }
   });
-  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);
 
@@ -17879,7 +17949,7 @@
   const __default__$h = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...__default__$h,
     props: buttonProps,
     emits: buttonEmits,
@@ -17946,7 +18016,7 @@
       };
     }
   });
-  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,
@@ -17956,7 +18026,7 @@
   const __default__$g = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...__default__$g,
     props: buttonGroupProps,
     setup(__props) {
@@ -17975,7 +18045,7 @@
       };
     }
   });
-  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
@@ -18015,7 +18085,7 @@
   const __default__$f = vue.defineComponent({
     name: "ElTag"
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...__default__$f,
     props: tagProps,
     emits: tagEmits,
@@ -18103,7 +18173,7 @@
       };
     }
   });
-  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);
 
@@ -18212,22 +18282,22 @@
     }
   };
 
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.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 vue.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) => {
@@ -18440,7 +18510,7 @@
   const __default__$e = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...__default__$e,
     props: inputNumberProps,
     emits: inputNumberEmits,
@@ -18767,7 +18837,7 @@
       };
     }
   });
-  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);
 
@@ -18817,7 +18887,7 @@
   const __default__$d = vue.defineComponent({
     name: "ElLink"
   });
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...__default__$d,
     props: linkProps,
     emits: linkEmits,
@@ -18858,14 +18928,14 @@
       };
     }
   });
-  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 = vue.inject(selectKey);
     const selectGroup = vue.inject(selectGroupKey, { disabled: false });
     const itemSelected = vue.computed(() => {
@@ -18940,7 +19010,7 @@
     };
   }
 
-  const _sfc_main$h = vue.defineComponent({
+  const _sfc_main$k = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -18974,7 +19044,7 @@
         select,
         hoverItem,
         updateOption
-      } = useOption(props, states);
+      } = useOption$1(props, states);
       const { visible, hover } = vue.toRefs(states);
       const vm = vue.getCurrentInstance().proxy;
       select.onOptionCreate(vm);
@@ -19013,7 +19083,7 @@
       };
     }
   });
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
       id: _ctx.id,
       class: vue.normalizeClass(_ctx.containerKls),
@@ -19030,9 +19100,9 @@
       [vue.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 = vue.defineComponent({
+  const _sfc_main$j = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -19059,7 +19129,7 @@
       };
     }
   });
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("dropdown"), _ctx.ns.is("multiple", _ctx.isMultiple), _ctx.popperClass]),
       style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
@@ -19079,9 +19149,9 @@
       ], 2)) : vue.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");
@@ -19238,7 +19308,7 @@
         }
       }
       setSelected();
-      if (!isEqual(val, oldVal) && props.validateEvent) {
+      if (!isEqual$1(val, oldVal) && props.validateEvent) {
         formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
       }
     }, {
@@ -19382,7 +19452,7 @@
       onInputChange();
     }, debounce$1.value);
     const emitChange = (val) => {
-      if (!isEqual(props.modelValue, val)) {
+      if (!isEqual$1(props.modelValue, val)) {
         emit(CHANGE_EVENT, val);
       }
     };
@@ -19471,7 +19541,7 @@
       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) => {
@@ -19727,7 +19797,7 @@
         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;
@@ -19738,7 +19808,7 @@
     }
   });
 
-  const SelectProps = buildProps({
+  const SelectProps$1 = buildProps({
     name: String,
     id: String,
     modelValue: {
@@ -19845,11 +19915,11 @@
   });
 
   const COMPONENT_NAME = "ElSelect";
-  const _sfc_main$f = vue.defineComponent({
+  const _sfc_main$i = vue.defineComponent({
     name: COMPONENT_NAME,
     componentName: COMPONENT_NAME,
     components: {
-      ElSelectMenu,
+      ElSelectMenu: ElSelectMenu$1,
       ElOption: Option,
       ElOptions,
       ElTag,
@@ -19858,7 +19928,7 @@
       ElIcon
     },
     directives: { ClickOutside },
-    props: SelectProps,
+    props: SelectProps$1,
     emits: [
       UPDATE_MODEL_EVENT,
       CHANGE_EVENT,
@@ -19881,7 +19951,7 @@
         ...vue.toRefs(props),
         modelValue
       });
-      const API = useSelect(_props, emit);
+      const API = useSelect$1(_props, emit);
       const { calculatorRef, inputStyle } = useCalcInputWidth();
       vue.provide(selectKey, vue.reactive({
         props: _props,
@@ -19908,7 +19978,7 @@
       };
     }
   });
-  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20255,9 +20325,9 @@
       [_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 = vue.defineComponent({
+  const _sfc_main$h = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -20310,7 +20380,7 @@
       };
     }
   });
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
       ref: "groupRef",
       class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
@@ -20329,9 +20399,9 @@
       [vue.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
   });
@@ -20403,7 +20473,7 @@
   const __default__$c = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...__default__$c,
     props: popoverProps,
     emits: popoverEmits,
@@ -20503,7 +20573,7 @@
       };
     }
   });
-  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;
@@ -20527,160 +20597,2813 @@
     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__ */ vue.createElementVNode("span", { class: "caret" }, null, -1);
-  const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
-  const _hoisted_5$3 = ["onClick"];
-  const _hoisted_6$3 = { class: "submenu" };
-  const _hoisted_7$3 = ["onClick"];
-  const __default__$b = vue.defineComponent({
-    name: "HzztDropDown"
-  });
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$f = vue.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 = vue.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 vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
-          class: "hzzt-dropdown",
-          onClick: vue.withModifiers(dropToggle, ["stop"])
-        }, [
-          vue.createElementVNode("li", {
-            class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
-          }, [
-            vue.createElementVNode("span", _hoisted_2$9, vue.toDisplayString(__props.label), 1),
-            _hoisted_3$7,
-            vue.createElementVNode("ul", _hoisted_4$5, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
-                return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                  vue.unref(isEmpty)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
-                    key: index,
-                    class: vue.normalizeClass({
-                      "hzzt-dropdown-menu-item": true,
-                      selected: __props.defaultValue.includes(option[__props.props.value])
-                    })
-                  }, [
-                    vue.createElementVNode("a", {
-                      class: "hzzt-dropdown-menu-item-label",
-                      onClick: ($event) => selectValue([option[__props.props.value]])
-                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5$3)
-                  ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
-                    key: index + "submenu",
-                    class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
-                  }, [
-                    vue.createElementVNode("a", _hoisted_6$3, vue.toDisplayString(option[__props.props.label]), 1),
-                    vue.createElementVNode("ul", {
-                      class: vue.normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
-                    }, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(option.children, (child, cIndex) => {
-                        return vue.openBlock(), vue.createElementBlock("li", {
-                          key: cIndex,
-                          class: vue.normalizeClass({
-                            "hzzt-dropdown-menu-item": true,
-                            selected: __props.defaultValue.includes(child[__props.props.value])
-                          })
-                        }, [
-                          vue.createElementVNode("a", {
-                            class: "hzzt-dropdown-menu-item-label",
-                            onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]])
-                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7$3)
-                        ], 2);
-                      }), 128))
-                    ], 2)
-                  ])),
-                  option.divider ? (vue.openBlock(), vue.createElementBlock("li", {
-                    key: index + "divider",
-                    class: "divider"
-                  })) : vue.createCommentVNode("v-if", true)
-                ], 64);
-              }), 256))
-            ])
-          ], 2)
-        ], 8, _hoisted_1$a)), [
-          [vue.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 vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass(_ctx.ns.be("group", "title")),
+      style: vue.normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
+    }, vue.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__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
-  const _hoisted_5$2 = { class: "hzzt-collapse-title" };
-  const _hoisted_6$2 = /* @__PURE__ */ vue.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 = vue.defineComponent({
-    name: "HzztCollapse"
-  });
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
-    props: {
-      defaultActive: {
-        type: Boolean,
-        default: false
-      },
-      title: {
-        type: String,
+  function useProps(props) {
+    const aliasProps = vue.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 = vue.defineComponent({
+    props: OptionProps,
+    emits: optionEmits,
+    setup(props, { emit }) {
+      const select = vue.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 vue.openBlock(), vue.createElementBlock("li", {
+      "aria-selected": _ctx.selected,
+      style: vue.normalizeStyle(_ctx.style),
+      class: vue.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: vue.withModifiers(_ctx.selectOptionClick, ["stop"])
+    }, [
+      vue.renderSlot(_ctx.$slots, "default", {
+        item: _ctx.item,
+        index: _ctx.index,
+        disabled: _ctx.disabled
+      }, () => [
+        vue.createElementVNode("span", null, vue.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 = vue.getCurrentInstance();
+    const props = vm.proxy.$props;
+    return vue.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 = vue.defineComponent({
+    name: "ElVirtualScrollBar",
+    props: virtualizedScrollbarProps,
+    emits: ["scroll", "start-move", "stop-move"],
+    setup(props, { emit }) {
+      const GAP = vue.computed(() => props.startGap + props.endGap);
+      const nsVirtualScrollbar = useNamespace("virtual-scrollbar");
+      const nsScrollbar = useNamespace("scrollbar");
+      const trackRef = vue.ref();
+      const thumbRef = vue.ref();
+      let frameHandle = null;
+      let onselectstartStore = null;
+      const state = vue.reactive({
+        isDragging: false,
+        traveled: 0
+      });
+      const bar = vue.computed(() => BAR_MAP[props.layout]);
+      const trackSize = vue.computed(() => props.clientSize - vue.unref(GAP));
+      const trackStyle = vue.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 = vue.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 = vue.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 = vue.computed(() => Math.floor(props.clientSize - thumbSize.value - vue.unref(GAP)));
+      const attachEvents = () => {
+        window.addEventListener("mousemove", onMouseMove);
+        window.addEventListener("mouseup", onMouseUp);
+        const thumbEl = vue.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 = vue.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);
+      };
+      vue.watch(() => props.scrollFrom, (v) => {
+        if (state.isDragging)
+          return;
+        state.traveled = Math.ceil(v * totalSteps.value);
+      });
+      vue.onBeforeUnmount(() => {
+        detachEvents();
+      });
+      return () => {
+        return vue.h("div", {
+          role: "presentation",
+          ref: trackRef,
+          class: [
+            nsVirtualScrollbar.b(),
+            props.class,
+            (props.alwaysOn || state.isDragging) && "always-on"
+          ],
+          style: trackStyle.value,
+          onMousedown: vue.withModifiers(clickTrackHandler, ["stop", "prevent"]),
+          onTouchstartPrevent: onThumbMouseDown
+        }, vue.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 vue.defineComponent({
+      name: name != null ? name : "ElVirtualList",
+      props: virtualizedListProps,
+      emits: [ITEM_RENDER_EVT, SCROLL_EVT],
+      setup(props, { emit, expose }) {
+        validateProps(props);
+        const instance = vue.getCurrentInstance();
+        const ns = useNamespace("vl");
+        const dynamicSizeCache = vue.ref(initCache(props, instance));
+        const getItemStyleCache = useCache();
+        const windowRef = vue.ref();
+        const innerRef = vue.ref();
+        const scrollbarRef = vue.ref();
+        const states = vue.ref({
+          isScrolling: false,
+          scrollDir: "forward",
+          scrollOffset: isNumber(props.initScrollOffset) ? props.initScrollOffset : 0,
+          updateRequested: false,
+          isScrollbarDragging: false,
+          scrollbarAlwaysOn: props.scrollbarAlwaysOn
+        });
+        const itemsToRender = vue.computed(() => {
+          const { total, cache } = props;
+          const { isScrolling, scrollDir, scrollOffset } = vue.unref(states);
+          if (total === 0) {
+            return [0, 0, 0, 0];
+          }
+          const startIndex = getStartIndexForOffset(props, scrollOffset, vue.unref(dynamicSizeCache));
+          const stopIndex = getStopIndexForStartIndex(props, startIndex, scrollOffset, vue.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 = vue.computed(() => getEstimatedTotalSize(props, vue.unref(dynamicSizeCache)));
+        const _isHorizontal = vue.computed(() => isHorizontal(props.layout));
+        const windowStyle = vue.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 = vue.computed(() => {
+          const size = vue.unref(estimatedTotalSize);
+          const horizontal = vue.unref(_isHorizontal);
+          return {
+            height: horizontal ? "100%" : `${size}px`,
+            pointerEvents: vue.unref(states).isScrolling ? "none" : void 0,
+            width: horizontal ? `${size}px` : "100%"
+          };
+        });
+        const clientSize = vue.computed(() => _isHorizontal.value ? props.width : props.height);
+        const { onWheel } = useWheel({
+          atStartEdge: vue.computed(() => states.value.scrollOffset <= 0),
+          atEndEdge: vue.computed(() => states.value.scrollOffset >= estimatedTotalSize.value),
+          layout: vue.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] = vue.unref(itemsToRender);
+            emit(ITEM_RENDER_EVT, cacheStart, cacheEnd, visibleStart, visibleEnd);
+          }
+          const { scrollDir, scrollOffset, updateRequested } = vue.unref(states);
+          emit(SCROLL_EVT, scrollDir, scrollOffset, updateRequested);
+        };
+        const scrollVertically = (e) => {
+          const { clientHeight, scrollHeight, scrollTop } = e.currentTarget;
+          const _states = vue.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
+          };
+          vue.nextTick(resetIsScrolling);
+        };
+        const scrollHorizontally = (e) => {
+          const { clientWidth, scrollLeft, scrollWidth } = e.currentTarget;
+          const _states = vue.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
+          };
+          vue.nextTick(resetIsScrolling);
+        };
+        const onScroll = (e) => {
+          vue.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 === vue.unref(states).scrollOffset) {
+            return;
+          }
+          states.value = {
+            ...vue.unref(states),
+            scrollOffset: offset,
+            scrollDir: getScrollDir(vue.unref(states).scrollOffset, offset),
+            updateRequested: true
+          };
+          vue.nextTick(resetIsScrolling);
+        };
+        const scrollToItem = (idx, alignment = AUTO_ALIGNMENT) => {
+          const { scrollOffset } = vue.unref(states);
+          idx = Math.max(0, Math.min(idx, props.total - 1));
+          scrollTo(getOffset(props, idx, alignment, scrollOffset, vue.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, vue.unref(dynamicSizeCache));
+            const size = getItemSize(props, idx, vue.unref(dynamicSizeCache));
+            const horizontal = vue.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;
+          vue.nextTick(() => {
+            getItemStyleCache.value(-1, null, null);
+          });
+        };
+        const resetScrollTop = () => {
+          const window = windowRef.value;
+          if (window) {
+            window.scrollTop = 0;
+          }
+        };
+        vue.onMounted(() => {
+          if (!isClient)
+            return;
+          const { initScrollOffset } = props;
+          const windowElement = vue.unref(windowRef);
+          if (isNumber(initScrollOffset) && windowElement) {
+            if (vue.unref(_isHorizontal)) {
+              windowElement.scrollLeft = initScrollOffset;
+            } else {
+              windowElement.scrollTop = initScrollOffset;
+            }
+          }
+          emitEvents();
+        });
+        vue.onUpdated(() => {
+          const { direction, layout } = props;
+          const { scrollOffset, updateRequested } = vue.unref(states);
+          const windowElement = vue.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;
+            }
+          }
+        });
+        vue.onActivated(() => {
+          vue.unref(windowRef).scrollTop = vue.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 = vue.resolveDynamicComponent(containerElement);
+        const Inner = vue.resolveDynamicComponent(innerElement);
+        const children = [];
+        if (total > 0) {
+          for (let i = start; i <= end; i++) {
+            children.push(vue.h(vue.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 = [
+          vue.h(Inner, {
+            style: innerStyle,
+            ref: "innerRef"
+          }, !isString$1(Inner) ? {
+            default: () => children
+          } : children)
+        ];
+        const scrollbar = vue.h(ScrollBar, {
+          ref: "scrollbarRef",
+          clientSize,
+          layout,
+          onScroll: onScrollbarScroll,
+          ratio: clientSize * 100 / this.estimatedTotalSize,
+          scrollFrom: states.scrollOffset / (this.estimatedTotalSize - clientSize),
+          total
+        });
+        const listContainer = vue.h(Container, {
+          class: [ns.e("window"), className],
+          style: windowStyle,
+          onScroll,
+          ref: "windowRef",
+          key: 0
+        }, !isString$1(Container) ? { default: () => [InnerNode] } : [InnerNode]);
+        return vue.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 = vue.defineComponent({
+    name: "ElSelectDropdown",
+    props,
+    setup(props2, {
+      slots,
+      expose
+    }) {
+      const select = vue.inject(selectV2InjectionKey);
+      const ns = useNamespace("select");
+      const {
+        getLabel,
+        getValue,
+        getDisabled
+      } = useProps(select.props);
+      const cachedHeights = vue.ref([]);
+      const listRef = vue.ref();
+      const size = vue.computed(() => props2.data.length);
+      vue.watch(() => size.value, () => {
+        var _a, _b;
+        (_b = (_a = select.tooltipRef.value).updatePopper) == null ? void 0 : _b.call(_a);
+      });
+      const isSized = vue.computed(() => isUndefined(select.props.estimatedOptionHeight));
+      const listProps = vue.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 vue.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 = vue.unref(isSized);
+        const {
+          itemSize,
+          estimatedSize
+        } = vue.unref(listProps);
+        const {
+          modelValue
+        } = select.props;
+        const {
+          onSelect,
+          onHover
+        } = select;
+        const item = data[index];
+        if (item.type === "Group") {
+          return vue.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 vue.createVNode(OptionItem, vue.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)) || vue.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 = vue.unref(isSized) ? FixedSizeList : DynamicSizeList;
+        return vue.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)) || vue.createVNode(List, vue.mergeProps({
+          "ref": listRef
+        }, vue.unref(listProps), {
+          "className": ns.be("dropdown", "list"),
+          "scrollbarAlwaysOn": scrollbarAlwaysOn,
+          "data": data,
+          "height": height,
+          "width": width,
+          "total": data.length,
+          "onKeydown": onKeydown
+        }), {
+          default: (props3) => vue.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 = vue.ref(0);
+    const cachedSelectedOption = vue.ref();
+    const enableAllowCreateMode = vue.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 = vue.reactive({
+      inputValue: "",
+      cachedOptions: [],
+      createdOptions: [],
+      hoveringIndex: -1,
+      inputHovering: false,
+      selectionWidth: 0,
+      collapseItemWidth: 0,
+      previousQuery: null,
+      previousValue: void 0,
+      selectedLabel: "",
+      menuVisibleOnFocus: false,
+      isBeforeHide: false
+    });
+    const popperSize = vue.ref(-1);
+    const selectRef = vue.ref();
+    const selectionRef = vue.ref();
+    const tooltipRef = vue.ref();
+    const tagTooltipRef = vue.ref();
+    const inputRef = vue.ref();
+    const prefixRef = vue.ref();
+    const suffixRef = vue.ref();
+    const menuRef = vue.ref();
+    const tagMenuRef = vue.ref();
+    const collapseItemRef = vue.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 = vue.ref([]);
+    const filteredOptions = vue.ref([]);
+    const expanded = vue.ref(false);
+    const selectDisabled = vue.computed(() => props.disabled || (elForm == null ? void 0 : elForm.disabled));
+    const needStatusIcon = vue.computed(() => {
+      var _a;
+      return (_a = elForm == null ? void 0 : elForm.statusIcon) != null ? _a : false;
+    });
+    const popupHeight = vue.computed(() => {
+      const totalHeight = filteredOptions.value.length * props.itemHeight;
+      return totalHeight > props.height ? props.height : totalHeight;
+    });
+    const hasModelValue = vue.computed(() => {
+      return props.multiple ? isArray$1(props.modelValue) && props.modelValue.length > 0 : !isEmptyValue(props.modelValue);
+    });
+    const showClearBtn = vue.computed(() => {
+      return props.clearable && !selectDisabled.value && states.inputHovering && hasModelValue.value;
+    });
+    const iconComponent = vue.computed(() => props.remote && props.filterable ? "" : arrow_down_default);
+    const iconReverse = vue.computed(() => iconComponent.value && nsSelect.is("reverse", expanded.value));
+    const validateState = vue.computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
+    const validateIcon = vue.computed(() => {
+      if (!validateState.value)
+        return;
+      return ValidateComponentsMap[validateState.value];
+    });
+    const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
+    const emptyText = vue.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 = vue.computed(() => {
+      const valueMap = /* @__PURE__ */ new Map();
+      allOptions.value.forEach((option, index) => {
+        valueMap.set(getValueKey(getValue(option)), { option, index });
+      });
+      return valueMap;
+    });
+    const filteredOptionsValueMap = vue.computed(() => {
+      const valueMap = /* @__PURE__ */ new Map();
+      filteredOptions.value.forEach((option, index) => {
+        valueMap.set(getValueKey(getValue(option)), { option, index });
+      });
+      return valueMap;
+    });
+    const optionsAllDisabled = vue.computed(() => filteredOptions.value.every((option) => getDisabled(option)));
+    const selectSize = useFormSize();
+    const collapseTagSize = vue.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) {
+        vue.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 = vue.computed(() => {
+      const gapWidth = getGapWidth();
+      const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+      return { maxWidth: `${maxWidth}px` };
+    });
+    const collapseTagStyle = vue.computed(() => {
+      return { maxWidth: `${states.selectionWidth}px` };
+    });
+    const shouldShowPlaceholder = vue.computed(() => {
+      if (isArray$1(props.modelValue)) {
+        return props.modelValue.length === 0 && !states.inputValue;
+      }
+      return props.filterable ? !states.inputValue : true;
+    });
+    const currentPlaceholder = vue.computed(() => {
+      var _a;
+      const _placeholder = (_a = props.placeholder) != null ? _a : t("el.select.placeholder");
+      return props.multiple || !hasModelValue.value ? _placeholder : states.selectedLabel;
+    });
+    const popperRef = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+    });
+    const indexRef = vue.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 = vue.computed({
+      get() {
+        return expanded.value && emptyText.value !== false;
+      },
+      set(val) {
+        expanded.value = val;
+      }
+    });
+    const showTagList = vue.computed(() => {
+      if (!props.multiple) {
+        return [];
+      }
+      return props.collapseTags ? states.cachedOptions.slice(0, props.maxCollapseTags) : states.cachedOptions;
+    });
+    const collapseTagList = vue.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) {
+        vue.nextTick(checkDefaultFirstOption);
+      } else {
+        vue.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;
+        vue.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 vue.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();
+    };
+    vue.watch(() => props.fitInputWidth, () => {
+      calculatePopperSize();
+    });
+    vue.watch(expanded, (val) => {
+      if (val) {
+        if (!props.persistent) {
+          calculatePopperSize();
+        }
+        handleQueryChange("");
+      } else {
+        states.inputValue = "";
+        states.previousQuery = null;
+        states.isBeforeHide = true;
+        createNewOption("");
+      }
+      emit("visible-change", val);
+    });
+    vue.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
+    });
+    vue.watch(() => props.options, () => {
+      const input = inputRef.value;
+      if (!input || input && document.activeElement !== input) {
+        initStates();
+      }
+    }, {
+      deep: true,
+      flush: "post"
+    });
+    vue.watch(() => filteredOptions.value, () => {
+      calculatePopperSize();
+      return menuRef.value && vue.nextTick(menuRef.value.resetScrollTop);
+    });
+    vue.watchEffect(() => {
+      if (states.isBeforeHide)
+        return;
+      updateOptions();
+    });
+    vue.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);
+        }
+      }
+    });
+    vue.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 = vue.defineComponent({
+    name: "ElSelectV2",
+    components: {
+      ElSelectMenu,
+      ElTag,
+      ElTooltip,
+      ElIcon
+    },
+    directives: { ClickOutside },
+    props: SelectProps,
+    emits: selectEmits,
+    setup(props, { emit }) {
+      const modelValue = vue.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(vue.reactive({
+        ...vue.toRefs(props),
+        modelValue
+      }), emit);
+      const { calculatorRef, inputStyle } = useCalcInputWidth();
+      vue.provide(selectV2InjectionKey, {
+        props: vue.reactive({
+          ...vue.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 = vue.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 = vue.resolveComponent("el-tag");
+    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+    const _component_el_icon = vue.resolveComponent("el-icon");
+    const _component_el_select_menu = vue.resolveComponent("el-select-menu");
+    const _directive_click_outside = vue.resolveDirective("click-outside");
+    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+      ref: "selectRef",
+      class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
+      onMouseenter: ($event) => _ctx.states.inputHovering = true,
+      onMouseleave: ($event) => _ctx.states.inputHovering = false
+    }, [
+      vue.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: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            ref: "wrapperRef",
+            class: vue.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: vue.withModifiers(_ctx.toggleMenu, ["prevent"])
+          }, [
+            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref: "prefixRef",
+              class: vue.normalizeClass(_ctx.nsSelect.e("prefix"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "prefix")
+            ], 2)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              ref: "selectionRef",
+              class: vue.normalizeClass([
+                _ctx.nsSelect.e("selection"),
+                _ctx.nsSelect.is("near", _ctx.multiple && !_ctx.$slots.prefix && !!_ctx.modelValue.length)
+              ])
+            }, [
+              _ctx.multiple ? vue.renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: _ctx.getValueKey(_ctx.getValue(item)),
+                    class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                  }, [
+                    vue.createVNode(_component_el_tag, {
+                      closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
+                      size: _ctx.collapseTagSize,
+                      type: _ctx.tagType,
+                      effect: _ctx.tagEffect,
+                      "disable-transitions": "",
+                      style: vue.normalizeStyle(_ctx.tagStyle),
+                      onClose: ($event) => _ctx.deleteTag($event, item)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                        }, [
+                          vue.renderSlot(_ctx.$slots, "label", {
+                            label: _ctx.getLabel(item),
+                            value: _ctx.getValue(item)
+                          }, () => [
+                            vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(item)), 1)
+                          ])
+                        ], 2)
+                      ]),
+                      _: 2
+                    }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+                  ], 2);
+                }), 128)),
+                _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      ref: "collapseItemRef",
+                      class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                    }, [
+                      vue.createVNode(_component_el_tag, {
+                        closable: false,
+                        size: _ctx.collapseTagSize,
+                        type: _ctx.tagType,
+                        effect: _ctx.tagEffect,
+                        style: vue.normalizeStyle(_ctx.collapseTagStyle),
+                        "disable-transitions": ""
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", {
+                            class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                          }, " + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
+                        ]),
+                        _: 1
+                      }, 8, ["size", "type", "effect", "style"])
+                    ], 2)
+                  ]),
+                  content: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      ref: "tagMenuRef",
+                      class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
+                    }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (selected) => {
+                        return vue.openBlock(), vue.createElementBlock("div", {
+                          key: _ctx.getValueKey(_ctx.getValue(selected)),
+                          class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                        }, [
+                          vue.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: vue.withCtx(() => [
+                              vue.createElementVNode("span", {
+                                class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                              }, [
+                                vue.renderSlot(_ctx.$slots, "label", {
+                                  label: _ctx.getLabel(selected),
+                                  value: _ctx.getValue(selected)
+                                }, () => [
+                                  vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(selected)), 1)
+                                ])
+                              ], 2)
+                            ]),
+                            _: 2
+                          }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                        ], 2);
+                      }), 128))
+                    ], 2)
+                  ]),
+                  _: 3
+                }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("v-if", true)
+              ]) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([
+                  _ctx.nsSelect.e("selected-item"),
+                  _ctx.nsSelect.e("input-wrapper"),
+                  _ctx.nsSelect.is("hidden", !_ctx.filterable)
+                ])
+              }, [
+                vue.withDirectives(vue.createElementVNode("input", {
+                  id: _ctx.inputId,
+                  ref: "inputRef",
+                  "onUpdate:modelValue": ($event) => _ctx.states.inputValue = $event,
+                  style: vue.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: vue.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: [
+                    vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"]),
+                    vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"]),
+                    vue.withKeys(vue.withModifiers(_ctx.onKeyboardSelect, ["stop", "prevent"]), ["enter"]),
+                    vue.withKeys(vue.withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
+                    vue.withKeys(vue.withModifiers(_ctx.handleDel, ["stop"]), ["delete"])
+                  ],
+                  onClick: vue.withModifiers(_ctx.toggleMenu, ["stop"])
+                }, null, 46, ["id", "onUpdate:modelValue", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name", "onInput", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown", "onClick"]), [
+                  [vue.vModelText, _ctx.states.inputValue]
+                ]),
+                _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  ref: "calculatorRef",
+                  "aria-hidden": "true",
+                  class: vue.normalizeClass(_ctx.nsSelect.e("input-calculator")),
+                  textContent: vue.toDisplayString(_ctx.states.inputValue)
+                }, null, 10, ["textContent"])) : vue.createCommentVNode("v-if", true)
+              ], 2),
+              _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: vue.normalizeClass([
+                  _ctx.nsSelect.e("selected-item"),
+                  _ctx.nsSelect.e("placeholder"),
+                  _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
+                ])
+              }, [
+                _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
+                  key: 0,
+                  label: _ctx.currentPlaceholder,
+                  value: _ctx.modelValue
+                }, () => [
+                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                ]) : (vue.openBlock(), vue.createElementBlock("span", { key: 1 }, vue.toDisplayString(_ctx.currentPlaceholder), 1))
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 2),
+            vue.createElementVNode("div", {
+              ref: "suffixRef",
+              class: vue.normalizeClass(_ctx.nsSelect.e("suffix"))
+            }, [
+              _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
+                key: 0,
+                class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsInput.e("icon"), _ctx.iconReverse])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+                ]),
+                _: 1
+              }, 8, ["class"])), [
+                [vue.vShow, !_ctx.showClearBtn]
+              ]) : vue.createCommentVNode("v-if", true),
+              _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                key: 1,
+                class: vue.normalizeClass([
+                  _ctx.nsSelect.e("caret"),
+                  _ctx.nsInput.e("icon"),
+                  _ctx.nsSelect.e("clear")
+                ]),
+                onClick: vue.withModifiers(_ctx.handleClear, ["prevent", "stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
+              _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                key: 2,
+                class: vue.normalizeClass([
+                  _ctx.nsInput.e("icon"),
+                  _ctx.nsInput.e("validateIcon"),
+                  _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                ])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ], 2)
+          ], 10, ["onClick"])
+        ]),
+        content: vue.withCtx(() => [
+          vue.createVNode(_component_el_select_menu, {
+            ref: "menuRef",
+            data: _ctx.filteredOptions,
+            width: _ctx.popperSize,
+            "hovering-index": _ctx.states.hoveringIndex,
+            "scrollbar-always-on": _ctx.scrollbarAlwaysOn
+          }, vue.createSlots({
+            default: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
+            ]),
+            _: 2
+          }, [
+            _ctx.$slots.header ? {
+              name: "header",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "header")
+                ], 2)
+              ])
+            } : void 0,
+            _ctx.$slots.loading && _ctx.loading ? {
+              name: "loading",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "loading"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "loading")
+                ], 2)
+              ])
+            } : _ctx.loading || _ctx.filteredOptions.length === 0 ? {
+              name: "empty",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
+                }, [
+                  vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(_ctx.emptyText), 1)
+                  ])
+                ], 2)
+              ])
+            } : void 0,
+            _ctx.$slots.footer ? {
+              name: "footer",
+              fn: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+                }, [
+                  vue.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__ */ vue.createElementVNode("span", { class: "caret" }, null, -1);
+  const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
+  const _hoisted_5$3 = ["onClick"];
+  const _hoisted_6$3 = { class: "submenu" };
+  const _hoisted_7$3 = ["onClick"];
+  const __default__$b = vue.defineComponent({
+    name: "HzztDropDown"
+  });
+  const _sfc_main$c = /* @__PURE__ */ vue.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 = vue.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 vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
+          class: "hzzt-dropdown",
+          onClick: vue.withModifiers(dropToggle, ["stop"])
+        }, [
+          vue.createElementVNode("li", {
+            class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
+          }, [
+            vue.createElementVNode("span", _hoisted_2$9, vue.toDisplayString(__props.label), 1),
+            _hoisted_3$6,
+            vue.createElementVNode("ul", _hoisted_4$5, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                  vue.unref(isEmpty)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
+                    key: index,
+                    class: vue.normalizeClass({
+                      "hzzt-dropdown-menu-item": true,
+                      selected: __props.defaultValue.includes(option[__props.props.value])
+                    })
+                  }, [
+                    vue.createElementVNode("a", {
+                      class: "hzzt-dropdown-menu-item-label",
+                      onClick: ($event) => selectValue([option[__props.props.value]])
+                    }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5$3)
+                  ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
+                    key: index + "submenu",
+                    class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
+                  }, [
+                    vue.createElementVNode("a", _hoisted_6$3, vue.toDisplayString(option[__props.props.label]), 1),
+                    vue.createElementVNode("ul", {
+                      class: vue.normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
+                    }, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(option.children, (child, cIndex) => {
+                        return vue.openBlock(), vue.createElementBlock("li", {
+                          key: cIndex,
+                          class: vue.normalizeClass({
+                            "hzzt-dropdown-menu-item": true,
+                            selected: __props.defaultValue.includes(child[__props.props.value])
+                          })
+                        }, [
+                          vue.createElementVNode("a", {
+                            class: "hzzt-dropdown-menu-item-label",
+                            onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]])
+                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7$3)
+                        ], 2);
+                      }), 128))
+                    ], 2)
+                  ])),
+                  option.divider ? (vue.openBlock(), vue.createElementBlock("li", {
+                    key: index + "divider",
+                    class: "divider"
+                  })) : vue.createCommentVNode("v-if", true)
+                ], 64);
+              }), 256))
+            ])
+          ], 2)
+        ], 8, _hoisted_1$a)), [
+          [vue.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__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
+  const _hoisted_5$2 = { class: "hzzt-collapse-title" };
+  const _hoisted_6$2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
+  const _hoisted_7$2 = {
+    key: 0,
+    class: "hzzt-collapse-text"
+  };
+  const __default__$a = vue.defineComponent({
+    name: "HzztCollapse"
+  });
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
+    props: {
+      defaultActive: {
+        type: Boolean,
+        default: false
+      },
+      title: {
+        type: String,
         default: ""
       },
       expand: {
@@ -20705,7 +23428,7 @@
             onClick: toggle
           }, [
             vue.createElementVNode("div", _hoisted_2$8, [
-              vue.createElementVNode("div", _hoisted_3$6, [
+              vue.createElementVNode("div", _hoisted_3$5, [
                 _hoisted_4$4,
                 vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(__props.title), 1)
               ]),
@@ -20719,7 +23442,7 @@
       };
     }
   });
-  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);
 
@@ -20749,11 +23472,11 @@
       };
     }
   });
-  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 = {
@@ -20804,7 +23527,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
           vue.createElementVNode("div", _hoisted_2$7, [
-            vue.createElementVNode("div", _hoisted_3$5, [
+            vue.createElementVNode("div", _hoisted_3$4, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(customTabList), (tab, index) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: tab.key,
@@ -20836,7 +23559,7 @@
       };
     }
   });
-  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);
 
@@ -20854,7 +23577,7 @@
 
   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 = vue.defineComponent({
     name: "HzztPagination"
@@ -20892,7 +23615,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
           vue.createElementVNode("p", _hoisted_2$6, vue.toDisplayString(vue.unref(t)("hzzt.pagination.total")) + vue.toDisplayString(__props.pagination.total) + vue.toDisplayString(vue.unref(t)("hzzt.pagination.strip")), 1),
-          vue.createElementVNode("div", _hoisted_3$4, [
+          vue.createElementVNode("div", _hoisted_3$3, [
             vue.renderSlot(_ctx.$slots, "right"),
             vue.createVNode(HzztIcon$1, {
               class: vue.normalizeClass(["hzzt-pagination-arrow", { active: __props.pagination.current_page > 1 }]),
@@ -20910,13 +23633,13 @@
       };
     }
   });
-  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 = vue.defineComponent({
     name: "HzztTooltip"
   });
@@ -20937,7 +23660,7 @@
             content: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "content", {}, () => [
                 vue.createElementVNode("div", _hoisted_2$5, [
-                  vue.createElementVNode("pre", _hoisted_3$3, vue.toDisplayString(__props.content), 1)
+                  vue.createElementVNode("pre", _hoisted_3$2, vue.toDisplayString(__props.content), 1)
                 ])
               ])
             ]),
@@ -20955,7 +23678,7 @@
       };
     }
   });
-  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);
 
@@ -20967,7 +23690,7 @@
     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"
@@ -21039,7 +23762,7 @@
             key: 2,
             class: vue.normalizeClass([vue.unref(ns).e("option"), "flex align-items-center"])
           }, [
-            vue.createElementVNode("span", _hoisted_3$2, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.per_page")), 1),
+            vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString(vue.unref(t)("hzzt.pageSize.per_page")), 1),
             vue.createVNode(vue.unref(ElSelect), {
               modelValue: sizeValue.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sizeValue.value = $event),
@@ -21103,7 +23826,7 @@
       };
     }
   });
-  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);
 
@@ -21171,7 +23894,7 @@
       };
     }
   });
-  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);
 
@@ -21250,7 +23973,7 @@
       };
     }
   });
-  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);
 
@@ -21493,7 +24216,7 @@
 
   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" }
   };
@@ -21692,7 +24415,7 @@
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$3, [
               vue.createElementVNode("div", _hoisted_2$3, [
-                vue.createElementVNode("div", _hoisted_3$1, [
+                vue.createElementVNode("div", _hoisted_3, [
                   vue.createElementVNode("button", {
                     type: "button",
                     "aria-label": vue.unref(t)(`hzzt.quarterpicker.prevYear`),
@@ -21752,7 +24475,7 @@
       };
     }
   });
-  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);
 
@@ -21916,7 +24639,7 @@
       };
     }
   });
-  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);
 
@@ -22037,7 +24760,7 @@
             class: vue.normalizeClass(vue.unref(inputContainerCls))
           }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createVNode(Title, { label: _ctx.label }, null, 8, ["label"])
+              vue.createVNode(HzztTitle$1, { label: _ctx.label }, null, 8, ["label"])
             ]),
             vue.createVNode(vue.unref(ElInput), vue.mergeProps({
               ref: "inputRef",
@@ -22075,56 +24798,129 @@
       };
     }
   });
-  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__ = vue.defineComponent({
-    name: "HzztTitle"
+    name: "HzztSelectTextarea"
   });
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     ...__default__,
-    props: titleProps,
-    setup(__props) {
+    props: selectTextareaProps,
+    emits: selectTextareaEmits,
+    setup(__props, { emit }) {
       const props = __props;
-      const slots = vue.useSlots();
-      const showLabel = vue.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 = vue.ref(props.modelValue);
+      const selectValue = vue.ref("");
+      const inputRef = vue.ref();
+      const nsInput = useNamespace$1("select-textarea");
+      const formSize = useFormSize();
+      const formDisabled = useFormDisabled();
+      const trueSize = vue.computed(() => props.size || formSize.value || useGlobalSize$1().value);
+      const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
+      const containerCls = vue.computed(() => [
+        nsInput.b(),
+        nsInput.m(trueSize.value)
+      ]);
+      const _inputProps = vue.computed(() => ({
+        disabled: trueDisabled.value,
+        clearable: true,
+        ...props.inputProps,
+        type: "textarea"
+      }));
+      vue.watch(() => props.modelValue, (v) => {
+        inputVal.value = v;
       });
+      function input(val) {
+        emit("update:modelValue", val);
+        emit("input", val);
+      }
+      function change(val) {
+        emit("change", val);
+      }
+      function 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 vue.unref(showLabel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          _ctx.sideline ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("v-if", true),
-          vue.renderSlot(_ctx.$slots, "before"),
-          vue.createElementVNode("label", _hoisted_3, [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-            ])
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(containerCls))
+        }, [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createVNode(HzztTitle$1, {
+                  class: "margin-l-1",
+                  label: _ctx.label
+                }, null, 8, ["label"])
+              ]),
+              !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createBlock(vue.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"])) : vue.createCommentVNode("v-if", true),
+              vue.renderSlot(_ctx.$slots, "right")
+            ]),
+            vue.createVNode(vue.unref(ElInput), vue.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)
+            }, vue.unref(_inputProps), {
+              onInput: input,
+              onChange: change
+            }), null, 16, ["modelValue"])
           ])
-        ])) : vue.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,
@@ -22140,7 +24936,8 @@
     HzztCheckButton,
     HzztQuarterPicker,
     HzztScan,
-    HzztSelectInput
+    HzztSelectInput,
+    HzztSelectTextarea
   ];
 
   var Plugins = [];
@@ -22369,6 +25166,7 @@
   exports.HzztQuarterPicker = HzztQuarterPicker;
   exports.HzztScan = HzztScan;
   exports.HzztSelectInput = HzztSelectInput;
+  exports.HzztSelectTextarea = HzztSelectTextarea;
   exports.HzztTab = HzztTab;
   exports.HzztTitle = HzztTitle;
   exports.HzztTooltip = HzztTooltip;
@@ -22386,6 +25184,7 @@
   exports.datePickTypes = datePickTypes;
   exports["default"] = installer;
   exports.defaultNamespace = defaultNamespace$1;
+  exports.insertCursorPosition = insertCursorPosition;
   exports.install = install;
   exports.localeContextKey = localeContextKey$1;
   exports.makeInstaller = makeInstaller;
@@ -22396,6 +25195,8 @@
   exports.scanProps = scanProps;
   exports.selectInputEmits = selectInputEmits;
   exports.selectInputProps = selectInputProps;
+  exports.selectTextareaEmits = selectTextareaEmits;
+  exports.selectTextareaProps = selectTextareaProps;
   exports.titleProps = titleProps;
   exports.translate = translate$1;
   exports.useGetDerivedNamespace = useGetDerivedNamespace$1;