hzzt-plus 1.0.3 → 1.0.5

package/dist/index.full.js

@@ -165,6 +165,27 @@
   _global[globalKey] = _global[globalKey] || {};
   _global[globalKey];
 
+  function useCssVar(prop, target, { window = defaultWindow, initialValue = "" } = {}) {
+    const variable = vue.ref(initialValue);
+    const elRef = vue.computed(() => {
+      var _a;
+      return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
+    });
+    vue.watch([elRef, () => resolveUnref(prop)], ([el, prop2]) => {
+      var _a;
+      if (el && window) {
+        const value = (_a = window.getComputedStyle(el).getPropertyValue(prop2)) == null ? void 0 : _a.trim();
+        variable.value = value || initialValue;
+      }
+    }, { immediate: true });
+    vue.watch(variable, (val) => {
+      var _a;
+      if ((_a = elRef.value) == null ? void 0 : _a.style)
+        elRef.value.style.setProperty(resolveUnref(prop), val);
+    });
+    return variable;
+  }
+
   var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
   var __hasOwnProp$f = Object.prototype.hasOwnProperty;
   var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
@@ -314,9 +335,20 @@
   const isFunction$1 = (val) => typeof val === "function";
   const isString$1 = (val) => typeof val === "string";
   const isObject$1 = (val) => val !== null && typeof val === "object";
+  const isPromise = (val) => {
+    return isObject$1(val) && isFunction$1(val.then) && isFunction$1(val.catch);
+  };
   const objectToString$1 = Object.prototype.toString;
   const toTypeString = (value) => objectToString$1.call(value);
   const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
+  const cacheStringFunction = (fn) => {
+    const cache = /* @__PURE__ */ Object.create(null);
+    return (str) => {
+      const hit = cache[str];
+      return hit || (cache[str] = fn(str));
+    };
+  };
+  const capitalize$2 = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
 
   var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -1986,7 +2018,7 @@
 
   var upperFirst = createCaseFirst("toUpperCase");
 
-  function capitalize(string) {
+  function capitalize$1(string) {
     return upperFirst(toString(string).toLowerCase());
   }
 
@@ -2295,10 +2327,10 @@
 
   var camelCase = createCompounder(function(result, word, index) {
     word = word.toLowerCase();
-    return result + (index ? capitalize(word) : word);
+    return result + (index ? capitalize$1(word) : word);
   });
 
-  function castArray() {
+  function castArray$1() {
     if (!arguments.length) {
       return [];
     }
@@ -4313,7 +4345,7 @@
   var setTag$2 = "[object Set]";
   var objectProto$3 = Object.prototype;
   var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-  function isEmpty$1(value) {
+  function isEmpty$2(value) {
     if (value == null) {
       return true;
     }
@@ -6327,7 +6359,7 @@
   };
 
   var lang = {
-    castArray,
+    castArray: castArray$1,
     clone,
     cloneDeep,
     cloneDeepWith,
@@ -6345,7 +6377,7 @@
     isBuffer,
     isDate,
     isElement: isElement$1,
-    isEmpty: isEmpty$1,
+    isEmpty: isEmpty$2,
     isEqual: isEqual$1,
     isEqualWith,
     isError,
@@ -6478,7 +6510,7 @@
 
   var string = {
     camelCase,
-    capitalize,
+    capitalize: capitalize$1,
     deburr,
     endsWith,
     escape,
@@ -7130,7 +7162,7 @@
 
   const isBoolean$1 = (val) => typeof val === "boolean";
   const isNumber$1 = (val) => typeof val === "number";
-  const isEmpty = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
+  const isEmpty$1 = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
 
   const keysOf = (arr) => Object.keys(arr);
 
@@ -12975,11 +13007,11 @@
     class: "decorative-line"
   };
   const _hoisted_3$7 = { class: "label-name" };
-  const __default__$t = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: "HzztTitle"
   });
-  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+  const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$C,
     props: titleProps,
     setup(__props) {
       const props = __props;
@@ -13001,7 +13033,7 @@
       };
     }
   });
-  var HzztTitle$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__file", "title.vue"]]);
+  var HzztTitle$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__file", "title.vue"]]);
 
   const HzztTitle = withInstall$1(HzztTitle$1);
 
@@ -13083,11 +13115,13 @@
   const isUndefined = (val) => val === void 0;
   const isBoolean = (val) => typeof val === "boolean";
   const isNumber = (val) => typeof val === "number";
+  const isEmpty = (val) => !val && val !== 0 || isArray$1(val) && val.length === 0 || isObject$1(val) && !Object.keys(val).length;
   const isElement = (e) => {
     if (typeof Element === "undefined")
       return false;
     return e instanceof Element;
   };
+  const isPropAbsent = (prop) => isNil(prop);
   const isStringNumber = (val) => {
     if (!isString$1(val)) {
       return false;
@@ -13522,12 +13556,12 @@
     }
   });
 
-  const __default__$s = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+  const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$B,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -13551,7 +13585,7 @@
       };
     }
   });
-  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "icon.vue"]]);
+  var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "icon.vue"]]);
 
   const ElIcon = withInstall(Icon);
 
@@ -13989,12 +14023,12 @@
     return [recordCursor, setCursor];
   }
 
-  const __default__$r = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+  const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$A,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14399,7 +14433,7 @@
       };
     }
   });
-  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "input.vue"]]);
+  var Input = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "input.vue"]]);
 
   const ElInput = withInstall(Input);
 
@@ -14448,8 +14482,8 @@
     always: Boolean
   });
 
-  const COMPONENT_NAME$2 = "Thumb";
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  const COMPONENT_NAME$3 = "Thumb";
+  const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     __name: "thumb",
     props: thumbProps,
     setup(__props) {
@@ -14457,7 +14491,7 @@
       const scrollbar = vue.inject(scrollbarContextKey);
       const ns = useNamespace("scrollbar");
       if (!scrollbar)
-        throwError(COMPONENT_NAME$2, "can not inject scrollbar context");
+        throwError(COMPONENT_NAME$3, "can not inject scrollbar context");
       const instance = vue.ref();
       const thumb = vue.ref();
       const thumbState = vue.ref({});
@@ -14568,7 +14602,7 @@
       };
     }
   });
-  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "thumb.vue"]]);
+  var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "thumb.vue"]]);
 
   const barProps = buildProps({
     always: {
@@ -14581,7 +14615,7 @@
     }
   });
 
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     __name: "bar",
     props: barProps,
     setup(__props, { expose }) {
@@ -14639,7 +14673,7 @@
       };
     }
   });
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "bar.vue"]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "bar.vue"]]);
 
   const scrollbarProps = buildProps({
     height: {
@@ -14695,12 +14729,12 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const COMPONENT_NAME$1 = "ElScrollbar";
-  const __default__$q = vue.defineComponent({
-    name: COMPONENT_NAME$1
+  const COMPONENT_NAME$2 = "ElScrollbar";
+  const __default__$z = vue.defineComponent({
+    name: COMPONENT_NAME$2
   });
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+  const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$z,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14852,7 +14886,7 @@
       };
     }
   });
-  var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "scrollbar.vue"]]);
+  var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "scrollbar.vue"]]);
 
   const ElScrollbar = withInstall(Scrollbar);
 
@@ -14877,12 +14911,12 @@
     }
   });
 
-  const __default__$p = vue.defineComponent({
+  const __default__$y = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+  const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$y,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14905,7 +14939,7 @@
       };
     }
   });
-  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "popper.vue"]]);
+  var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "popper.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -14914,12 +14948,12 @@
     }
   });
 
-  const __default__$o = vue.defineComponent({
+  const __default__$x = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$x,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14945,7 +14979,7 @@
       };
     }
   });
-  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "arrow.vue"]]);
+  var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "arrow.vue"]]);
 
   const popperTriggerProps = buildProps({
     virtualRef: {
@@ -15024,6 +15058,21 @@
       }
     }
   };
+  const isLeaf = (el) => !el.getAttribute("aria-owns");
+  const getSibling = (el, distance, elClass) => {
+    const { parentNode } = el;
+    if (!parentNode)
+      return null;
+    const siblings = parentNode.querySelectorAll(elClass);
+    const index = Array.prototype.indexOf.call(siblings, el);
+    return siblings[index + distance] || null;
+  };
+  const focusNode = (el) => {
+    if (!el)
+      return;
+    el.focus();
+    !isLeaf(el) && el.click();
+  };
 
   const NAME = "ElOnlyChild";
   const OnlyChild = vue.defineComponent({
@@ -15080,12 +15129,12 @@
     }, [s]);
   }
 
-  const __default__$n = vue.defineComponent({
+  const __default__$w = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$w,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15196,7 +15245,7 @@
       };
     }
   });
-  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "trigger.vue"]]);
+  var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "trigger.vue"]]);
 
   const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
   const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15395,7 +15444,7 @@
     });
   };
 
-  const _sfc_main$y = vue.defineComponent({
+  const _sfc_main$K = vue.defineComponent({
     name: "ElFocusTrap",
     inheritAttrs: false,
     props: {
@@ -15637,10 +15686,10 @@
       };
     }
   });
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$9], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$c], ["__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});
 
@@ -16019,11 +16068,11 @@
     };
   };
 
-  const __default__$m = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "ElPopperContent"
   });
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$v,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -16139,7 +16188,7 @@
       };
     }
   });
-  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "content.vue"]]);
+  var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "content.vue"]]);
 
   const ElPopper = withInstall(Popper);
 
@@ -16417,11 +16466,11 @@
     return handleEvent;
   };
 
-  const __default__$l = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$u,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16480,7 +16529,7 @@
       };
     }
   });
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "trigger.vue"]]);
 
   const teleportProps = buildProps({
     to: {
@@ -16490,7 +16539,7 @@
     disabled: Boolean
   });
 
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     __name: "teleport",
     props: teleportProps,
     setup(__props) {
@@ -16504,7 +16553,7 @@
       };
     }
   });
-  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "teleport.vue"]]);
+  var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "teleport.vue"]]);
 
   const ElTeleport = withInstall(Teleport);
 
@@ -16541,12 +16590,12 @@
     };
   };
 
-  const __default__$k = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$t,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16717,13 +16766,13 @@
       };
     }
   });
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "content.vue"]]);
 
-  const __default__$j = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: "ElTooltip"
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$s,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16873,7 +16922,7 @@
       };
     }
   });
-  var Tooltip$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "tooltip.vue"]]);
+  var Tooltip$1 = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip$1);
 
@@ -17947,11 +17996,11 @@
     });
   }
 
-  const __default__$i = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "ElButton"
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$r,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18017,18 +18066,18 @@
       };
     }
   });
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "button.vue"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "button.vue"]]);
 
   const buttonGroupProps = {
     size: buttonProps.size,
     type: buttonProps.type
   };
 
-  const __default__$h = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElButtonGroup"
   });
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$q,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18046,7 +18095,7 @@
       };
     }
   });
-  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "button-group.vue"]]);
+  var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__file", "button-group.vue"]]);
 
   const ElButton = withInstall(Button, {
     ButtonGroup
@@ -18055,84 +18104,1837 @@
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-  const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
-
-  const tagProps = buildProps({
-    type: {
-      type: String,
-      values: ["primary", "success", "info", "warning", "danger"],
-      default: "primary"
+  const checkboxProps = {
+    modelValue: {
+      type: [Number, String, Boolean],
+      default: void 0
     },
-    closable: Boolean,
-    disableTransitions: Boolean,
-    hit: Boolean,
-    color: String,
-    size: {
+    label: {
+      type: [String, Boolean, Number, Object],
+      default: void 0
+    },
+    value: {
+      type: [String, Boolean, Number, Object],
+      default: void 0
+    },
+    indeterminate: Boolean,
+    disabled: Boolean,
+    checked: Boolean,
+    name: {
       type: String,
-      values: componentSizes
+      default: void 0
     },
-    effect: {
+    trueValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    falseValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    trueLabel: {
+      type: [String, Number],
+      default: void 0
+    },
+    falseLabel: {
+      type: [String, Number],
+      default: void 0
+    },
+    id: {
       type: String,
-      values: ["dark", "light", "plain"],
-      default: "light"
+      default: void 0
     },
-    round: Boolean
-  });
-  const tagEmits = {
-    close: (evt) => evt instanceof MouseEvent,
-    click: (evt) => evt instanceof MouseEvent
+    border: Boolean,
+    size: useSizeProp,
+    tabindex: [String, Number],
+    validateEvent: {
+      type: Boolean,
+      default: true
+    },
+    ...useAriaProps(["ariaControls"])
+  };
+  const checkboxEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
+    change: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
   };
 
-  const __default__$g = vue.defineComponent({
-    name: "ElTag"
+  const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
+
+  const useCheckboxDisabled = ({
+    model,
+    isChecked
+  }) => {
+    const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
+    const isLimitDisabled = vue.computed(() => {
+      var _a, _b;
+      const max = (_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value;
+      const min = (_b = checkboxGroup == null ? void 0 : checkboxGroup.min) == null ? void 0 : _b.value;
+      return !isUndefined(max) && model.value.length >= max && !isChecked.value || !isUndefined(min) && model.value.length <= min && isChecked.value;
+    });
+    const isDisabled = useFormDisabled(vue.computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.disabled.value) || isLimitDisabled.value));
+    return {
+      isDisabled,
+      isLimitDisabled
+    };
+  };
+
+  const useCheckboxEvent = (props, {
+    model,
+    isLimitExceeded,
+    hasOwnLabel,
+    isDisabled,
+    isLabeledByFormItem
+  }) => {
+    const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
+    const { formItem } = useFormItem();
+    const { emit } = vue.getCurrentInstance();
+    function getLabeledValue(value) {
+      var _a, _b, _c, _d;
+      return [true, props.trueValue, props.trueLabel].includes(value) ? (_b = (_a = props.trueValue) != null ? _a : props.trueLabel) != null ? _b : true : (_d = (_c = props.falseValue) != null ? _c : props.falseLabel) != null ? _d : false;
+    }
+    function emitChangeEvent(checked, e) {
+      emit("change", getLabeledValue(checked), e);
+    }
+    function handleChange(e) {
+      if (isLimitExceeded.value)
+        return;
+      const target = e.target;
+      emit("change", getLabeledValue(target.checked), e);
+    }
+    async function onClickRoot(e) {
+      if (isLimitExceeded.value)
+        return;
+      if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
+        const eventTargets = e.composedPath();
+        const hasLabel = eventTargets.some((item) => item.tagName === "LABEL");
+        if (!hasLabel) {
+          model.value = getLabeledValue([false, props.falseValue, props.falseLabel].includes(model.value));
+          await vue.nextTick();
+          emitChangeEvent(model.value, e);
+        }
+      }
+    }
+    const validateEvent = vue.computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
+    vue.watch(() => props.modelValue, () => {
+      if (validateEvent.value) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+      }
+    });
+    return {
+      handleChange,
+      onClickRoot
+    };
+  };
+
+  const useCheckboxModel = (props) => {
+    const selfModel = vue.ref(false);
+    const { emit } = vue.getCurrentInstance();
+    const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
+    const isGroup = vue.computed(() => isUndefined(checkboxGroup) === false);
+    const isLimitExceeded = vue.ref(false);
+    const model = vue.computed({
+      get() {
+        var _a, _b;
+        return isGroup.value ? (_a = checkboxGroup == null ? void 0 : checkboxGroup.modelValue) == null ? void 0 : _a.value : (_b = props.modelValue) != null ? _b : selfModel.value;
+      },
+      set(val) {
+        var _a, _b;
+        if (isGroup.value && isArray$1(val)) {
+          isLimitExceeded.value = ((_a = checkboxGroup == null ? void 0 : checkboxGroup.max) == null ? void 0 : _a.value) !== void 0 && val.length > (checkboxGroup == null ? void 0 : checkboxGroup.max.value) && val.length > model.value.length;
+          isLimitExceeded.value === false && ((_b = checkboxGroup == null ? void 0 : checkboxGroup.changeEvent) == null ? void 0 : _b.call(checkboxGroup, val));
+        } else {
+          emit(UPDATE_MODEL_EVENT, val);
+          selfModel.value = val;
+        }
+      }
+    });
+    return {
+      model,
+      isGroup,
+      isLimitExceeded
+    };
+  };
+
+  const useCheckboxStatus = (props, slots, { model }) => {
+    const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
+    const isFocused = vue.ref(false);
+    const actualValue = vue.computed(() => {
+      if (!isPropAbsent(props.value)) {
+        return props.value;
+      }
+      return props.label;
+    });
+    const isChecked = vue.computed(() => {
+      const value = model.value;
+      if (isBoolean(value)) {
+        return value;
+      } else if (isArray$1(value)) {
+        if (isObject$1(actualValue.value)) {
+          return value.map(vue.toRaw).some((o) => isEqual$1(o, actualValue.value));
+        } else {
+          return value.map(vue.toRaw).includes(actualValue.value);
+        }
+      } else if (value !== null && value !== void 0) {
+        return value === props.trueValue || value === props.trueLabel;
+      } else {
+        return !!value;
+      }
+    });
+    const checkboxButtonSize = useFormSize(vue.computed(() => {
+      var _a;
+      return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
+    }), {
+      prop: true
+    });
+    const checkboxSize = useFormSize(vue.computed(() => {
+      var _a;
+      return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
+    }));
+    const hasOwnLabel = vue.computed(() => {
+      return !!slots.default || !isPropAbsent(actualValue.value);
+    });
+    return {
+      checkboxButtonSize,
+      isChecked,
+      isFocused,
+      checkboxSize,
+      hasOwnLabel,
+      actualValue
+    };
+  };
+
+  const useCheckbox = (props, slots) => {
+    const { formItem: elFormItem } = useFormItem();
+    const { model, isGroup, isLimitExceeded } = useCheckboxModel(props);
+    const {
+      isFocused,
+      isChecked,
+      checkboxButtonSize,
+      checkboxSize,
+      hasOwnLabel,
+      actualValue
+    } = useCheckboxStatus(props, slots, { model });
+    const { isDisabled } = useCheckboxDisabled({ model, isChecked });
+    const { inputId, isLabeledByFormItem } = useFormItemInputId(props, {
+      formItemContext: elFormItem,
+      disableIdGeneration: hasOwnLabel,
+      disableIdManagement: isGroup
+    });
+    const { handleChange, onClickRoot } = useCheckboxEvent(props, {
+      model,
+      isLimitExceeded,
+      hasOwnLabel,
+      isDisabled,
+      isLabeledByFormItem
+    });
+    const setStoreValue = () => {
+      function addToStore() {
+        var _a, _b;
+        if (isArray$1(model.value) && !model.value.includes(actualValue.value)) {
+          model.value.push(actualValue.value);
+        } else {
+          model.value = (_b = (_a = props.trueValue) != null ? _a : props.trueLabel) != null ? _b : true;
+        }
+      }
+      props.checked && addToStore();
+    };
+    setStoreValue();
+    useDeprecated({
+      from: "label act as value",
+      replacement: "value",
+      version: "3.0.0",
+      scope: "el-checkbox",
+      ref: "https://element-plus.org/en-US/component/checkbox.html"
+    }, vue.computed(() => isGroup.value && isPropAbsent(props.value)));
+    useDeprecated({
+      from: "true-label",
+      replacement: "true-value",
+      version: "3.0.0",
+      scope: "el-checkbox",
+      ref: "https://element-plus.org/en-US/component/checkbox.html"
+    }, vue.computed(() => !!props.trueLabel));
+    useDeprecated({
+      from: "false-label",
+      replacement: "false-value",
+      version: "3.0.0",
+      scope: "el-checkbox",
+      ref: "https://element-plus.org/en-US/component/checkbox.html"
+    }, vue.computed(() => !!props.falseLabel));
+    return {
+      inputId,
+      isLabeledByFormItem,
+      isChecked,
+      isDisabled,
+      isFocused,
+      checkboxButtonSize,
+      checkboxSize,
+      hasOwnLabel,
+      model,
+      actualValue,
+      handleChange,
+      onClickRoot
+    };
+  };
+
+  const __default__$p = vue.defineComponent({
+    name: "ElCheckbox"
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
-    props: tagProps,
-    emits: tagEmits,
-    setup(__props, { emit }) {
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
+    props: checkboxProps,
+    emits: checkboxEmits,
+    setup(__props) {
       const props = __props;
-      const tagSize = useFormSize();
-      const ns = useNamespace("tag");
-      const containerKls = vue.computed(() => {
-        const { type, hit, effect, closable, round } = props;
+      const slots = vue.useSlots();
+      const {
+        inputId,
+        isLabeledByFormItem,
+        isChecked,
+        isDisabled,
+        isFocused,
+        checkboxSize,
+        hasOwnLabel,
+        model,
+        actualValue,
+        handleChange,
+        onClickRoot
+      } = useCheckbox(props, slots);
+      const ns = useNamespace("checkbox");
+      const compKls = vue.computed(() => {
         return [
           ns.b(),
-          ns.is("closable", closable),
-          ns.m(type || "primary"),
-          ns.m(tagSize.value),
-          ns.m(effect),
-          ns.is("hit", hit),
-          ns.is("round", round)
+          ns.m(checkboxSize.value),
+          ns.is("disabled", isDisabled.value),
+          ns.is("bordered", props.border),
+          ns.is("checked", isChecked.value)
+        ];
+      });
+      const spanKls = vue.computed(() => {
+        return [
+          ns.e("input"),
+          ns.is("disabled", isDisabled.value),
+          ns.is("checked", isChecked.value),
+          ns.is("indeterminate", props.indeterminate),
+          ns.is("focus", isFocused.value)
         ];
       });
-      const handleClose = (event) => {
-        emit("close", event);
-      };
-      const handleClick = (event) => {
-        emit("click", event);
-      };
-      const handleVNodeMounted = (vnode) => {
-        var _a, _b, _c;
-        if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
-          vnode.component.subTree.component.bum = null;
-        }
-      };
       return (_ctx, _cache) => {
-        return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(containerKls)),
-          style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
-          onClick: handleClick
-        }, [
-          vue.createElementVNode("span", {
-            class: vue.normalizeClass(vue.unref(ns).e("content"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 2),
-          _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(ns).e("close")),
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!vue.unref(hasOwnLabel) && vue.unref(isLabeledByFormItem) ? "span" : "label"), {
+          class: vue.normalizeClass(vue.unref(compKls)),
+          "aria-controls": _ctx.indeterminate ? _ctx.ariaControls : null,
+          onClick: vue.unref(onClickRoot)
+        }, {
+          default: vue.withCtx(() => {
+            var _a, _b, _c, _d;
+            return [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(spanKls))
+              }, [
+                _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  key: 0,
+                  id: vue.unref(inputId),
+                  "onUpdate:modelValue": ($event) => vue.isRef(model) ? model.value = $event : null,
+                  class: vue.normalizeClass(vue.unref(ns).e("original")),
+                  type: "checkbox",
+                  indeterminate: _ctx.indeterminate,
+                  name: _ctx.name,
+                  tabindex: _ctx.tabindex,
+                  disabled: vue.unref(isDisabled),
+                  "true-value": (_b = (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel) != null ? _b : true,
+                  "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
+                  onChange: vue.unref(handleChange),
+                  onFocus: ($event) => isFocused.value = true,
+                  onBlur: ($event) => isFocused.value = false,
+                  onClick: vue.withModifiers(() => {
+                  }, ["stop"])
+                }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+                  [vue.vModelCheckbox, vue.unref(model)]
+                ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  key: 1,
+                  id: vue.unref(inputId),
+                  "onUpdate:modelValue": ($event) => vue.isRef(model) ? model.value = $event : null,
+                  class: vue.normalizeClass(vue.unref(ns).e("original")),
+                  type: "checkbox",
+                  indeterminate: _ctx.indeterminate,
+                  disabled: vue.unref(isDisabled),
+                  value: vue.unref(actualValue),
+                  name: _ctx.name,
+                  tabindex: _ctx.tabindex,
+                  onChange: vue.unref(handleChange),
+                  onFocus: ($event) => isFocused.value = true,
+                  onBlur: ($event) => isFocused.value = false,
+                  onClick: vue.withModifiers(() => {
+                  }, ["stop"])
+                }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "disabled", "value", "name", "tabindex", "onChange", "onFocus", "onBlur", "onClick"])), [
+                  [vue.vModelCheckbox, vue.unref(model)]
+                ]),
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(ns).e("inner"))
+                }, null, 2)
+              ], 2),
+              vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("label"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default"),
+                !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+                ], 64)) : vue.createCommentVNode("v-if", true)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ];
+          }),
+          _: 3
+        }, 8, ["class", "aria-controls", "onClick"]);
+      };
+    }
+  });
+  var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "checkbox.vue"]]);
+
+  const __default__$o = vue.defineComponent({
+    name: "ElCheckboxButton"
+  });
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
+    props: checkboxProps,
+    emits: checkboxEmits,
+    setup(__props) {
+      const props = __props;
+      const slots = vue.useSlots();
+      const {
+        isFocused,
+        isChecked,
+        isDisabled,
+        checkboxButtonSize,
+        model,
+        actualValue,
+        handleChange
+      } = useCheckbox(props, slots);
+      const checkboxGroup = vue.inject(checkboxGroupContextKey, void 0);
+      const ns = useNamespace("checkbox");
+      const activeStyle = vue.computed(() => {
+        var _a, _b, _c, _d;
+        const fillValue = (_b = (_a = checkboxGroup == null ? void 0 : checkboxGroup.fill) == null ? void 0 : _a.value) != null ? _b : "";
+        return {
+          backgroundColor: fillValue,
+          borderColor: fillValue,
+          color: (_d = (_c = checkboxGroup == null ? void 0 : checkboxGroup.textColor) == null ? void 0 : _c.value) != null ? _d : "",
+          boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
+        };
+      });
+      const labelKls = vue.computed(() => {
+        return [
+          ns.b("button"),
+          ns.bm("button", checkboxButtonSize.value),
+          ns.is("disabled", isDisabled.value),
+          ns.is("checked", isChecked.value),
+          ns.is("focus", isFocused.value)
+        ];
+      });
+      return (_ctx, _cache) => {
+        var _a, _b, _c, _d;
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass(vue.unref(labelKls))
+        }, [
+          _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+            key: 0,
+            "onUpdate:modelValue": ($event) => vue.isRef(model) ? model.value = $event : null,
+            class: vue.normalizeClass(vue.unref(ns).be("button", "original")),
+            type: "checkbox",
+            name: _ctx.name,
+            tabindex: _ctx.tabindex,
+            disabled: vue.unref(isDisabled),
+            "true-value": (_b = (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel) != null ? _b : true,
+            "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
+            onChange: vue.unref(handleChange),
+            onFocus: ($event) => isFocused.value = true,
+            onBlur: ($event) => isFocused.value = false,
+            onClick: vue.withModifiers(() => {
+            }, ["stop"])
+          }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+            [vue.vModelCheckbox, vue.unref(model)]
+          ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+            key: 1,
+            "onUpdate:modelValue": ($event) => vue.isRef(model) ? model.value = $event : null,
+            class: vue.normalizeClass(vue.unref(ns).be("button", "original")),
+            type: "checkbox",
+            name: _ctx.name,
+            tabindex: _ctx.tabindex,
+            disabled: vue.unref(isDisabled),
+            value: vue.unref(actualValue),
+            onChange: vue.unref(handleChange),
+            onFocus: ($event) => isFocused.value = true,
+            onBlur: ($event) => isFocused.value = false,
+            onClick: vue.withModifiers(() => {
+            }, ["stop"])
+          }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "value", "onChange", "onFocus", "onBlur", "onClick"])), [
+            [vue.vModelCheckbox, vue.unref(model)]
+          ]),
+          _ctx.$slots.default || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 2,
+            class: vue.normalizeClass(vue.unref(ns).be("button", "inner")),
+            style: vue.normalizeStyle(vue.unref(isChecked) ? vue.unref(activeStyle) : void 0)
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ], 6)) : vue.createCommentVNode("v-if", true)
+        ], 2);
+      };
+    }
+  });
+  var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "checkbox-button.vue"]]);
+
+  const checkboxGroupProps = buildProps({
+    modelValue: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    disabled: Boolean,
+    min: Number,
+    max: Number,
+    size: useSizeProp,
+    fill: String,
+    textColor: String,
+    tag: {
+      type: String,
+      default: "div"
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    },
+    ...useAriaProps(["ariaLabel"])
+  });
+  const checkboxGroupEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => isArray$1(val),
+    change: (val) => isArray$1(val)
+  };
+
+  const __default__$n = vue.defineComponent({
+    name: "ElCheckboxGroup"
+  });
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
+    props: checkboxGroupProps,
+    emits: checkboxGroupEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const ns = useNamespace("checkbox");
+      const { formItem } = useFormItem();
+      const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
+        formItemContext: formItem
+      });
+      const changeEvent = async (value) => {
+        emit(UPDATE_MODEL_EVENT, value);
+        await vue.nextTick();
+        emit("change", value);
+      };
+      const modelValue = vue.computed({
+        get() {
+          return props.modelValue;
+        },
+        set(val) {
+          changeEvent(val);
+        }
+      });
+      vue.provide(checkboxGroupContextKey, {
+        ...pick(vue.toRefs(props), [
+          "size",
+          "min",
+          "max",
+          "disabled",
+          "validateEvent",
+          "fill",
+          "textColor"
+        ]),
+        modelValue,
+        changeEvent
+      });
+      vue.watch(() => props.modelValue, () => {
+        if (props.validateEvent) {
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+        }
+      });
+      return (_ctx, _cache) => {
+        var _a;
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+          id: vue.unref(groupId),
+          class: vue.normalizeClass(vue.unref(ns).b("group")),
+          role: "group",
+          "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "checkbox-group" : void 0,
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItem)) == null ? void 0 : _a.labelId : void 0
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
+      };
+    }
+  });
+  var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "checkbox-group.vue"]]);
+
+  const ElCheckbox = withInstall(Checkbox, {
+    CheckboxButton,
+    CheckboxGroup
+  });
+  withNoopInstall(CheckboxButton);
+  withNoopInstall(CheckboxGroup);
+
+  const radioPropsBase = buildProps({
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    size: useSizeProp,
+    disabled: Boolean,
+    label: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    value: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    name: {
+      type: String,
+      default: void 0
+    }
+  });
+  const radioProps = buildProps({
+    ...radioPropsBase,
+    border: Boolean
+  });
+  const radioEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
+    [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
+  };
+
+  const radioGroupKey = Symbol("radioGroupKey");
+
+  const useRadio = (props, emit) => {
+    const radioRef = vue.ref();
+    const radioGroup = vue.inject(radioGroupKey, void 0);
+    const isGroup = vue.computed(() => !!radioGroup);
+    const actualValue = vue.computed(() => {
+      if (!isPropAbsent(props.value)) {
+        return props.value;
+      }
+      return props.label;
+    });
+    const modelValue = vue.computed({
+      get() {
+        return isGroup.value ? radioGroup.modelValue : props.modelValue;
+      },
+      set(val) {
+        if (isGroup.value) {
+          radioGroup.changeEvent(val);
+        } else {
+          emit && emit(UPDATE_MODEL_EVENT, val);
+        }
+        radioRef.value.checked = props.modelValue === actualValue.value;
+      }
+    });
+    const size = useFormSize(vue.computed(() => radioGroup == null ? void 0 : radioGroup.size));
+    const disabled = useFormDisabled(vue.computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
+    const focus = vue.ref(false);
+    const tabIndex = vue.computed(() => {
+      return disabled.value || isGroup.value && modelValue.value !== actualValue.value ? -1 : 0;
+    });
+    useDeprecated({
+      from: "label act as value",
+      replacement: "value",
+      version: "3.0.0",
+      scope: "el-radio",
+      ref: "https://element-plus.org/en-US/component/radio.html"
+    }, vue.computed(() => isGroup.value && isPropAbsent(props.value)));
+    return {
+      radioRef,
+      isGroup,
+      radioGroup,
+      focus,
+      size,
+      disabled,
+      tabIndex,
+      modelValue,
+      actualValue
+    };
+  };
+
+  const __default__$m = vue.defineComponent({
+    name: "ElRadio"
+  });
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
+    props: radioProps,
+    emits: radioEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const ns = useNamespace("radio");
+      const { radioRef, radioGroup, focus, size, disabled, modelValue, actualValue } = useRadio(props, emit);
+      function handleChange() {
+        vue.nextTick(() => emit("change", modelValue.value));
+      }
+      return (_ctx, _cache) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass([
+            vue.unref(ns).b(),
+            vue.unref(ns).is("disabled", vue.unref(disabled)),
+            vue.unref(ns).is("focus", vue.unref(focus)),
+            vue.unref(ns).is("bordered", _ctx.border),
+            vue.unref(ns).is("checked", vue.unref(modelValue) === vue.unref(actualValue)),
+            vue.unref(ns).m(vue.unref(size))
+          ])
+        }, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass([
+              vue.unref(ns).e("input"),
+              vue.unref(ns).is("disabled", vue.unref(disabled)),
+              vue.unref(ns).is("checked", vue.unref(modelValue) === vue.unref(actualValue))
+            ])
+          }, [
+            vue.withDirectives(vue.createElementVNode("input", {
+              ref_key: "radioRef",
+              ref: radioRef,
+              "onUpdate:modelValue": ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null,
+              class: vue.normalizeClass(vue.unref(ns).e("original")),
+              value: vue.unref(actualValue),
+              name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
+              disabled: vue.unref(disabled),
+              checked: vue.unref(modelValue) === vue.unref(actualValue),
+              type: "radio",
+              onFocus: ($event) => focus.value = true,
+              onBlur: ($event) => focus.value = false,
+              onChange: handleChange,
+              onClick: vue.withModifiers(() => {
+              }, ["stop"])
+            }, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "checked", "onFocus", "onBlur", "onClick"]), [
+              [vue.vModelRadio, vue.unref(modelValue)]
+            ]),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(ns).e("inner"))
+            }, null, 2)
+          ], 2),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(ns).e("label")),
+            onKeydown: vue.withModifiers(() => {
+            }, ["stop"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ], 42, ["onKeydown"])
+        ], 2);
+      };
+    }
+  });
+  var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "radio.vue"]]);
+
+  const radioButtonProps = buildProps({
+    ...radioPropsBase
+  });
+
+  const __default__$l = vue.defineComponent({
+    name: "ElRadioButton"
+  });
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
+    props: radioButtonProps,
+    setup(__props) {
+      const props = __props;
+      const ns = useNamespace("radio");
+      const { radioRef, focus, size, disabled, modelValue, radioGroup, actualValue } = useRadio(props);
+      const activeStyle = vue.computed(() => {
+        return {
+          backgroundColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+          borderColor: (radioGroup == null ? void 0 : radioGroup.fill) || "",
+          boxShadow: (radioGroup == null ? void 0 : radioGroup.fill) ? `-1px 0 0 0 ${radioGroup.fill}` : "",
+          color: (radioGroup == null ? void 0 : radioGroup.textColor) || ""
+        };
+      });
+      return (_ctx, _cache) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass([
+            vue.unref(ns).b("button"),
+            vue.unref(ns).is("active", vue.unref(modelValue) === vue.unref(actualValue)),
+            vue.unref(ns).is("disabled", vue.unref(disabled)),
+            vue.unref(ns).is("focus", vue.unref(focus)),
+            vue.unref(ns).bm("button", vue.unref(size))
+          ])
+        }, [
+          vue.withDirectives(vue.createElementVNode("input", {
+            ref_key: "radioRef",
+            ref: radioRef,
+            "onUpdate:modelValue": ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null,
+            class: vue.normalizeClass(vue.unref(ns).be("button", "original-radio")),
+            value: vue.unref(actualValue),
+            type: "radio",
+            name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
+            disabled: vue.unref(disabled),
+            onFocus: ($event) => focus.value = true,
+            onBlur: ($event) => focus.value = false,
+            onClick: vue.withModifiers(() => {
+            }, ["stop"])
+          }, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "onFocus", "onBlur", "onClick"]), [
+            [vue.vModelRadio, vue.unref(modelValue)]
+          ]),
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(ns).be("button", "inner")),
+            style: vue.normalizeStyle(vue.unref(modelValue) === vue.unref(actualValue) ? vue.unref(activeStyle) : {}),
+            onKeydown: vue.withModifiers(() => {
+            }, ["stop"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ])
+          ], 46, ["onKeydown"])
+        ], 2);
+      };
+    }
+  });
+  var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "radio-button.vue"]]);
+
+  const radioGroupProps = buildProps({
+    id: {
+      type: String,
+      default: void 0
+    },
+    size: useSizeProp,
+    disabled: Boolean,
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    fill: {
+      type: String,
+      default: ""
+    },
+    textColor: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    },
+    ...useAriaProps(["ariaLabel"])
+  });
+  const radioGroupEmits = radioEmits;
+
+  const __default__$k = vue.defineComponent({
+    name: "ElRadioGroup"
+  });
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
+    props: radioGroupProps,
+    emits: radioGroupEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const ns = useNamespace("radio");
+      const radioId = useId();
+      const radioGroupRef = vue.ref();
+      const { formItem } = useFormItem();
+      const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
+        formItemContext: formItem
+      });
+      const changeEvent = (value) => {
+        emit(UPDATE_MODEL_EVENT, value);
+        vue.nextTick(() => emit("change", value));
+      };
+      vue.onMounted(() => {
+        const radios = radioGroupRef.value.querySelectorAll("[type=radio]");
+        const firstLabel = radios[0];
+        if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
+          firstLabel.tabIndex = 0;
+        }
+      });
+      const name = vue.computed(() => {
+        return props.name || radioId.value;
+      });
+      vue.provide(radioGroupKey, vue.reactive({
+        ...vue.toRefs(props),
+        changeEvent,
+        name
+      }));
+      vue.watch(() => props.modelValue, () => {
+        if (props.validateEvent) {
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          id: vue.unref(groupId),
+          ref_key: "radioGroupRef",
+          ref: radioGroupRef,
+          class: vue.normalizeClass(vue.unref(ns).b("group")),
+          role: "radiogroup",
+          "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "radio-group" : void 0,
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 10, ["id", "aria-label", "aria-labelledby"]);
+      };
+    }
+  });
+  var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "radio-group.vue"]]);
+
+  const ElRadio = withInstall(Radio, {
+    RadioButton,
+    RadioGroup
+  });
+  withNoopInstall(RadioGroup);
+  withNoopInstall(RadioButton);
+
+  var NodeContent = vue.defineComponent({
+    name: "NodeContent",
+    setup() {
+      const ns = useNamespace("cascader-node");
+      return {
+        ns
+      };
+    },
+    render() {
+      const { ns } = this;
+      const { node, panel } = this.$parent;
+      const { data, label } = node;
+      const { renderLabelFn } = panel;
+      return vue.h("span", { class: ns.e("label") }, renderLabelFn ? renderLabelFn({ node, data }) : label);
+    }
+  });
+
+  const CASCADER_PANEL_INJECTION_KEY = Symbol();
+
+  const _sfc_main$w = vue.defineComponent({
+    name: "ElCascaderNode",
+    components: {
+      ElCheckbox,
+      ElRadio,
+      NodeContent,
+      ElIcon,
+      Check: check_default,
+      Loading: loading_default,
+      ArrowRight: arrow_right_default
+    },
+    props: {
+      node: {
+        type: Object,
+        required: true
+      },
+      menuId: String
+    },
+    emits: ["expand"],
+    setup(props, { emit }) {
+      const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
+      const ns = useNamespace("cascader-node");
+      const isHoverMenu = vue.computed(() => panel.isHoverMenu);
+      const multiple = vue.computed(() => panel.config.multiple);
+      const checkStrictly = vue.computed(() => panel.config.checkStrictly);
+      const checkedNodeId = vue.computed(() => {
+        var _a;
+        return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+      });
+      const isDisabled = vue.computed(() => props.node.isDisabled);
+      const isLeaf = vue.computed(() => props.node.isLeaf);
+      const expandable = vue.computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
+      const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
+      const inCheckedPath = vue.computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+      const isInPath = (node) => {
+        var _a;
+        const { level, uid } = props.node;
+        return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
+      };
+      const doExpand = () => {
+        if (inExpandingPath.value)
+          return;
+        panel.expandNode(props.node);
+      };
+      const doCheck = (checked) => {
+        const { node } = props;
+        if (checked === node.checked)
+          return;
+        panel.handleCheckChange(node, checked);
+      };
+      const doLoad = () => {
+        panel.lazyLoad(props.node, () => {
+          if (!isLeaf.value)
+            doExpand();
+        });
+      };
+      const handleHoverExpand = (e) => {
+        if (!isHoverMenu.value)
+          return;
+        handleExpand();
+        !isLeaf.value && emit("expand", e);
+      };
+      const handleExpand = () => {
+        const { node } = props;
+        if (!expandable.value || node.loading)
+          return;
+        node.loaded ? doExpand() : doLoad();
+      };
+      const handleClick = () => {
+        if (isHoverMenu.value && !isLeaf.value)
+          return;
+        if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
+          handleCheck(true);
+        } else {
+          handleExpand();
+        }
+      };
+      const handleSelectCheck = (checked) => {
+        if (checkStrictly.value) {
+          doCheck(checked);
+          if (props.node.loaded) {
+            doExpand();
+          }
+        } else {
+          handleCheck(checked);
+        }
+      };
+      const handleCheck = (checked) => {
+        if (!props.node.loaded) {
+          doLoad();
+        } else {
+          doCheck(checked);
+          !checkStrictly.value && doExpand();
+        }
+      };
+      return {
+        panel,
+        isHoverMenu,
+        multiple,
+        checkStrictly,
+        checkedNodeId,
+        isDisabled,
+        isLeaf,
+        expandable,
+        inExpandingPath,
+        inCheckedPath,
+        ns,
+        handleHoverExpand,
+        handleExpand,
+        handleClick,
+        handleCheck,
+        handleSelectCheck
+      };
+    }
+  });
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+    const _component_el_radio = vue.resolveComponent("el-radio");
+    const _component_check = vue.resolveComponent("check");
+    const _component_el_icon = vue.resolveComponent("el-icon");
+    const _component_node_content = vue.resolveComponent("node-content");
+    const _component_loading = vue.resolveComponent("loading");
+    const _component_arrow_right = vue.resolveComponent("arrow-right");
+    return vue.openBlock(), vue.createElementBlock("li", {
+      id: `${_ctx.menuId}-${_ctx.node.uid}`,
+      role: "menuitem",
+      "aria-haspopup": !_ctx.isLeaf,
+      "aria-owns": _ctx.isLeaf ? null : _ctx.menuId,
+      "aria-expanded": _ctx.inExpandingPath,
+      tabindex: _ctx.expandable ? -1 : void 0,
+      class: vue.normalizeClass([
+        _ctx.ns.b(),
+        _ctx.ns.is("selectable", _ctx.checkStrictly),
+        _ctx.ns.is("active", _ctx.node.checked),
+        _ctx.ns.is("disabled", !_ctx.expandable),
+        _ctx.inExpandingPath && "in-active-path",
+        _ctx.inCheckedPath && "in-checked-path"
+      ]),
+      onMouseenter: _ctx.handleHoverExpand,
+      onFocus: _ctx.handleHoverExpand,
+      onClick: _ctx.handleClick
+    }, [
+      vue.createCommentVNode(" prefix "),
+      _ctx.multiple ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+        key: 0,
+        "model-value": _ctx.node.checked,
+        indeterminate: _ctx.node.indeterminate,
+        disabled: _ctx.isDisabled,
+        onClick: vue.withModifiers(() => {
+        }, ["stop"]),
+        "onUpdate:modelValue": _ctx.handleSelectCheck
+      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick", "onUpdate:modelValue"])) : _ctx.checkStrictly ? (vue.openBlock(), vue.createBlock(_component_el_radio, {
+        key: 1,
+        "model-value": _ctx.checkedNodeId,
+        label: _ctx.node.uid,
+        disabled: _ctx.isDisabled,
+        "onUpdate:modelValue": _ctx.handleSelectCheck,
+        onClick: vue.withModifiers(() => {
+        }, ["stop"])
+      }, {
+        default: vue.withCtx(() => [
+          vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
+          vue.createElementVNode("span")
+        ]),
+        _: 1
+      }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue", "onClick"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+        key: 2,
+        class: vue.normalizeClass(_ctx.ns.e("prefix"))
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_check)
+        ]),
+        _: 1
+      }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+      vue.createCommentVNode(" content "),
+      vue.createVNode(_component_node_content),
+      vue.createCommentVNode(" postfix "),
+      !_ctx.isLeaf ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+        _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          key: 0,
+          class: vue.normalizeClass([_ctx.ns.is("loading"), _ctx.ns.e("postfix")])
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_loading)
+          ]),
+          _: 1
+        }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+          key: 1,
+          class: vue.normalizeClass(["arrow-right", _ctx.ns.e("postfix")])
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_arrow_right)
+          ]),
+          _: 1
+        }, 8, ["class"]))
+      ], 64)) : vue.createCommentVNode("v-if", true)
+    ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex", "onMouseenter", "onFocus", "onClick"]);
+  }
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$b], ["__file", "node.vue"]]);
+
+  const _sfc_main$v = vue.defineComponent({
+    name: "ElCascaderMenu",
+    components: {
+      Loading: loading_default,
+      ElIcon,
+      ElScrollbar,
+      ElCascaderNode
+    },
+    props: {
+      nodes: {
+        type: Array,
+        required: true
+      },
+      index: {
+        type: Number,
+        required: true
+      }
+    },
+    setup(props) {
+      const instance = vue.getCurrentInstance();
+      const ns = useNamespace("cascader-menu");
+      const { t } = useLocale();
+      const id = useId();
+      let activeNode = null;
+      let hoverTimer = null;
+      const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
+      const hoverZone = vue.ref(null);
+      const isEmpty = vue.computed(() => !props.nodes.length);
+      const isLoading = vue.computed(() => !panel.initialLoaded);
+      const menuId = vue.computed(() => `${id.value}-${props.index}`);
+      const handleExpand = (e) => {
+        activeNode = e.target;
+      };
+      const handleMouseMove = (e) => {
+        if (!panel.isHoverMenu || !activeNode || !hoverZone.value)
+          return;
+        if (activeNode.contains(e.target)) {
+          clearHoverTimer();
+          const el = instance.vnode.el;
+          const { left } = el.getBoundingClientRect();
+          const { offsetWidth, offsetHeight } = el;
+          const startX = e.clientX - left;
+          const top = activeNode.offsetTop;
+          const bottom = top + activeNode.offsetHeight;
+          hoverZone.value.innerHTML = `
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top} L${offsetWidth} 0 V${top} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
+        `;
+        } else if (!hoverTimer) {
+          hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold);
+        }
+      };
+      const clearHoverTimer = () => {
+        if (!hoverTimer)
+          return;
+        clearTimeout(hoverTimer);
+        hoverTimer = null;
+      };
+      const clearHoverZone = () => {
+        if (!hoverZone.value)
+          return;
+        hoverZone.value.innerHTML = "";
+        clearHoverTimer();
+      };
+      return {
+        ns,
+        panel,
+        hoverZone,
+        isEmpty,
+        isLoading,
+        menuId,
+        t,
+        handleExpand,
+        handleMouseMove,
+        clearHoverZone
+      };
+    }
+  });
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
+    const _component_loading = vue.resolveComponent("loading");
+    const _component_el_icon = vue.resolveComponent("el-icon");
+    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+    return vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
+      key: _ctx.menuId,
+      tag: "ul",
+      role: "menu",
+      class: vue.normalizeClass(_ctx.ns.b()),
+      "wrap-class": _ctx.ns.e("wrap"),
+      "view-class": [_ctx.ns.e("list"), _ctx.ns.is("empty", _ctx.isEmpty)],
+      onMousemove: _ctx.handleMouseMove,
+      onMouseleave: _ctx.clearHoverZone
+    }, {
+      default: vue.withCtx(() => {
+        var _a;
+        return [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
+            return vue.openBlock(), vue.createBlock(_component_el_cascader_node, {
+              key: node.uid,
+              node,
+              "menu-id": _ctx.menuId,
+              onExpand: _ctx.handleExpand
+            }, null, 8, ["node", "menu-id", "onExpand"]);
+          }), 128)),
+          _ctx.isLoading ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(_ctx.ns.e("empty-text"))
+          }, [
+            vue.createVNode(_component_el_icon, {
+              size: "14",
+              class: vue.normalizeClass(_ctx.ns.is("loading"))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_loading)
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.cascader.loading")), 1)
+          ], 2)) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(_ctx.ns.e("empty-text"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)
+            ])
+          ], 2)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", {
+            key: 2,
+            ref: "hoverZone",
+            class: vue.normalizeClass(_ctx.ns.e("hover-zone"))
+          }, null, 2)) : vue.createCommentVNode("v-if", true)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
+  }
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$a], ["__file", "menu.vue"]]);
+
+  const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+  const capitalize = (str) => capitalize$2(str);
+
+  let uid = 0;
+  const calculatePathNodes = (node) => {
+    const nodes = [node];
+    let { parent } = node;
+    while (parent) {
+      nodes.unshift(parent);
+      parent = parent.parent;
+    }
+    return nodes;
+  };
+  class Node {
+    constructor(data, config, parent, root = false) {
+      this.data = data;
+      this.config = config;
+      this.parent = parent;
+      this.root = root;
+      this.uid = uid++;
+      this.checked = false;
+      this.indeterminate = false;
+      this.loading = false;
+      const { value: valueKey, label: labelKey, children: childrenKey } = config;
+      const childrenData = data[childrenKey];
+      const pathNodes = calculatePathNodes(this);
+      this.level = root ? 0 : parent ? parent.level + 1 : 1;
+      this.value = data[valueKey];
+      this.label = data[labelKey];
+      this.pathNodes = pathNodes;
+      this.pathValues = pathNodes.map((node) => node.value);
+      this.pathLabels = pathNodes.map((node) => node.label);
+      this.childrenData = childrenData;
+      this.children = (childrenData || []).map((child) => new Node(child, config, this));
+      this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData);
+    }
+    get isDisabled() {
+      const { data, parent, config } = this;
+      const { disabled, checkStrictly } = config;
+      const isDisabled = isFunction$1(disabled) ? disabled(data, this) : !!data[disabled];
+      return isDisabled || !checkStrictly && (parent == null ? void 0 : parent.isDisabled);
+    }
+    get isLeaf() {
+      const { data, config, childrenData, loaded } = this;
+      const { lazy, leaf } = config;
+      const isLeaf = isFunction$1(leaf) ? leaf(data, this) : data[leaf];
+      return isUndefined(isLeaf) ? lazy && !loaded ? false : !(isArray$1(childrenData) && childrenData.length) : !!isLeaf;
+    }
+    get valueByOption() {
+      return this.config.emitPath ? this.pathValues : this.value;
+    }
+    appendChild(childData) {
+      const { childrenData, children } = this;
+      const node = new Node(childData, this.config, this);
+      if (isArray$1(childrenData)) {
+        childrenData.push(childData);
+      } else {
+        this.childrenData = [childData];
+      }
+      children.push(node);
+      return node;
+    }
+    calcText(allLevels, separator) {
+      const text = allLevels ? this.pathLabels.join(separator) : this.label;
+      this.text = text;
+      return text;
+    }
+    broadcast(event, ...args) {
+      const handlerName = `onParent${capitalize(event)}`;
+      this.children.forEach((child) => {
+        if (child) {
+          child.broadcast(event, ...args);
+          child[handlerName] && child[handlerName](...args);
+        }
+      });
+    }
+    emit(event, ...args) {
+      const { parent } = this;
+      const handlerName = `onChild${capitalize(event)}`;
+      if (parent) {
+        parent[handlerName] && parent[handlerName](...args);
+        parent.emit(event, ...args);
+      }
+    }
+    onParentCheck(checked) {
+      if (!this.isDisabled) {
+        this.setCheckState(checked);
+      }
+    }
+    onChildCheck() {
+      const { children } = this;
+      const validChildren = children.filter((child) => !child.isDisabled);
+      const checked = validChildren.length ? validChildren.every((child) => child.checked) : false;
+      this.setCheckState(checked);
+    }
+    setCheckState(checked) {
+      const totalNum = this.children.length;
+      const checkedNum = this.children.reduce((c, p) => {
+        const num = p.checked ? 1 : p.indeterminate ? 0.5 : 0;
+        return c + num;
+      }, 0);
+      this.checked = this.loaded && this.children.filter((child) => !child.isDisabled).every((child) => child.loaded && child.checked) && checked;
+      this.indeterminate = this.loaded && checkedNum !== totalNum && checkedNum > 0;
+    }
+    doCheck(checked) {
+      if (this.checked === checked)
+        return;
+      const { checkStrictly, multiple } = this.config;
+      if (checkStrictly || !multiple) {
+        this.checked = checked;
+      } else {
+        this.broadcast("check", checked);
+        this.setCheckState(checked);
+        this.emit("check");
+      }
+    }
+  }
+
+  const flatNodes = (nodes, leafOnly) => {
+    return nodes.reduce((res, node) => {
+      if (node.isLeaf) {
+        res.push(node);
+      } else {
+        !leafOnly && res.push(node);
+        res = res.concat(flatNodes(node.children, leafOnly));
+      }
+      return res;
+    }, []);
+  };
+  class Store {
+    constructor(data, config) {
+      this.config = config;
+      const nodes = (data || []).map((nodeData) => new Node(nodeData, this.config));
+      this.nodes = nodes;
+      this.allNodes = flatNodes(nodes, false);
+      this.leafNodes = flatNodes(nodes, true);
+    }
+    getNodes() {
+      return this.nodes;
+    }
+    getFlattedNodes(leafOnly) {
+      return leafOnly ? this.leafNodes : this.allNodes;
+    }
+    appendNode(nodeData, parentNode) {
+      const node = parentNode ? parentNode.appendChild(nodeData) : new Node(nodeData, this.config);
+      if (!parentNode)
+        this.nodes.push(node);
+      this.allNodes.push(node);
+      node.isLeaf && this.leafNodes.push(node);
+    }
+    appendNodes(nodeDataList, parentNode) {
+      nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode));
+    }
+    getNodeByValue(value, leafOnly = false) {
+      if (!value && value !== 0)
+        return null;
+      const node = this.getFlattedNodes(leafOnly).find((node2) => isEqual$1(node2.value, value) || isEqual$1(node2.pathValues, value));
+      return node || null;
+    }
+    getSameNode(node) {
+      if (!node)
+        return null;
+      const node_ = this.getFlattedNodes(false).find(({ value, level }) => isEqual$1(node.value, value) && node.level === level);
+      return node_ || null;
+    }
+  }
+
+  const CommonProps = buildProps({
+    modelValue: {
+      type: definePropType([Number, String, Array])
+    },
+    options: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    props: {
+      type: definePropType(Object),
+      default: () => ({})
+    }
+  });
+  const DefaultProps = {
+    expandTrigger: "click",
+    multiple: false,
+    checkStrictly: false,
+    emitPath: true,
+    lazy: false,
+    lazyLoad: NOOP,
+    value: "value",
+    label: "label",
+    children: "children",
+    leaf: "leaf",
+    disabled: "disabled",
+    hoverThreshold: 500
+  };
+  const useCascaderConfig = (props) => {
+    return vue.computed(() => ({
+      ...DefaultProps,
+      ...props.props
+    }));
+  };
+
+  const getMenuIndex = (el) => {
+    if (!el)
+      return 0;
+    const pieces = el.id.split("-");
+    return Number(pieces[pieces.length - 2]);
+  };
+  const checkNode = (el) => {
+    if (!el)
+      return;
+    const input = el.querySelector("input");
+    if (input) {
+      input.click();
+    } else if (isLeaf(el)) {
+      el.click();
+    }
+  };
+  const sortByOriginalOrder = (oldNodes, newNodes) => {
+    const newNodesCopy = newNodes.slice(0);
+    const newIds = newNodesCopy.map((node) => node.uid);
+    const res = oldNodes.reduce((acc, item) => {
+      const index = newIds.indexOf(item.uid);
+      if (index > -1) {
+        acc.push(item);
+        newNodesCopy.splice(index, 1);
+        newIds.splice(index, 1);
+      }
+      return acc;
+    }, []);
+    res.push(...newNodesCopy);
+    return res;
+  };
+
+  const unique = (arr) => [...new Set(arr)];
+  const castArray = (arr) => {
+    if (!arr && arr !== 0)
+      return [];
+    return isArray$1(arr) ? arr : [arr];
+  };
+
+  const _sfc_main$u = vue.defineComponent({
+    name: "ElCascaderPanel",
+    components: {
+      ElCascaderMenu
+    },
+    props: {
+      ...CommonProps,
+      border: {
+        type: Boolean,
+        default: true
+      },
+      renderLabel: Function
+    },
+    emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, "close", "expand-change"],
+    setup(props, { emit, slots }) {
+      let manualChecked = false;
+      const ns = useNamespace("cascader");
+      const config = useCascaderConfig(props);
+      let store = null;
+      const initialLoaded = vue.ref(true);
+      const menuList = vue.ref([]);
+      const checkedValue = vue.ref(null);
+      const menus = vue.ref([]);
+      const expandingNode = vue.ref(null);
+      const checkedNodes = vue.ref([]);
+      const isHoverMenu = vue.computed(() => config.value.expandTrigger === "hover");
+      const renderLabelFn = vue.computed(() => props.renderLabel || slots.default);
+      const initStore = () => {
+        const { options } = props;
+        const cfg = config.value;
+        manualChecked = false;
+        store = new Store(options, cfg);
+        menus.value = [store.getNodes()];
+        if (cfg.lazy && isEmpty(props.options)) {
+          initialLoaded.value = false;
+          lazyLoad(void 0, (list) => {
+            if (list) {
+              store = new Store(list, cfg);
+              menus.value = [store.getNodes()];
+            }
+            initialLoaded.value = true;
+            syncCheckedValue(false, true);
+          });
+        } else {
+          syncCheckedValue(false, true);
+        }
+      };
+      const lazyLoad = (node, cb) => {
+        const cfg = config.value;
+        node = node || new Node({}, cfg, void 0, true);
+        node.loading = true;
+        const resolve = (dataList) => {
+          const _node = node;
+          const parent = _node.root ? null : _node;
+          dataList && (store == null ? void 0 : store.appendNodes(dataList, parent));
+          _node.loading = false;
+          _node.loaded = true;
+          _node.childrenData = _node.childrenData || [];
+          cb && cb(dataList);
+        };
+        cfg.lazyLoad(node, resolve);
+      };
+      const expandNode = (node, silent) => {
+        var _a;
+        const { level } = node;
+        const newMenus = menus.value.slice(0, level);
+        let newExpandingNode;
+        if (node.isLeaf) {
+          newExpandingNode = node.pathNodes[level - 2];
+        } else {
+          newExpandingNode = node;
+          newMenus.push(node.children);
+        }
+        if (((_a = expandingNode.value) == null ? void 0 : _a.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
+          expandingNode.value = node;
+          menus.value = newMenus;
+          !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
+        }
+      };
+      const handleCheckChange = (node, checked, emitClose = true) => {
+        const { checkStrictly, multiple } = config.value;
+        const oldNode = checkedNodes.value[0];
+        manualChecked = true;
+        !multiple && (oldNode == null ? void 0 : oldNode.doCheck(false));
+        node.doCheck(checked);
+        calculateCheckedValue();
+        emitClose && !multiple && !checkStrictly && emit("close");
+        !emitClose && !multiple && !checkStrictly && expandParentNode(node);
+      };
+      const expandParentNode = (node) => {
+        if (!node)
+          return;
+        node = node.parent;
+        expandParentNode(node);
+        node && expandNode(node);
+      };
+      const getFlattedNodes = (leafOnly) => {
+        return store == null ? void 0 : store.getFlattedNodes(leafOnly);
+      };
+      const getCheckedNodes = (leafOnly) => {
+        var _a;
+        return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
+      };
+      const clearCheckedNodes = () => {
+        checkedNodes.value.forEach((node) => node.doCheck(false));
+        calculateCheckedValue();
+        menus.value = menus.value.slice(0, 1);
+        expandingNode.value = null;
+        emit("expand-change", []);
+      };
+      const calculateCheckedValue = () => {
+        var _a;
+        const { checkStrictly, multiple } = config.value;
+        const oldNodes = checkedNodes.value;
+        const newNodes = getCheckedNodes(!checkStrictly);
+        const nodes = sortByOriginalOrder(oldNodes, newNodes);
+        const values = nodes.map((node) => node.valueByOption);
+        checkedNodes.value = nodes;
+        checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
+      };
+      const syncCheckedValue = (loaded = false, forced = false) => {
+        const { modelValue } = props;
+        const { lazy, multiple, checkStrictly } = config.value;
+        const leafOnly = !checkStrictly;
+        if (!initialLoaded.value || manualChecked || !forced && isEqual$1(modelValue, checkedValue.value))
+          return;
+        if (lazy && !loaded) {
+          const values = unique(flattenDeep(castArray(modelValue)));
+          const nodes = values.map((val) => store == null ? void 0 : store.getNodeByValue(val)).filter((node) => !!node && !node.loaded && !node.loading);
+          if (nodes.length) {
+            nodes.forEach((node) => {
+              lazyLoad(node, () => syncCheckedValue(false, forced));
+            });
+          } else {
+            syncCheckedValue(true, forced);
+          }
+        } else {
+          const values = multiple ? castArray(modelValue) : [modelValue];
+          const nodes = unique(values.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
+          syncMenuState(nodes, forced);
+          checkedValue.value = cloneDeep(modelValue);
+        }
+      };
+      const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
+        const { checkStrictly } = config.value;
+        const oldNodes = checkedNodes.value;
+        const newNodes = newCheckedNodes.filter((node) => !!node && (checkStrictly || node.isLeaf));
+        const oldExpandingNode = store == null ? void 0 : store.getSameNode(expandingNode.value);
+        const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
+        if (newExpandingNode) {
+          newExpandingNode.pathNodes.forEach((node) => expandNode(node, true));
+        } else {
+          expandingNode.value = null;
+        }
+        oldNodes.forEach((node) => node.doCheck(false));
+        vue.reactive(newNodes).forEach((node) => node.doCheck(true));
+        checkedNodes.value = newNodes;
+        vue.nextTick(scrollToExpandingNode);
+      };
+      const scrollToExpandingNode = () => {
+        if (!isClient)
+          return;
+        menuList.value.forEach((menu) => {
+          const menuElement = menu == null ? void 0 : menu.$el;
+          if (menuElement) {
+            const container = menuElement.querySelector(`.${ns.namespace.value}-scrollbar__wrap`);
+            const activeNode = menuElement.querySelector(`.${ns.b("node")}.${ns.is("active")}`) || menuElement.querySelector(`.${ns.b("node")}.in-active-path`);
+            scrollIntoView(container, activeNode);
+          }
+        });
+      };
+      const handleKeyDown = (e) => {
+        const target = e.target;
+        const { code } = e;
+        switch (code) {
+          case EVENT_CODE.up:
+          case EVENT_CODE.down: {
+            e.preventDefault();
+            const distance = code === EVENT_CODE.up ? -1 : 1;
+            focusNode(getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
+            break;
+          }
+          case EVENT_CODE.left: {
+            e.preventDefault();
+            const preMenu = menuList.value[getMenuIndex(target) - 1];
+            const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector(`.${ns.b("node")}[aria-expanded="true"]`);
+            focusNode(expandedNode);
+            break;
+          }
+          case EVENT_CODE.right: {
+            e.preventDefault();
+            const nextMenu = menuList.value[getMenuIndex(target) + 1];
+            const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector(`.${ns.b("node")}[tabindex="-1"]`);
+            focusNode(firstNode);
+            break;
+          }
+          case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
+            checkNode(target);
+            break;
+        }
+      };
+      vue.provide(CASCADER_PANEL_INJECTION_KEY, vue.reactive({
+        config,
+        expandingNode,
+        checkedNodes,
+        isHoverMenu,
+        initialLoaded,
+        renderLabelFn,
+        lazyLoad,
+        expandNode,
+        handleCheckChange
+      }));
+      vue.watch([config, () => props.options], initStore, {
+        deep: true,
+        immediate: true
+      });
+      vue.watch(() => props.modelValue, () => {
+        manualChecked = false;
+        syncCheckedValue();
+      }, {
+        deep: true
+      });
+      vue.watch(() => checkedValue.value, (val) => {
+        if (!isEqual$1(val, props.modelValue)) {
+          emit(UPDATE_MODEL_EVENT, val);
+          emit(CHANGE_EVENT, val);
+        }
+      });
+      vue.onBeforeUpdate(() => menuList.value = []);
+      vue.onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue());
+      return {
+        ns,
+        menuList,
+        menus,
+        checkedNodes,
+        handleKeyDown,
+        handleCheckChange,
+        getFlattedNodes,
+        getCheckedNodes,
+        clearCheckedNodes,
+        calculateCheckedValue,
+        scrollToExpandingNode
+      };
+    }
+  });
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
+      onKeydown: _ctx.handleKeyDown
+    }, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (menu, index) => {
+        return vue.openBlock(), vue.createBlock(_component_el_cascader_menu, {
+          key: index,
+          ref_for: true,
+          ref: (item) => _ctx.menuList[index] = item,
+          index,
+          nodes: [...menu]
+        }, {
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ]),
+          _: 2
+        }, 1032, ["index", "nodes"]);
+      }), 128))
+    ], 42, ["onKeydown"]);
+  }
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$9], ["__file", "index.vue"]]);
+
+  const ElCascaderPanel = withInstall(CascaderPanel);
+
+  const tagProps = buildProps({
+    type: {
+      type: String,
+      values: ["primary", "success", "info", "warning", "danger"],
+      default: "primary"
+    },
+    closable: Boolean,
+    disableTransitions: Boolean,
+    hit: Boolean,
+    color: String,
+    size: {
+      type: String,
+      values: componentSizes
+    },
+    effect: {
+      type: String,
+      values: ["dark", "light", "plain"],
+      default: "light"
+    },
+    round: Boolean
+  });
+  const tagEmits = {
+    close: (evt) => evt instanceof MouseEvent,
+    click: (evt) => evt instanceof MouseEvent
+  };
+
+  const __default__$j = vue.defineComponent({
+    name: "ElTag"
+  });
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
+    props: tagProps,
+    emits: tagEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const tagSize = useFormSize();
+      const ns = useNamespace("tag");
+      const containerKls = vue.computed(() => {
+        const { type, hit, effect, closable, round } = props;
+        return [
+          ns.b(),
+          ns.is("closable", closable),
+          ns.m(type || "primary"),
+          ns.m(tagSize.value),
+          ns.m(effect),
+          ns.is("hit", hit),
+          ns.is("round", round)
+        ];
+      });
+      const handleClose = (event) => {
+        emit("close", event);
+      };
+      const handleClick = (event) => {
+        emit("click", event);
+      };
+      const handleVNodeMounted = (vnode) => {
+        var _a, _b, _c;
+        if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
+          vnode.component.subTree.component.bum = null;
+        }
+      };
+      return (_ctx, _cache) => {
+        return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(containerKls)),
+          style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
+          onClick: handleClick
+        }, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 2),
+          _ctx.closable ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("close")),
             onClick: vue.withModifiers(handleClose, ["stop"])
           }, {
             default: vue.withCtx(() => [
@@ -18174,9 +19976,82 @@
       };
     }
   });
-  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "tag.vue"]]);
-
-  const ElTag = withInstall(Tag);
+  var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "tag.vue"]]);
+
+  const ElTag = withInstall(Tag);
+
+  const cascaderProps$1 = buildProps({
+    ...CommonProps,
+    size: useSizeProp,
+    placeholder: String,
+    disabled: Boolean,
+    clearable: Boolean,
+    filterable: Boolean,
+    filterMethod: {
+      type: definePropType(Function),
+      default: (node, keyword) => node.text.includes(keyword)
+    },
+    separator: {
+      type: String,
+      default: " / "
+    },
+    showAllLevels: {
+      type: Boolean,
+      default: true
+    },
+    collapseTags: Boolean,
+    maxCollapseTags: {
+      type: Number,
+      default: 1
+    },
+    collapseTagsTooltip: {
+      type: Boolean,
+      default: false
+    },
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    beforeFilter: {
+      type: definePropType(Function),
+      default: () => true
+    },
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "bottom-start"
+    },
+    fallbackPlacements: {
+      type: definePropType(Array),
+      default: ["bottom-start", "bottom", "top-start", "top", "right", "left"]
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    teleported: useTooltipContentProps.teleported,
+    tagType: { ...tagProps.type, default: "info" },
+    tagEffect: { ...tagProps.effect, default: "light" },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    },
+    persistent: {
+      type: Boolean,
+      default: true
+    },
+    ...useEmptyValuesProps
+  });
+  const cascaderEmits$1 = {
+    [UPDATE_MODEL_EVENT]: (_) => true,
+    [CHANGE_EVENT]: (_) => true,
+    focus: (evt) => evt instanceof FocusEvent,
+    blur: (evt) => evt instanceof FocusEvent,
+    clear: () => true,
+    visibleChange: (val) => isBoolean(val),
+    expandChange: (val) => !!val,
+    removeTag: (val) => !!val
+  };
 
   const nodeList$1 = /* @__PURE__ */ new Map();
   if (isClient) {
@@ -18247,6 +20122,613 @@
     }
   };
 
+  const COMPONENT_NAME$1 = "ElCascader";
+  const __default__$i = vue.defineComponent({
+    name: COMPONENT_NAME$1
+  });
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
+    props: cascaderProps$1,
+    emits: cascaderEmits$1,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      const popperOptions = {
+        modifiers: [
+          {
+            name: "arrowPosition",
+            enabled: true,
+            phase: "main",
+            fn: ({ state }) => {
+              const { modifiersData, placement } = state;
+              if (["right", "left", "bottom", "top"].includes(placement))
+                return;
+              modifiersData.arrow.x = 35;
+            },
+            requires: ["arrow"]
+          }
+        ]
+      };
+      const attrs = vue.useAttrs();
+      let inputInitialHeight = 0;
+      let pressDeleteCount = 0;
+      const nsCascader = useNamespace("cascader");
+      const nsInput = useNamespace("input");
+      const { t } = useLocale();
+      const { form, formItem } = useFormItem();
+      const { valueOnClear } = useEmptyValues(props);
+      const { isComposing, handleComposition } = useComposition({
+        afterComposition(event) {
+          var _a;
+          const text = (_a = event.target) == null ? void 0 : _a.value;
+          handleInput(text);
+        }
+      });
+      const tooltipRef = vue.ref(null);
+      const input = vue.ref(null);
+      const tagWrapper = vue.ref(null);
+      const cascaderPanelRef = vue.ref(null);
+      const suggestionPanel = vue.ref(null);
+      const popperVisible = vue.ref(false);
+      const inputHover = vue.ref(false);
+      const filtering = vue.ref(false);
+      const filterFocus = vue.ref(false);
+      const inputValue = vue.ref("");
+      const searchInputValue = vue.ref("");
+      const presentTags = vue.ref([]);
+      const allPresentTags = vue.ref([]);
+      const suggestions = vue.ref([]);
+      const cascaderStyle = vue.computed(() => {
+        return attrs.style;
+      });
+      const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
+      const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
+      const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value);
+      const realSize = useFormSize();
+      const tagSize = vue.computed(() => realSize.value === "small" ? "small" : "default");
+      const multiple = vue.computed(() => !!props.props.multiple);
+      const readonly = vue.computed(() => !props.filterable || multiple.value);
+      const searchKeyword = vue.computed(() => multiple.value ? searchInputValue.value : inputValue.value);
+      const checkedNodes = vue.computed(() => {
+        var _a;
+        return ((_a = cascaderPanelRef.value) == null ? void 0 : _a.checkedNodes) || [];
+      });
+      const clearBtnVisible = vue.computed(() => {
+        if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
+          return false;
+        return !!checkedNodes.value.length;
+      });
+      const presentText = vue.computed(() => {
+        const { showAllLevels, separator } = props;
+        const nodes = checkedNodes.value;
+        return nodes.length ? multiple.value ? "" : nodes[0].calcText(showAllLevels, separator) : "";
+      });
+      const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
+      const checkedValue = vue.computed({
+        get() {
+          return cloneDeep(props.modelValue);
+        },
+        set(val) {
+          const value = val != null ? val : valueOnClear.value;
+          emit(UPDATE_MODEL_EVENT, value);
+          emit(CHANGE_EVENT, value);
+          if (props.validateEvent) {
+            formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+          }
+        }
+      });
+      const cascaderKls = vue.computed(() => {
+        return [
+          nsCascader.b(),
+          nsCascader.m(realSize.value),
+          nsCascader.is("disabled", isDisabled.value),
+          attrs.class
+        ];
+      });
+      const cascaderIconKls = vue.computed(() => {
+        return [
+          nsInput.e("icon"),
+          "icon-arrow-down",
+          nsCascader.is("reverse", popperVisible.value)
+        ];
+      });
+      const inputClass = vue.computed(() => {
+        return nsCascader.is("focus", popperVisible.value || filterFocus.value);
+      });
+      const contentRef = vue.computed(() => {
+        var _a, _b;
+        return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+      });
+      const togglePopperVisible = (visible) => {
+        var _a, _b, _c;
+        if (isDisabled.value)
+          return;
+        visible = visible != null ? visible : !popperVisible.value;
+        if (visible !== popperVisible.value) {
+          popperVisible.value = visible;
+          (_b = (_a = input.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
+          if (visible) {
+            updatePopperPosition();
+            vue.nextTick((_c = cascaderPanelRef.value) == null ? void 0 : _c.scrollToExpandingNode);
+          } else if (props.filterable) {
+            syncPresentTextValue();
+          }
+          emit("visibleChange", visible);
+        }
+      };
+      const updatePopperPosition = () => {
+        vue.nextTick(() => {
+          var _a;
+          (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper();
+        });
+      };
+      const hideSuggestionPanel = () => {
+        filtering.value = false;
+      };
+      const genTag = (node) => {
+        const { showAllLevels, separator } = props;
+        return {
+          node,
+          key: node.uid,
+          text: node.calcText(showAllLevels, separator),
+          hitState: false,
+          closable: !isDisabled.value && !node.isDisabled,
+          isCollapseTag: false
+        };
+      };
+      const deleteTag = (tag) => {
+        var _a;
+        const node = tag.node;
+        node.doCheck(false);
+        (_a = cascaderPanelRef.value) == null ? void 0 : _a.calculateCheckedValue();
+        emit("removeTag", node.valueByOption);
+      };
+      const calculatePresentTags = () => {
+        if (!multiple.value)
+          return;
+        const nodes = checkedNodes.value;
+        const tags = [];
+        const allTags = [];
+        nodes.forEach((node) => allTags.push(genTag(node)));
+        allPresentTags.value = allTags;
+        if (nodes.length) {
+          nodes.slice(0, props.maxCollapseTags).forEach((node) => tags.push(genTag(node)));
+          const rest = nodes.slice(props.maxCollapseTags);
+          const restCount = rest.length;
+          if (restCount) {
+            if (props.collapseTags) {
+              tags.push({
+                key: -1,
+                text: `+ ${restCount}`,
+                closable: false,
+                isCollapseTag: true
+              });
+            } else {
+              rest.forEach((node) => tags.push(genTag(node)));
+            }
+          }
+        }
+        presentTags.value = tags;
+      };
+      const calculateSuggestions = () => {
+        var _a, _b;
+        const { filterMethod, showAllLevels, separator } = props;
+        const res = (_b = (_a = cascaderPanelRef.value) == null ? void 0 : _a.getFlattedNodes(!props.props.checkStrictly)) == null ? void 0 : _b.filter((node) => {
+          if (node.isDisabled)
+            return false;
+          node.calcText(showAllLevels, separator);
+          return filterMethod(node, searchKeyword.value);
+        });
+        if (multiple.value) {
+          presentTags.value.forEach((tag) => {
+            tag.hitState = false;
+          });
+          allPresentTags.value.forEach((tag) => {
+            tag.hitState = false;
+          });
+        }
+        filtering.value = true;
+        suggestions.value = res;
+        updatePopperPosition();
+      };
+      const focusFirstNode = () => {
+        var _a;
+        let firstNode;
+        if (filtering.value && suggestionPanel.value) {
+          firstNode = suggestionPanel.value.$el.querySelector(`.${nsCascader.e("suggestion-item")}`);
+        } else {
+          firstNode = (_a = cascaderPanelRef.value) == null ? void 0 : _a.$el.querySelector(`.${nsCascader.b("node")}[tabindex="-1"]`);
+        }
+        if (firstNode) {
+          firstNode.focus();
+          !filtering.value && firstNode.click();
+        }
+      };
+      const updateStyle = () => {
+        var _a, _b;
+        const inputInner = (_a = input.value) == null ? void 0 : _a.input;
+        const tagWrapperEl = tagWrapper.value;
+        const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
+        if (!isClient || !inputInner)
+          return;
+        if (suggestionPanelEl) {
+          const suggestionList = suggestionPanelEl.querySelector(`.${nsCascader.e("suggestion-list")}`);
+          suggestionList.style.minWidth = `${inputInner.offsetWidth}px`;
+        }
+        if (tagWrapperEl) {
+          const { offsetHeight } = tagWrapperEl;
+          const height = presentTags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
+          inputInner.style.height = height;
+          updatePopperPosition();
+        }
+      };
+      const getCheckedNodes = (leafOnly) => {
+        var _a;
+        return (_a = cascaderPanelRef.value) == null ? void 0 : _a.getCheckedNodes(leafOnly);
+      };
+      const handleExpandChange = (value) => {
+        updatePopperPosition();
+        emit("expandChange", value);
+      };
+      const handleKeyDown = (e) => {
+        if (isComposing.value)
+          return;
+        switch (e.code) {
+          case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
+            togglePopperVisible();
+            break;
+          case EVENT_CODE.down:
+            togglePopperVisible(true);
+            vue.nextTick(focusFirstNode);
+            e.preventDefault();
+            break;
+          case EVENT_CODE.esc:
+            if (popperVisible.value === true) {
+              e.preventDefault();
+              e.stopPropagation();
+              togglePopperVisible(false);
+            }
+            break;
+          case EVENT_CODE.tab:
+            togglePopperVisible(false);
+            break;
+        }
+      };
+      const handleClear = () => {
+        var _a;
+        (_a = cascaderPanelRef.value) == null ? void 0 : _a.clearCheckedNodes();
+        if (!popperVisible.value && props.filterable) {
+          syncPresentTextValue();
+        }
+        togglePopperVisible(false);
+        emit("clear");
+      };
+      const syncPresentTextValue = () => {
+        const { value } = presentText;
+        inputValue.value = value;
+        searchInputValue.value = value;
+      };
+      const handleSuggestionClick = (node) => {
+        var _a, _b;
+        const { checked } = node;
+        if (multiple.value) {
+          (_a = cascaderPanelRef.value) == null ? void 0 : _a.handleCheckChange(node, !checked, false);
+        } else {
+          !checked && ((_b = cascaderPanelRef.value) == null ? void 0 : _b.handleCheckChange(node, true, false));
+          togglePopperVisible(false);
+        }
+      };
+      const handleSuggestionKeyDown = (e) => {
+        const target = e.target;
+        const { code } = e;
+        switch (code) {
+          case EVENT_CODE.up:
+          case EVENT_CODE.down: {
+            const distance = code === EVENT_CODE.up ? -1 : 1;
+            focusNode(getSibling(target, distance, `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`));
+            break;
+          }
+          case EVENT_CODE.enter:
+          case EVENT_CODE.numpadEnter:
+            target.click();
+            break;
+        }
+      };
+      const handleDelete = () => {
+        const tags = presentTags.value;
+        const lastTag = tags[tags.length - 1];
+        pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1;
+        if (!lastTag || !pressDeleteCount || props.collapseTags && tags.length > 1)
+          return;
+        if (lastTag.hitState) {
+          deleteTag(lastTag);
+        } else {
+          lastTag.hitState = true;
+        }
+      };
+      const handleFocus = (e) => {
+        const el = e.target;
+        const name = nsCascader.e("search-input");
+        if (el.className === name) {
+          filterFocus.value = true;
+        }
+        emit("focus", e);
+      };
+      const handleBlur = (e) => {
+        filterFocus.value = false;
+        emit("blur", e);
+      };
+      const handleFilter = debounce(() => {
+        const { value } = searchKeyword;
+        if (!value)
+          return;
+        const passed = props.beforeFilter(value);
+        if (isPromise(passed)) {
+          passed.then(calculateSuggestions).catch(() => {
+          });
+        } else if (passed !== false) {
+          calculateSuggestions();
+        } else {
+          hideSuggestionPanel();
+        }
+      }, props.debounce);
+      const handleInput = (val, e) => {
+        !popperVisible.value && togglePopperVisible(true);
+        if (e == null ? void 0 : e.isComposing)
+          return;
+        val ? handleFilter() : hideSuggestionPanel();
+      };
+      const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
+      vue.watch(filtering, updatePopperPosition);
+      vue.watch([checkedNodes, isDisabled, () => props.collapseTags], calculatePresentTags);
+      vue.watch(presentTags, () => {
+        vue.nextTick(() => updateStyle());
+      });
+      vue.watch(realSize, async () => {
+        await vue.nextTick();
+        const inputInner = input.value.input;
+        inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight;
+        updateStyle();
+      });
+      vue.watch(presentText, syncPresentTextValue, { immediate: true });
+      vue.onMounted(() => {
+        const inputInner = input.value.input;
+        const inputInnerHeight = getInputInnerHeight(inputInner);
+        inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
+        useResizeObserver(inputInner, updateStyle);
+      });
+      expose({
+        getCheckedNodes,
+        cascaderPanelRef,
+        togglePopperVisible,
+        contentRef,
+        presentText
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+          ref_key: "tooltipRef",
+          ref: tooltipRef,
+          visible: popperVisible.value,
+          teleported: _ctx.teleported,
+          "popper-class": [vue.unref(nsCascader).e("dropdown"), _ctx.popperClass],
+          "popper-options": popperOptions,
+          "fallback-placements": _ctx.fallbackPlacements,
+          "stop-popper-mouse-event": false,
+          "gpu-acceleration": false,
+          placement: _ctx.placement,
+          transition: `${vue.unref(nsCascader).namespace.value}-zoom-in-top`,
+          effect: "light",
+          pure: "",
+          persistent: _ctx.persistent,
+          onHide: hideSuggestionPanel
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass(vue.unref(cascaderKls)),
+              style: vue.normalizeStyle(vue.unref(cascaderStyle)),
+              onClick: () => togglePopperVisible(vue.unref(readonly) ? void 0 : true),
+              onKeydown: handleKeyDown,
+              onMouseenter: ($event) => inputHover.value = true,
+              onMouseleave: ($event) => inputHover.value = false
+            }, [
+              vue.createVNode(vue.unref(ElInput), {
+                ref_key: "input",
+                ref: input,
+                modelValue: inputValue.value,
+                "onUpdate:modelValue": ($event) => inputValue.value = $event,
+                placeholder: vue.unref(currentPlaceholder),
+                readonly: vue.unref(readonly),
+                disabled: vue.unref(isDisabled),
+                "validate-event": false,
+                size: vue.unref(realSize),
+                class: vue.normalizeClass(vue.unref(inputClass)),
+                tabindex: vue.unref(multiple) && _ctx.filterable && !vue.unref(isDisabled) ? -1 : void 0,
+                onCompositionstart: vue.unref(handleComposition),
+                onCompositionupdate: vue.unref(handleComposition),
+                onCompositionend: vue.unref(handleComposition),
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onInput: handleInput
+              }, {
+                suffix: vue.withCtx(() => [
+                  vue.unref(clearBtnVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: "clear",
+                    class: vue.normalizeClass([vue.unref(nsInput).e("icon"), "icon-circle-close"]),
+                    onClick: vue.withModifiers(handleClear, ["stop"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(circle_close_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: "arrow-down",
+                    class: vue.normalizeClass(vue.unref(cascaderIconKls)),
+                    onClick: vue.withModifiers(($event) => togglePopperVisible(), ["stop"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(arrow_down_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class", "onClick"]))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+              vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                ref_key: "tagWrapper",
+                ref: tagWrapper,
+                class: vue.normalizeClass([
+                  vue.unref(nsCascader).e("tags"),
+                  vue.unref(nsCascader).is("validate", Boolean(vue.unref(validateState)))
+                ])
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(presentTags.value, (tag) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                    key: tag.key,
+                    type: _ctx.tagType,
+                    size: vue.unref(tagSize),
+                    effect: _ctx.tagEffect,
+                    hit: tag.hitState,
+                    closable: tag.closable,
+                    "disable-transitions": "",
+                    onClose: ($event) => deleteTag(tag)
+                  }, {
+                    default: vue.withCtx(() => [
+                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+                        key: 1,
+                        disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        placement: "bottom",
+                        effect: "light"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+                        ]),
+                        content: vue.withCtx(() => [
+                          vue.createElementVNode("div", {
+                            class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
+                          }, [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
+                              return vue.openBlock(), vue.createElementBlock("div", {
+                                key: idx,
+                                class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
+                              }, [
+                                (vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                                  key: tag2.key,
+                                  class: "in-tooltip",
+                                  type: _ctx.tagType,
+                                  size: vue.unref(tagSize),
+                                  effect: _ctx.tagEffect,
+                                  hit: tag2.hitState,
+                                  closable: tag2.closable,
+                                  "disable-transitions": "",
+                                  onClose: ($event) => deleteTag(tag2)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
+                              ], 2);
+                            }), 128))
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["disabled"]))
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]);
+                }), 128)),
+                _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  key: 0,
+                  "onUpdate:modelValue": ($event) => searchInputValue.value = $event,
+                  type: "text",
+                  class: vue.normalizeClass(vue.unref(nsCascader).e("search-input")),
+                  placeholder: vue.unref(presentText) ? "" : vue.unref(inputPlaceholder),
+                  onInput: (e) => handleInput(searchInputValue.value, e),
+                  onClick: vue.withModifiers(($event) => togglePopperVisible(true), ["stop"]),
+                  onKeydown: vue.withKeys(handleDelete, ["delete"]),
+                  onCompositionstart: vue.unref(handleComposition),
+                  onCompositionupdate: vue.unref(handleComposition),
+                  onCompositionend: vue.unref(handleComposition),
+                  onFocus: handleFocus,
+                  onBlur: handleBlur
+                }, null, 42, ["onUpdate:modelValue", "placeholder", "onInput", "onClick", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend"])), [
+                  [vue.vModelText, searchInputValue.value]
+                ]) : vue.createCommentVNode("v-if", true)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 46, ["onClick", "onMouseenter", "onMouseleave"])), [
+              [vue.unref(ClickOutside), () => togglePopperVisible(false), vue.unref(contentRef)]
+            ])
+          ]),
+          content: vue.withCtx(() => [
+            vue.withDirectives(vue.createVNode(vue.unref(ElCascaderPanel), {
+              ref_key: "cascaderPanelRef",
+              ref: cascaderPanelRef,
+              modelValue: vue.unref(checkedValue),
+              "onUpdate:modelValue": ($event) => vue.isRef(checkedValue) ? checkedValue.value = $event : null,
+              options: _ctx.options,
+              props: props.props,
+              border: false,
+              "render-label": _ctx.$slots.default,
+              onExpandChange: handleExpandChange,
+              onClose: ($event) => _ctx.$nextTick(() => togglePopperVisible(false))
+            }, {
+              empty: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "empty")
+              ]),
+              _: 3
+            }, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
+              [vue.vShow, !filtering.value]
+            ]),
+            _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
+              key: 0,
+              ref_key: "suggestionPanel",
+              ref: suggestionPanel,
+              tag: "ul",
+              class: vue.normalizeClass(vue.unref(nsCascader).e("suggestion-panel")),
+              "view-class": vue.unref(nsCascader).e("suggestion-list"),
+              onKeydown: handleSuggestionKeyDown
+            }, {
+              default: vue.withCtx(() => [
+                suggestions.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(suggestions.value, (item) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    key: item.uid,
+                    class: vue.normalizeClass([
+                      vue.unref(nsCascader).e("suggestion-item"),
+                      vue.unref(nsCascader).is("checked", item.checked)
+                    ]),
+                    tabindex: -1,
+                    onClick: ($event) => handleSuggestionClick(item)
+                  }, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
+                    item.checked ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(check_default))
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("v-if", true)
+                  ], 10, ["onClick"]);
+                }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+                  vue.createElementVNode("li", {
+                    class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
+                  }, vue.toDisplayString(vue.unref(t)("el.cascader.noMatch")), 3)
+                ])
+              ]),
+              _: 3
+            }, 8, ["class", "view-class"])), [
+              [vue.vShow, filtering.value]
+            ]) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 8, ["visible", "teleported", "popper-class", "fallback-placements", "placement", "transition", "persistent"]);
+      };
+    }
+  });
+  var Cascader$1 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "cascader.vue"]]);
+
+  const ElCascader = withInstall(Cascader$1);
+
   const REPEAT_INTERVAL = 100;
   const REPEAT_DELAY = 600;
   const vRepeatClick = {
@@ -18283,22 +20765,22 @@
     }
   };
 
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false
   });
   function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$8], ["__file", "collection.vue"]]);
+  var Collection = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$8], ["__file", "collection.vue"]]);
 
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     name: "ElCollectionItem",
     inheritAttrs: false
   });
   function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default");
   }
-  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$7], ["__file", "collection-item.vue"]]);
+  var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7], ["__file", "collection-item.vue"]]);
 
   const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
   const createCollectionWithScope = (name) => {
@@ -18444,12 +20926,6 @@
   buildProps({
     onKeydown: { type: definePropType(Function) }
   });
-  [
-    EVENT_CODE.down,
-    EVENT_CODE.pageDown,
-    EVENT_CODE.home
-  ];
-  [EVENT_CODE.up, EVENT_CODE.pageUp, EVENT_CODE.end];
   createCollectionWithScope("Dropdown");
 
   const inputNumberProps = buildProps({
@@ -18508,11 +20984,11 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const __default__$f = vue.defineComponent({
+  const __default__$h = vue.defineComponent({
     name: "ElInputNumber"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -18838,7 +21314,7 @@
       };
     }
   });
-  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "input-number.vue"]]);
+  var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "input-number.vue"]]);
 
   const ElInputNumber = withInstall(InputNumber);
 
@@ -18885,11 +21361,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$e = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "ElLink"
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -18929,7 +21405,7 @@
       };
     }
   });
-  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "link.vue"]]);
+  var Link = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "link.vue"]]);
 
   const ElLink = withInstall(Link);
 
@@ -18940,12 +21416,12 @@
     const select = vue.inject(selectKey);
     const selectGroup = vue.inject(selectGroupKey, { disabled: false });
     const itemSelected = vue.computed(() => {
-      return contains(castArray(select.props.modelValue), props.value);
+      return contains(castArray$1(select.props.modelValue), props.value);
     });
     const limitReached = vue.computed(() => {
       var _a;
       if (select.props.multiple) {
-        const modelValue = castArray((_a = select.props.modelValue) != null ? _a : []);
+        const modelValue = castArray$1((_a = select.props.modelValue) != null ? _a : []);
         return !itemSelected.value && modelValue.length >= select.props.multipleLimit && select.props.multipleLimit > 0;
       } else {
         return false;
@@ -19011,7 +21487,7 @@
     };
   }
 
-  const _sfc_main$l = vue.defineComponent({
+  const _sfc_main$n = vue.defineComponent({
     name: "ElOption",
     componentName: "ElOption",
     props: {
@@ -19101,9 +21577,9 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$6], ["__file", "option.vue"]]);
+  var Option = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$6], ["__file", "option.vue"]]);
 
-  const _sfc_main$k = vue.defineComponent({
+  const _sfc_main$m = vue.defineComponent({
     name: "ElSelectDropdown",
     componentName: "ElSelectDropdown",
     setup() {
@@ -19150,7 +21626,7 @@
       ], 2)) : vue.createCommentVNode("v-if", true)
     ], 6);
   }
-  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$5], ["__file", "select-dropdown.vue"]]);
+  var ElSelectMenu$1 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$5], ["__file", "select-dropdown.vue"]]);
 
   const useSelect$1 = (props, emit) => {
     const { t } = useLocale();
@@ -19290,7 +21766,7 @@
     });
     const shouldShowPlaceholder = vue.computed(() => {
       if (props.multiple && !isUndefined(props.modelValue)) {
-        return castArray(props.modelValue).length === 0 && !states.inputValue;
+        return castArray$1(props.modelValue).length === 0 && !states.inputValue;
       }
       const value = isArray$1(props.modelValue) ? props.modelValue[0] : props.modelValue;
       return props.filterable || isUndefined(value) ? !states.inputValue : true;
@@ -19386,7 +21862,7 @@
       }
       const result = [];
       if (!isUndefined(props.modelValue)) {
-        castArray(props.modelValue).forEach((value) => {
+        castArray$1(props.modelValue).forEach((value) => {
           result.push(getOption(value));
         });
       }
@@ -19467,7 +21943,7 @@
       if (e.code === EVENT_CODE.delete)
         return;
       if (e.target.value.length <= 0) {
-        const value = castArray(props.modelValue).slice();
+        const value = castArray$1(props.modelValue).slice();
         const lastNotDisabledIndex = getLastNotDisabledIndex(value);
         if (lastNotDisabledIndex < 0)
           return;
@@ -19481,7 +21957,7 @@
     const deleteTag = (event, tag) => {
       const index = states.selected.indexOf(tag);
       if (index > -1 && !selectDisabled.value) {
-        const value = castArray(props.modelValue).slice();
+        const value = castArray$1(props.modelValue).slice();
         value.splice(index, 1);
         emit(UPDATE_MODEL_EVENT, value);
         emitChange(value);
@@ -19509,7 +21985,7 @@
     const handleOptionSelect = (option) => {
       var _a;
       if (props.multiple) {
-        const value = castArray((_a = props.modelValue) != null ? _a : []).slice();
+        const value = castArray$1((_a = props.modelValue) != null ? _a : []).slice();
         const optionIndex = getValueIndex(value, option);
         if (optionIndex > -1) {
           value.splice(optionIndex, 1);
@@ -19916,7 +22392,7 @@
   });
 
   const COMPONENT_NAME = "ElSelect";
-  const _sfc_main$j = vue.defineComponent({
+  const _sfc_main$l = vue.defineComponent({
     name: COMPONENT_NAME,
     componentName: COMPONENT_NAME,
     components: {
@@ -20326,9 +22802,9 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$4], ["__file", "select.vue"]]);
+  var Select$2 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$4], ["__file", "select.vue"]]);
 
-  const _sfc_main$i = vue.defineComponent({
+  const _sfc_main$k = vue.defineComponent({
     name: "ElOptionGroup",
     componentName: "ElOptionGroup",
     props: {
@@ -20349,7 +22825,7 @@
         return ((_a = node.type) == null ? void 0 : _a.name) === "ElOption" && !!((_b = node.component) == null ? void 0 : _b.proxy);
       };
       const flattedChildren = (node) => {
-        const Nodes = castArray(node);
+        const Nodes = castArray$1(node);
         const children2 = [];
         Nodes.forEach((child) => {
           var _a, _b;
@@ -20400,9 +22876,9 @@
       [vue.vShow, _ctx.visible]
     ]);
   }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$3], ["__file", "option-group.vue"]]);
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$3], ["__file", "option-group.vue"]]);
 
-  const ElSelect = withInstall(Select$1, {
+  const ElSelect = withInstall(Select$2, {
     Option,
     OptionGroup
   });
@@ -20471,11 +22947,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$d = vue.defineComponent({
+  const __default__$f = vue.defineComponent({
     name: "ElPopover"
   });
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$f,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -20574,7 +23050,7 @@
       };
     }
   });
-  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "popover.vue"]]);
+  var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "popover.vue"]]);
 
   const attachEvents = (el, binding) => {
     const popperComponent = binding.arg || binding.value;
@@ -20598,7 +23074,7 @@
     directive: ElPopoverDirective
   });
 
-  const _sfc_main$g = vue.defineComponent({
+  const _sfc_main$i = vue.defineComponent({
     props: {
       item: {
         type: Object,
@@ -20622,7 +23098,7 @@
       style: vue.normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
     }, vue.toDisplayString(_ctx.item.label), 7);
   }
-  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$2], ["__file", "group-item.vue"]]);
+  var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$2], ["__file", "group-item.vue"]]);
 
   function useOption(props, { emit }) {
     return {
@@ -20799,7 +23275,7 @@
     selected: Boolean,
     created: Boolean
   });
-  const selectEmits = {
+  const selectEmits$1 = {
     [UPDATE_MODEL_EVENT]: (val) => true,
     [CHANGE_EVENT]: (val) => true,
     "remove-tag": (val) => true,
@@ -20815,7 +23291,7 @@
 
   const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-  const _sfc_main$f = vue.defineComponent({
+  const _sfc_main$h = vue.defineComponent({
     props: OptionProps,
     emits: optionEmits,
     setup(props, { emit }) {
@@ -20854,7 +23330,7 @@
       ])
     ], 46, ["aria-selected", "onMousemove", "onClick"]);
   }
-  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$1], ["__file", "option-item.vue"]]);
+  var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$1], ["__file", "option-item.vue"]]);
 
   var safeIsNaN = Number.isNaN || function ponyfill(value) {
     return typeof value === "number" && value !== value;
@@ -22868,7 +25344,7 @@
     };
   };
 
-  const _sfc_main$e = vue.defineComponent({
+  const _sfc_main$g = vue.defineComponent({
     name: "ElSelectV2",
     components: {
       ElSelectMenu,
@@ -22878,7 +25354,7 @@
     },
     directives: { ClickOutside },
     props: SelectProps,
-    emits: selectEmits,
+    emits: selectEmits$1,
     setup(props, { emit }) {
       const modelValue = vue.computed(() => {
         const { modelValue: rawModelValue, multiple } = props;
@@ -23255,9 +25731,9 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render], ["__file", "select.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render], ["__file", "select.vue"]]);
 
-  const ElSelectV2 = withInstall(Select);
+  const ElSelectV2 = withInstall(Select$1);
 
   const _hoisted_1$b = ["onClick"];
   const _hoisted_2$9 = { class: "hzzt-dropdown-name" };
@@ -23266,11 +25742,11 @@
   const _hoisted_5$3 = ["onClick"];
   const _hoisted_6$3 = { class: "submenu" };
   const _hoisted_7$3 = ["onClick"];
-  const __default__$c = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "HzztDropDown"
   });
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: {
       options: {
         type: definePropType$1(Array),
@@ -23330,7 +25806,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", {
+                  vue.unref(isEmpty$1)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
                     key: index,
                     class: vue.normalizeClass({
                       "hzzt-dropdown-menu-item": true,
@@ -23379,7 +25855,7 @@
       };
     }
   });
-  var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "index.vue"]]);
+  var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "index.vue"]]);
 
   const HzztDropdown = withInstall$1(Dropdown);
 
@@ -23393,11 +25869,11 @@
     key: 0,
     class: "hzzt-collapse-text"
   };
-  const __default__$b = vue.defineComponent({
+  const __default__$d = vue.defineComponent({
     name: "HzztCollapse"
   });
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
     props: {
       defaultActive: {
         type: Boolean,
@@ -23443,11 +25919,11 @@
       };
     }
   });
-  var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "collapse.vue"]]);
+  var Collapse = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__file", "collapse.vue"]]);
 
   const HzztCollapse = withInstall$1(Collapse);
 
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       name: {
@@ -23473,7 +25949,7 @@
       };
     }
   });
-  var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__file", "index.vue"]]);
+  var HzztIcon$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "index.vue"]]);
 
   const _hoisted_1$9 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
   const _hoisted_2$7 = { class: "flex align-items-center" };
@@ -23485,11 +25961,11 @@
     class: "hzzt-tab-badge-count"
   };
   const _hoisted_7$1 = { class: "flex wrap" };
-  const __default__$a = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "HzztTab"
   });
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: {
       tabList: {
         type: Array,
@@ -23560,7 +26036,7 @@
       };
     }
   });
-  var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__file", "index.vue"]]);
+  var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "index.vue"]]);
 
   const HzztTab = withInstall$1(Tab);
 
@@ -23580,11 +26056,11 @@
   const _hoisted_2$6 = { class: "flex align-items-center font-12 hzzt-pagination-total" };
   const _hoisted_3$3 = { class: "flex align-items-center hzzt-pagination-page font-14" };
   const _hoisted_4$2 = { class: "flex" };
-  const __default__$9 = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "HzztPagination"
   });
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: {
       pagination: {
         type: Object,
@@ -23634,18 +26110,18 @@
       };
     }
   });
-  var Pagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "index.vue"]]);
+  var Pagination = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__file", "index.vue"]]);
 
   const HzztPagination = withInstall$1(Pagination);
 
   const _hoisted_1$7 = { class: "flex align-content-center" };
   const _hoisted_2$5 = { style: { "max-width": "300px" } };
   const _hoisted_3$2 = { style: { "padding": "0", "margin": "0", "word-break": "break-all", "white-space": "pre-wrap" } };
-  const __default__$8 = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "HzztTooltip"
   });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: {
       content: {
         type: String,
@@ -23679,7 +26155,7 @@
       };
     }
   });
-  var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__file", "tooltip.vue"]]);
 
   const HzztTooltip = withInstall$1(Tooltip);
 
@@ -23696,11 +26172,11 @@
     key: 0,
     class: "margin-l-1 margin-r-2"
   };
-  const __default__$7 = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "HzztPageSize"
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: {
       modelValue: {
         type: Number,
@@ -23827,15 +26303,15 @@
       };
     }
   });
-  var PageSize = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "index.vue"]]);
+  var PageSize = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__file", "index.vue"]]);
 
   const HzztPageSize = withInstall$1(PageSize);
 
-  const __default__$6 = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "HzztConfirmPassword"
   });
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: {
       placeholder: {
         type: String,
@@ -23895,16 +26371,16 @@
       };
     }
   });
-  var ConfirmPassword = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "confirm-password.vue"]]);
+  var ConfirmPassword = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__file", "confirm-password.vue"]]);
 
   const HzztConfirmPassword = withInstall$1(ConfirmPassword);
 
   const _hoisted_1$5 = ["onClick"];
-  const __default__$5 = vue.defineComponent({
+  const __default__$7 = vue.defineComponent({
     name: "HzztCheckButton"
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$7,
     props: {
       options: {
         type: Array,
@@ -23974,7 +26450,7 @@
       };
     }
   });
-  var CheckButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "index.vue"]]);
+  var CheckButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__file", "index.vue"]]);
 
   const HzztCheckButton = withInstall$1(CheckButton);
 
@@ -24187,11 +26663,11 @@
   var dayjs = dayjs_min.exports;
 
   const parseDate = function(date, format, lang) {
-    const day = isEmpty(format) || format === "x" ? dayjs(date).locale(lang) : dayjs(date, format).locale(lang);
+    const day = isEmpty$1(format) || format === "x" ? dayjs(date).locale(lang) : dayjs(date, format).locale(lang);
     return day.isValid() ? day : void 0;
   };
   const formatter = function(date, format, lang) {
-    if (isEmpty(format))
+    if (isEmpty$1(format))
       return date;
     if (format === "x")
       return +date;
@@ -24232,11 +26708,11 @@
   const _hoisted_9 = { class: "cell" };
   const _hoisted_10 = { class: "cell" };
   const _hoisted_11 = { class: "cell" };
-  const __default__$4 = vue.defineComponent({
+  const __default__$6 = vue.defineComponent({
     name: "HzztQuarterPicker"
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$6,
     props: {
       size: useSizeProp$1,
       format: {
@@ -24476,7 +26952,7 @@
       };
     }
   });
-  var QuarterPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "index.vue"]]);
+  var QuarterPicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__file", "index.vue"]]);
 
   const HzztQuarterPicker = withInstall$1(QuarterPicker);
 
@@ -24516,12 +26992,12 @@
     class: "width-100%",
     style: { "overflow": "hidden" }
   };
-  const __default__$3 = vue.defineComponent({
+  const __default__$5 = vue.defineComponent({
     inheritAttrs: false,
     name: "HzztScan"
   });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$5,
     props: scanProps,
     emits: scanEmits,
     setup(__props, { expose, emit }) {
@@ -24640,7 +27116,7 @@
       };
     }
   });
-  var Scan = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__file", "scan.vue"]]);
+  var Scan = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__file", "scan.vue"]]);
 
   const HzztScan = withInstall$1(Scan);
 
@@ -24686,11 +27162,11 @@
 
   const _hoisted_1$2 = { slot: "append" };
   const _hoisted_2$1 = { key: 0 };
-  const __default__$2 = vue.defineComponent({
+  const __default__$4 = vue.defineComponent({
     name: "HzztSelectInput"
   });
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$4,
     props: selectInputProps,
     emits: selectInputEmits,
     setup(__props, { emit }) {
@@ -24799,7 +27275,7 @@
       };
     }
   });
-  var SelectInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "select-input.vue"]]);
+  var SelectInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__file", "select-input.vue"]]);
 
   const HzztSelectInput = withInstall$1(SelectInput);
 
@@ -24830,11 +27306,11 @@
 
   const _hoisted_1$1 = { class: "flex column" };
   const _hoisted_2 = { class: "flex align-items-center" };
-  const __default__$1 = vue.defineComponent({
+  const __default__$3 = vue.defineComponent({
     name: "HzztSelectTextarea"
   });
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1,
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$3,
     props: selectTextareaProps,
     emits: selectTextareaEmits,
     setup(__props, { emit }) {
@@ -24870,6 +27346,7 @@
       function selectChange(val) {
         if (!inputVal.value && inputVal.value !== 0)
           inputVal.value = "";
+        selectValue.value = "";
         let content = val;
         if (!props.replace) {
           const inputEl = inputRef.value.$el.getElementsByTagName("textarea")[0];
@@ -24919,7 +27396,7 @@
       };
     }
   });
-  var SelectTextarea = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "select-textarea.vue"]]);
+  var SelectTextarea = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__file", "select-textarea.vue"]]);
 
   const HzztSelectTextarea = withInstall$1(SelectTextarea);
 
@@ -24945,11 +27422,11 @@
   };
 
   const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
-  const __default__ = vue.defineComponent({
+  const __default__$2 = vue.defineComponent({
     name: "HzztInputRange"
   });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$2,
     props: inputRangeProps,
     emits: inputRangeEmits,
     setup(__props, { emit }) {
@@ -24972,7 +27449,7 @@
         deep: true
       });
       function change() {
-        if (startValue.value && endValue.value) {
+        if (startValue.value || endValue.value) {
           const modelValue = [startValue.value, endValue.value];
           emit("update:modelValue", modelValue);
           emit("change", modelValue);
@@ -25013,10 +27490,379 @@
       };
     }
   });
-  var InputRange = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__file", "input-range.vue"]]);
+  var InputRange = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "input-range.vue"]]);
 
   const HzztInputRange = withInstall$1(InputRange);
 
+  const cascaderProps = buildProps$1({
+    cascaderProps: {
+      type: Object,
+      default: () => ({
+        showAllLevels: true
+      })
+    },
+    disabled: Boolean,
+    readonly: Boolean,
+    clearable: Boolean,
+    size: useSizeProp$1,
+    options: {
+      type: definePropType$1(Array),
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: definePropType$1([
+        String
+      ]),
+      default: ""
+    }
+  });
+  const cascaderEmits = {
+    [UPDATE_MODEL_EVENT$1]: (value) => isString$1(value),
+    input: (value) => isString$1(value),
+    change: (value) => isString$1(value)
+  };
+
+  function getCascaderId(targetId = "", list = []) {
+    function get(list2, arr = []) {
+      var _a;
+      for (let i = 0; i < list2.length; i++) {
+        const item = list2[i];
+        if (item.value === targetId) {
+          arr.unshift(item.value);
+          break;
+        }
+        if ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) {
+          arr = get(item.children, arr);
+          if (arr.length) {
+            if (item.value) {
+              arr.unshift(item.value);
+            }
+            break;
+          }
+        }
+      }
+      return arr;
+    }
+    return get(list, []);
+  }
+
+  const __default__$1 = vue.defineComponent({
+    name: "HzztCascader"
+  });
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1,
+    props: cascaderProps,
+    emits: cascaderEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const attrs = vue.useAttrs();
+      const inputVal = vue.ref(props.modelValue);
+      const cascaderVal = vue.ref();
+      const inputRef = vue.ref();
+      const cascaderRef = vue.ref();
+      const nsCascader = useNamespace$1("cascader");
+      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(() => [
+        "relative",
+        nsCascader.b(),
+        nsCascader.m(trueSize.value)
+      ]);
+      const inputCls = vue.computed(() => [
+        nsCascader.e("input")
+      ]);
+      const cascaderCls = vue.computed(() => [
+        nsCascader.e("cascader")
+      ]);
+      const _inputProps = vue.computed(() => ({
+        disabled: trueDisabled.value,
+        size: trueSize.value,
+        clearable: props.clearable,
+        placeholder: props.placeholder,
+        readonly: props.readonly,
+        ...attrs
+      }));
+      const _cascaderProps = vue.computed(() => ({
+        options: props.options,
+        disabled: trueDisabled.value,
+        size: trueSize.value,
+        clearable: props.clearable,
+        placeholder: props.placeholder,
+        props: { checkStrictly: true, expandTrigger: "hover" },
+        filterable: true,
+        separator: "/",
+        showAllLevels: true,
+        ...props.cascaderProps
+      }));
+      vue.watch(() => props.modelValue, (v) => {
+        inputVal.value = v;
+        getCascaderVal();
+      });
+      vue.watch(() => props.options, (v) => {
+        if (!v)
+          return;
+        getCascaderVal();
+      });
+      getCascaderVal();
+      function input(str) {
+        emit("update:modelValue", str);
+        emit("input", str);
+      }
+      function change(str) {
+        emit("change", str);
+      }
+      function click(e) {
+        cascaderRef.value.togglePopperVisible();
+        const target = e.target;
+        target.focus();
+      }
+      function cascaderChange(val) {
+        const separator = _cascaderProps.value.separator || "/";
+        inputVal.value = val ? isArray$1(val) ? val.join(separator) : [val].join(separator) : "";
+        input(inputVal.value);
+        change(inputVal.value);
+      }
+      function getCascaderVal() {
+        const separator = _cascaderProps.value.separator || "/";
+        if (_cascaderProps.value.showAllLevels === false) {
+          const list = getCascaderId(props.modelValue, props.options);
+          cascaderVal.value = list.join(separator);
+        } else {
+          cascaderVal.value = (props.modelValue || "").split(separator);
+        }
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(containerCls))
+        }, [
+          vue.createVNode(vue.unref(ElInput), vue.mergeProps({
+            class: vue.unref(inputCls),
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+            ref_key: "inputRef",
+            ref: inputRef
+          }, vue.unref(_inputProps), {
+            onInput: input,
+            onClick: click,
+            onChange: change
+          }), null, 16, ["class", "modelValue"]),
+          vue.createVNode(vue.unref(ElCascader), vue.mergeProps({
+            class: vue.unref(cascaderCls),
+            modelValue: cascaderVal.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cascaderVal.value = $event),
+            ref_key: "cascaderRef",
+            ref: cascaderRef
+          }, vue.unref(_cascaderProps), { onChange: cascaderChange }), null, 16, ["class", "modelValue"])
+        ], 2);
+      };
+    }
+  });
+  var Cascader = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "cascader.vue"]]);
+
+  const HzztCascader = withInstall$1(Cascader);
+
+  const selectProps = buildProps$1({
+    selectProps: Object,
+    options: {
+      type: definePropType$1(Array),
+      default: () => []
+    },
+    modelValue: {
+      type: definePropType$1([
+        String
+      ]),
+      default: ""
+    },
+    disabled: Boolean,
+    readonly: Boolean,
+    clearable: Boolean,
+    placeholder: String,
+    size: useSizeProp$1
+  });
+  const selectEmits = {
+    [UPDATE_MODEL_EVENT$1]: (value) => isString$1(value),
+    "input": (value) => isString$1(value),
+    "change": (value) => isString$1(value),
+    "arrow-down": (e) => e,
+    "arrow-up": (e) => e,
+    "arrow-left": (e) => e,
+    "arrow-right": (e) => e,
+    "enter": (e) => e
+  };
+
+  const __default__ = vue.defineComponent({
+    name: "HzztSelect",
+    inheritAttrs: false
+  });
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...__default__,
+    props: selectProps,
+    emits: selectEmits,
+    setup(__props, { emit }) {
+      const props = __props;
+      const attrs = vue.useAttrs();
+      const inputVal = vue.ref(props.modelValue);
+      const selectVal = vue.ref();
+      const inputRef = vue.ref();
+      const selectRef = vue.ref();
+      const arrowName = vue.ref("arrow-down");
+      const nsSelect = useNamespace$1("select");
+      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 trueReadonly = vue.computed(() => props.readonly || trueDisabled.value);
+      const containerCls = vue.computed(() => [
+        "relative",
+        "line-height-1",
+        attrs.class,
+        nsSelect.b(),
+        nsSelect.m(trueSize.value)
+      ]);
+      const containerStyle = vue.computed(() => attrs.style);
+      const inputCls = vue.computed(() => [
+        nsSelect.e("input"),
+        "width-100%"
+      ]);
+      const selectCls = vue.computed(() => [
+        nsSelect.e("select"),
+        "width-100%"
+      ]);
+      const _inputProps = vue.computed(() => ({
+        disabled: trueDisabled.value,
+        size: trueSize.value,
+        clearable: props.clearable,
+        placeholder: props.placeholder,
+        readonly: props.readonly,
+        ...attrs,
+        class: "",
+        style: {
+          position: trueReadonly.value ? "static" : "absolute",
+          left: 0,
+          top: 0,
+          right: 0,
+          zIndex: 2
+        }
+      }));
+      const _selectProps = vue.computed(() => ({
+        options: props.options,
+        size: trueSize.value,
+        filterable: true,
+        popperClass: "select-v2-popper-min-width-100",
+        ...props.selectProps
+      }));
+      vue.watch(() => props.modelValue, (v) => {
+        inputVal.value = v;
+      });
+      vue.watch(() => inputVal.value, (v) => {
+        selectVal.value = v;
+      });
+      function input(str) {
+        var _a;
+        if ((_a = selectRef.value) == null ? void 0 : _a.dropdownMenuVisible) {
+          selectRef.value.states.inputValue = inputVal.value;
+          selectRef.value.debouncedOnInputChange();
+        }
+        emit("update:modelValue", str);
+        emit("input", str);
+      }
+      function change(str) {
+        emit("change", str);
+      }
+      function keydown(e) {
+        var _a, _b;
+        const key = "key" in e && e.key;
+        if (key === "ArrowDown") {
+          emit("arrow-down", e);
+          selectRef.value.dropdownMenuVisible = false;
+        } else if (key === "ArrowUp") {
+          emit("arrow-up", e);
+          selectRef.value.dropdownMenuVisible = false;
+        } else if (key === "ArrowLeft") {
+          const index = inputRef.value.input.selectionStart;
+          if (index === 0) {
+            emit("arrow-left", e);
+            selectRef.value.dropdownMenuVisible = false;
+          }
+        } else if (key === "ArrowRight") {
+          const index = inputRef.value.input.selectionStart;
+          if (((_b = (_a = inputVal.value) == null ? void 0 : _a.length) != null ? _b : 0) === index) {
+            emit("arrow-right", e);
+            selectRef.value.dropdownMenuVisible = false;
+          }
+        } else if (key === "Enter") {
+          emit("enter", e);
+          selectRef.value.dropdownMenuVisible = false;
+        }
+      }
+      function showSelect() {
+        if (selectRef.value) {
+          selectRef.value.dropdownMenuVisible = !selectRef.value.dropdownMenuVisible;
+        }
+      }
+      function selectChange(v) {
+        emit("update:modelValue", v);
+        inputVal.value = v;
+        setTimeout(() => {
+          inputRef.value.focus();
+          selectRef.value.dropdownMenuVisible = false;
+        });
+        emit("change", inputVal.value);
+      }
+      function selectVisibleChange(v) {
+        arrowName.value = v ? "arrow-up" : "arrow-down";
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(containerCls)),
+          style: vue.normalizeStyle(vue.unref(containerStyle))
+        }, [
+          vue.createVNode(vue.unref(ElInput), vue.mergeProps({
+            class: vue.unref(inputCls),
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+            ref_key: "inputRef",
+            ref: inputRef
+          }, vue.unref(_inputProps), {
+            onInput: input,
+            onChange: change,
+            onKeydown: keydown
+          }), {
+            suffix: vue.withCtx(() => [
+              !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(HzztIcon$1, {
+                key: 0,
+                class: "pointer",
+                name: arrowName.value,
+                onClick: showSelect
+              }, null, 8, ["name"])) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          }, 16, ["class", "modelValue"]),
+          !vue.unref(trueReadonly) ? (vue.openBlock(), vue.createBlock(vue.unref(ElSelectV2), vue.mergeProps({
+            key: 0,
+            class: vue.unref(selectCls),
+            modelValue: selectVal.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectVal.value = $event),
+            ref_key: "selectRef",
+            ref: selectRef
+          }, vue.unref(_selectProps), {
+            onChange: selectChange,
+            onVisibleChange: selectVisibleChange
+          }), null, 16, ["class", "modelValue"])) : vue.createCommentVNode("v-if", true)
+        ], 6);
+      };
+    }
+  });
+  var Select = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__file", "select.vue"]]);
+
+  const HzztSelect = withInstall$1(Select);
+
   var Components = [
     HzztConfigProvider,
     HzztTitle,
@@ -25033,7 +27879,9 @@
     HzztScan,
     HzztSelectInput,
     HzztSelectTextarea,
-    HzztInputRange
+    HzztInputRange,
+    HzztCascader,
+    HzztSelect
   ];
 
   var Plugins = [];
@@ -25251,6 +28099,7 @@
   exports.Drag = Drag;
   exports.Height = Height;
   exports.Highlight = Highlight;
+  exports.HzztCascader = HzztCascader;
   exports.HzztCheckButton = HzztCheckButton;
   exports.HzztCollapse = HzztCollapse;
   exports.HzztConfigProvider = HzztConfigProvider;
@@ -25262,6 +28111,7 @@
   exports.HzztPagination = HzztPagination;
   exports.HzztQuarterPicker = HzztQuarterPicker;
   exports.HzztScan = HzztScan;
+  exports.HzztSelect = HzztSelect;
   exports.HzztSelectInput = HzztSelectInput;
   exports.HzztSelectTextarea = HzztSelectTextarea;
   exports.HzztTab = HzztTab;
@@ -25274,6 +28124,8 @@
   exports.WEEK_DAYS = WEEK_DAYS;
   exports.buildLocaleContext = buildLocaleContext$1;
   exports.buildTranslator = buildTranslator$1;
+  exports.cascaderEmits = cascaderEmits;
+  exports.cascaderProps = cascaderProps;
   exports.componentSizeMap = componentSizeMap;
   exports.componentSizes = componentSizes$1;
   exports.configProviderContextKey = configProviderContextKey$1;
@@ -25292,8 +28144,10 @@
   exports.provideGlobalConfig = provideGlobalConfig;
   exports.scanEmits = scanEmits;
   exports.scanProps = scanProps;
+  exports.selectEmits = selectEmits;
   exports.selectInputEmits = selectInputEmits;
   exports.selectInputProps = selectInputProps;
+  exports.selectProps = selectProps;
   exports.selectTextareaEmits = selectTextareaEmits;
   exports.selectTextareaProps = selectTextareaProps;
   exports.titleProps = titleProps;