hzzt-plus 1.0.3 → 1.0.5

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
 /*! Hzzt Plus v1.0.2 */
 
-import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, unref, getCurrentInstance, onMounted, nextTick, watch, ref, defineComponent, openBlock, createElementBlock, createElementVNode, warn, computed, isRef, inject, provide, renderSlot, useSlots, createCommentVNode, createTextVNode, toDisplayString, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, normalizeClass, normalizeStyle, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, toRaw, toRefs, resolveComponent, resolveDirective, toHandlerKey, renderList, vModelText, h, normalizeProps, guardReactiveProps } from 'vue';
+import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, nextTick, ref, computed, watch, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isRef, inject, provide, renderSlot, useSlots, createCommentVNode, createTextVNode, toDisplayString, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, normalizeClass, normalizeStyle, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, toRaw, vModelCheckbox, toRefs, vModelRadio, h, resolveComponent, renderList, onBeforeUpdate, withKeys, vModelText, createSlots, resolveDirective, toHandlerKey, normalizeProps, guardReactiveProps } from 'vue';
 
 var __defProp$9 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
@@ -161,6 +161,27 @@ const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
 
+function useCssVar(prop, target, { window = defaultWindow, initialValue = "" } = {}) {
+  const variable = ref(initialValue);
+  const elRef = computed(() => {
+    var _a;
+    return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
+  });
+  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 });
+  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;
@@ -310,9 +331,20 @@ const isArray$1 = Array.isArray;
 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;
 
@@ -1982,7 +2014,7 @@ function createCaseFirst(methodName) {
 
 var upperFirst = createCaseFirst("toUpperCase");
 
-function capitalize(string) {
+function capitalize$1(string) {
   return upperFirst(toString(string).toLowerCase());
 }
 
@@ -2291,10 +2323,10 @@ function createCompounder(callback) {
 
 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 [];
   }
@@ -4309,7 +4341,7 @@ var mapTag$2 = "[object Map]";
 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;
   }
@@ -6323,7 +6355,7 @@ var func = {
 };
 
 var lang = {
-  castArray,
+  castArray: castArray$1,
   clone,
   cloneDeep,
   cloneDeepWith,
@@ -6341,7 +6373,7 @@ var lang = {
   isBuffer,
   isDate,
   isElement: isElement$1,
-  isEmpty: isEmpty$1,
+  isEmpty: isEmpty$2,
   isEqual: isEqual$1,
   isEqualWith,
   isError,
@@ -6474,7 +6506,7 @@ var seq = {
 
 var string = {
   camelCase,
-  capitalize,
+  capitalize: capitalize$1,
   deburr,
   endsWith,
   escape,
@@ -7126,7 +7158,7 @@ if (symIterator) {
 
 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);
 
@@ -12971,11 +13003,11 @@ const _hoisted_2$a = {
   class: "decorative-line"
 };
 const _hoisted_3$7 = { class: "label-name" };
-const __default__$t = defineComponent({
+const __default__$C = defineComponent({
   name: "HzztTitle"
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: titleProps,
   setup(__props) {
     const props = __props;
@@ -12997,7 +13029,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -13079,11 +13111,13 @@ const useNamespace = (block, namespaceOverrides) => {
 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;
@@ -13518,12 +13552,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$s = defineComponent({
+const __default__$B = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -13547,7 +13581,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -13985,12 +14019,12 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const __default__$r = defineComponent({
+const __default__$A = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -14395,7 +14429,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -14444,8 +14478,8 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$2 = "Thumb";
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const COMPONENT_NAME$3 = "Thumb";
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14453,7 +14487,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const scrollbar = 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 = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -14564,7 +14598,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14577,7 +14611,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14635,7 +14669,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14691,12 +14725,12 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
-const COMPONENT_NAME$1 = "ElScrollbar";
-const __default__$q = defineComponent({
-  name: COMPONENT_NAME$1
+const COMPONENT_NAME$2 = "ElScrollbar";
+const __default__$z = defineComponent({
+  name: COMPONENT_NAME$2
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -14848,7 +14882,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -14873,12 +14907,12 @@ const popperProps = buildProps({
   }
 });
 
-const __default__$p = defineComponent({
+const __default__$y = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14901,7 +14935,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -14910,12 +14944,12 @@ const popperArrowProps = buildProps({
   }
 });
 
-const __default__$o = defineComponent({
+const __default__$x = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14941,7 +14975,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -15020,6 +15054,21 @@ const isFocusable = (element) => {
     }
   }
 };
+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 = defineComponent({
@@ -15076,12 +15125,12 @@ function wrapTextContent(s) {
   }, [s]);
 }
 
-const __default__$n = defineComponent({
+const __default__$w = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -15192,7 +15241,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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";
@@ -15391,7 +15440,7 @@ const useEscapeKeydown = (handler) => {
   });
 };
 
-const _sfc_main$y = defineComponent({
+const _sfc_main$K = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15633,10 +15682,10 @@ const _sfc_main$y = defineComponent({
     };
   }
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return 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});
 
@@ -16015,11 +16064,11 @@ const usePopperContentDOM = (props, {
   };
 };
 
-const __default__$m = defineComponent({
+const __default__$v = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -16135,7 +16184,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16413,11 +16462,11 @@ const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPreve
   return handleEvent;
 };
 
-const __default__$l = defineComponent({
+const __default__$u = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16476,7 +16525,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {
@@ -16486,7 +16535,7 @@ const teleportProps = buildProps({
   disabled: Boolean
 });
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -16500,7 +16549,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -16537,12 +16586,12 @@ const usePopperContainer = () => {
   };
 };
 
-const __default__$k = defineComponent({
+const __default__$t = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -16713,13 +16762,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$s = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -16869,7 +16918,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -17943,11 +17992,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$i = defineComponent({
+const __default__$r = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -18013,18 +18062,18 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$q = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -18042,7 +18091,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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
@@ -18051,84 +18100,1837 @@ withNoopInstall(ButtonGroup);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
-
-const tagProps = buildProps({
-  type: {
-    type: String,
-    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 = defineComponent({
-  name: "ElTag"
+const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
+
+const useCheckboxDisabled = ({
+  model,
+  isChecked
+}) => {
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isLimitDisabled = 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(computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.disabled.value) || isLimitDisabled.value));
+  return {
+    isDisabled,
+    isLimitDisabled
+  };
+};
+
+const useCheckboxEvent = (props, {
+  model,
+  isLimitExceeded,
+  hasOwnLabel,
+  isDisabled,
+  isLabeledByFormItem
+}) => {
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const { formItem } = useFormItem();
+  const { emit } = 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 nextTick();
+        emitChangeEvent(model.value, e);
+      }
+    }
+  }
+  const validateEvent = computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
+  watch(() => props.modelValue, () => {
+    if (validateEvent.value) {
+      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+    }
+  });
+  return {
+    handleChange,
+    onClickRoot
+  };
+};
+
+const useCheckboxModel = (props) => {
+  const selfModel = ref(false);
+  const { emit } = getCurrentInstance();
+  const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+  const isGroup = computed(() => isUndefined(checkboxGroup) === false);
+  const isLimitExceeded = ref(false);
+  const model = 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 = inject(checkboxGroupContextKey, void 0);
+  const isFocused = ref(false);
+  const actualValue = computed(() => {
+    if (!isPropAbsent(props.value)) {
+      return props.value;
+    }
+    return props.label;
+  });
+  const isChecked = computed(() => {
+    const value = model.value;
+    if (isBoolean(value)) {
+      return value;
+    } else if (isArray$1(value)) {
+      if (isObject$1(actualValue.value)) {
+        return value.map(toRaw).some((o) => isEqual$1(o, actualValue.value));
+      } else {
+        return value.map(toRaw).includes(actualValue.value);
+      }
+    } else if (value !== null && value !== void 0) {
+      return value === props.trueValue || value === props.trueLabel;
+    } else {
+      return !!value;
+    }
+  });
+  const checkboxButtonSize = useFormSize(computed(() => {
+    var _a;
+    return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
+  }), {
+    prop: true
+  });
+  const checkboxSize = useFormSize(computed(() => {
+    var _a;
+    return (_a = checkboxGroup == null ? void 0 : checkboxGroup.size) == null ? void 0 : _a.value;
+  }));
+  const hasOwnLabel = 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"
+  }, 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"
+  }, 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"
+  }, computed(() => !!props.falseLabel));
+  return {
+    inputId,
+    isLabeledByFormItem,
+    isChecked,
+    isDisabled,
+    isFocused,
+    checkboxButtonSize,
+    checkboxSize,
+    hasOwnLabel,
+    model,
+    actualValue,
+    handleChange,
+    onClickRoot
+  };
+};
+
+const __default__$p = defineComponent({
+  name: "ElCheckbox"
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
-  props: tagProps,
-  emits: tagEmits,
-  setup(__props, { emit }) {
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
+  props: checkboxProps,
+  emits: checkboxEmits,
+  setup(__props) {
     const props = __props;
-    const tagSize = useFormSize();
-    const ns = useNamespace("tag");
-    const containerKls = computed(() => {
-      const { type, hit, effect, closable, round } = props;
+    const slots = useSlots();
+    const {
+      inputId,
+      isLabeledByFormItem,
+      isChecked,
+      isDisabled,
+      isFocused,
+      checkboxSize,
+      hasOwnLabel,
+      model,
+      actualValue,
+      handleChange,
+      onClickRoot
+    } = useCheckbox(props, slots);
+    const ns = useNamespace("checkbox");
+    const compKls = 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 = 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 ? (openBlock(), createElementBlock("span", {
-        key: 0,
-        class: normalizeClass(unref(containerKls)),
-        style: normalizeStyle({ backgroundColor: _ctx.color }),
-        onClick: handleClick
-      }, [
-        createElementVNode("span", {
-          class: normalizeClass(unref(ns).e("content"))
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        _ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
-          key: 0,
-          class: normalizeClass(unref(ns).e("close")),
+      return openBlock(), createBlock(resolveDynamicComponent(!unref(hasOwnLabel) && unref(isLabeledByFormItem) ? "span" : "label"), {
+        class: normalizeClass(unref(compKls)),
+        "aria-controls": _ctx.indeterminate ? _ctx.ariaControls : null,
+        onClick: unref(onClickRoot)
+      }, {
+        default: withCtx(() => {
+          var _a, _b, _c, _d;
+          return [
+            createElementVNode("span", {
+              class: normalizeClass(unref(spanKls))
+            }, [
+              _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+                key: 0,
+                id: unref(inputId),
+                "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+                class: normalizeClass(unref(ns).e("original")),
+                type: "checkbox",
+                indeterminate: _ctx.indeterminate,
+                name: _ctx.name,
+                tabindex: _ctx.tabindex,
+                disabled: 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: unref(handleChange),
+                onFocus: ($event) => isFocused.value = true,
+                onBlur: ($event) => isFocused.value = false,
+                onClick: withModifiers(() => {
+                }, ["stop"])
+              }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+                [vModelCheckbox, unref(model)]
+              ]) : withDirectives((openBlock(), createElementBlock("input", {
+                key: 1,
+                id: unref(inputId),
+                "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+                class: normalizeClass(unref(ns).e("original")),
+                type: "checkbox",
+                indeterminate: _ctx.indeterminate,
+                disabled: unref(isDisabled),
+                value: unref(actualValue),
+                name: _ctx.name,
+                tabindex: _ctx.tabindex,
+                onChange: unref(handleChange),
+                onFocus: ($event) => isFocused.value = true,
+                onBlur: ($event) => isFocused.value = false,
+                onClick: withModifiers(() => {
+                }, ["stop"])
+              }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "disabled", "value", "name", "tabindex", "onChange", "onFocus", "onBlur", "onClick"])), [
+                [vModelCheckbox, unref(model)]
+              ]),
+              createElementVNode("span", {
+                class: normalizeClass(unref(ns).e("inner"))
+              }, null, 2)
+            ], 2),
+            unref(hasOwnLabel) ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(unref(ns).e("label"))
+            }, [
+              renderSlot(_ctx.$slots, "default"),
+              !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.label), 1)
+              ], 64)) : createCommentVNode("v-if", true)
+            ], 2)) : createCommentVNode("v-if", true)
+          ];
+        }),
+        _: 3
+      }, 8, ["class", "aria-controls", "onClick"]);
+    };
+  }
+});
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "checkbox.vue"]]);
+
+const __default__$o = defineComponent({
+  name: "ElCheckboxButton"
+});
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
+  props: checkboxProps,
+  emits: checkboxEmits,
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const {
+      isFocused,
+      isChecked,
+      isDisabled,
+      checkboxButtonSize,
+      model,
+      actualValue,
+      handleChange
+    } = useCheckbox(props, slots);
+    const checkboxGroup = inject(checkboxGroupContextKey, void 0);
+    const ns = useNamespace("checkbox");
+    const activeStyle = 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 = 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 openBlock(), createElementBlock("label", {
+        class: normalizeClass(unref(labelKls))
+      }, [
+        _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+          key: 0,
+          "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+          class: normalizeClass(unref(ns).be("button", "original")),
+          type: "checkbox",
+          name: _ctx.name,
+          tabindex: _ctx.tabindex,
+          disabled: 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: unref(handleChange),
+          onFocus: ($event) => isFocused.value = true,
+          onBlur: ($event) => isFocused.value = false,
+          onClick: withModifiers(() => {
+          }, ["stop"])
+        }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
+          [vModelCheckbox, unref(model)]
+        ]) : withDirectives((openBlock(), createElementBlock("input", {
+          key: 1,
+          "onUpdate:modelValue": ($event) => isRef(model) ? model.value = $event : null,
+          class: normalizeClass(unref(ns).be("button", "original")),
+          type: "checkbox",
+          name: _ctx.name,
+          tabindex: _ctx.tabindex,
+          disabled: unref(isDisabled),
+          value: unref(actualValue),
+          onChange: unref(handleChange),
+          onFocus: ($event) => isFocused.value = true,
+          onBlur: ($event) => isFocused.value = false,
+          onClick: withModifiers(() => {
+          }, ["stop"])
+        }, null, 42, ["onUpdate:modelValue", "name", "tabindex", "disabled", "value", "onChange", "onFocus", "onBlur", "onClick"])), [
+          [vModelCheckbox, unref(model)]
+        ]),
+        _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", {
+          key: 2,
+          class: normalizeClass(unref(ns).be("button", "inner")),
+          style: normalizeStyle(unref(isChecked) ? unref(activeStyle) : void 0)
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.label), 1)
+          ])
+        ], 6)) : 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 = defineComponent({
+  name: "ElCheckboxGroup"
+});
+const _sfc_main$A = /* @__PURE__ */ 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 nextTick();
+      emit("change", value);
+    };
+    const modelValue = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        changeEvent(val);
+      }
+    });
+    provide(checkboxGroupContextKey, {
+      ...pick(toRefs(props), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue,
+      changeEvent
+    });
+    watch(() => props.modelValue, () => {
+      if (props.validateEvent) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+        id: unref(groupId),
+        class: normalizeClass(unref(ns).b("group")),
+        role: "group",
+        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "checkbox-group" : void 0,
+        "aria-labelledby": unref(isLabeledByFormItem) ? (_a = unref(formItem)) == null ? void 0 : _a.labelId : void 0
+      }, {
+        default: withCtx(() => [
+          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 = ref();
+  const radioGroup = inject(radioGroupKey, void 0);
+  const isGroup = computed(() => !!radioGroup);
+  const actualValue = computed(() => {
+    if (!isPropAbsent(props.value)) {
+      return props.value;
+    }
+    return props.label;
+  });
+  const modelValue = 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(computed(() => radioGroup == null ? void 0 : radioGroup.size));
+  const disabled = useFormDisabled(computed(() => radioGroup == null ? void 0 : radioGroup.disabled));
+  const focus = ref(false);
+  const tabIndex = 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"
+  }, computed(() => isGroup.value && isPropAbsent(props.value)));
+  return {
+    radioRef,
+    isGroup,
+    radioGroup,
+    focus,
+    size,
+    disabled,
+    tabIndex,
+    modelValue,
+    actualValue
+  };
+};
+
+const __default__$m = defineComponent({
+  name: "ElRadio"
+});
+const _sfc_main$z = /* @__PURE__ */ 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() {
+      nextTick(() => emit("change", modelValue.value));
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).is("disabled", unref(disabled)),
+          unref(ns).is("focus", unref(focus)),
+          unref(ns).is("bordered", _ctx.border),
+          unref(ns).is("checked", unref(modelValue) === unref(actualValue)),
+          unref(ns).m(unref(size))
+        ])
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass([
+            unref(ns).e("input"),
+            unref(ns).is("disabled", unref(disabled)),
+            unref(ns).is("checked", unref(modelValue) === unref(actualValue))
+          ])
+        }, [
+          withDirectives(createElementVNode("input", {
+            ref_key: "radioRef",
+            ref: radioRef,
+            "onUpdate:modelValue": ($event) => isRef(modelValue) ? modelValue.value = $event : null,
+            class: normalizeClass(unref(ns).e("original")),
+            value: unref(actualValue),
+            name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
+            disabled: unref(disabled),
+            checked: unref(modelValue) === unref(actualValue),
+            type: "radio",
+            onFocus: ($event) => focus.value = true,
+            onBlur: ($event) => focus.value = false,
+            onChange: handleChange,
+            onClick: withModifiers(() => {
+            }, ["stop"])
+          }, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "checked", "onFocus", "onBlur", "onClick"]), [
+            [vModelRadio, unref(modelValue)]
+          ]),
+          createElementVNode("span", {
+            class: normalizeClass(unref(ns).e("inner"))
+          }, null, 2)
+        ], 2),
+        createElementVNode("span", {
+          class: normalizeClass(unref(ns).e("label")),
+          onKeydown: withModifiers(() => {
+          }, ["stop"])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(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 = defineComponent({
+  name: "ElRadioButton"
+});
+const _sfc_main$y = /* @__PURE__ */ 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 = 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 openBlock(), createElementBlock("label", {
+        class: normalizeClass([
+          unref(ns).b("button"),
+          unref(ns).is("active", unref(modelValue) === unref(actualValue)),
+          unref(ns).is("disabled", unref(disabled)),
+          unref(ns).is("focus", unref(focus)),
+          unref(ns).bm("button", unref(size))
+        ])
+      }, [
+        withDirectives(createElementVNode("input", {
+          ref_key: "radioRef",
+          ref: radioRef,
+          "onUpdate:modelValue": ($event) => isRef(modelValue) ? modelValue.value = $event : null,
+          class: normalizeClass(unref(ns).be("button", "original-radio")),
+          value: unref(actualValue),
+          type: "radio",
+          name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
+          disabled: unref(disabled),
+          onFocus: ($event) => focus.value = true,
+          onBlur: ($event) => focus.value = false,
+          onClick: withModifiers(() => {
+          }, ["stop"])
+        }, null, 42, ["onUpdate:modelValue", "value", "name", "disabled", "onFocus", "onBlur", "onClick"]), [
+          [vModelRadio, unref(modelValue)]
+        ]),
+        createElementVNode("span", {
+          class: normalizeClass(unref(ns).be("button", "inner")),
+          style: normalizeStyle(unref(modelValue) === unref(actualValue) ? unref(activeStyle) : {}),
+          onKeydown: withModifiers(() => {
+          }, ["stop"])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(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 = defineComponent({
+  name: "ElRadioGroup"
+});
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
+  props: radioGroupProps,
+  emits: radioGroupEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("radio");
+    const radioId = useId();
+    const radioGroupRef = ref();
+    const { formItem } = useFormItem();
+    const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
+      formItemContext: formItem
+    });
+    const changeEvent = (value) => {
+      emit(UPDATE_MODEL_EVENT, value);
+      nextTick(() => emit("change", value));
+    };
+    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 = computed(() => {
+      return props.name || radioId.value;
+    });
+    provide(radioGroupKey, reactive({
+      ...toRefs(props),
+      changeEvent,
+      name
+    }));
+    watch(() => props.modelValue, () => {
+      if (props.validateEvent) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: unref(groupId),
+        ref_key: "radioGroupRef",
+        ref: radioGroupRef,
+        class: normalizeClass(unref(ns).b("group")),
+        role: "radiogroup",
+        "aria-label": !unref(isLabeledByFormItem) ? _ctx.ariaLabel || "radio-group" : void 0,
+        "aria-labelledby": unref(isLabeledByFormItem) ? unref(formItem).labelId : void 0
+      }, [
+        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 = 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 h("span", { class: ns.e("label") }, renderLabelFn ? renderLabelFn({ node, data }) : label);
+  }
+});
+
+const CASCADER_PANEL_INJECTION_KEY = Symbol();
+
+const _sfc_main$w = 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 = inject(CASCADER_PANEL_INJECTION_KEY);
+    const ns = useNamespace("cascader-node");
+    const isHoverMenu = computed(() => panel.isHoverMenu);
+    const multiple = computed(() => panel.config.multiple);
+    const checkStrictly = computed(() => panel.config.checkStrictly);
+    const checkedNodeId = computed(() => {
+      var _a;
+      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+    });
+    const isDisabled = computed(() => props.node.isDisabled);
+    const isLeaf = computed(() => props.node.isLeaf);
+    const expandable = computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
+    const inExpandingPath = computed(() => isInPath(panel.expandingNode));
+    const inCheckedPath = 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 = resolveComponent("el-checkbox");
+  const _component_el_radio = resolveComponent("el-radio");
+  const _component_check = resolveComponent("check");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_node_content = resolveComponent("node-content");
+  const _component_loading = resolveComponent("loading");
+  const _component_arrow_right = resolveComponent("arrow-right");
+  return openBlock(), 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: 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
+  }, [
+    createCommentVNode(" prefix "),
+    _ctx.multiple ? (openBlock(), createBlock(_component_el_checkbox, {
+      key: 0,
+      "model-value": _ctx.node.checked,
+      indeterminate: _ctx.node.indeterminate,
+      disabled: _ctx.isDisabled,
+      onClick: withModifiers(() => {
+      }, ["stop"]),
+      "onUpdate:modelValue": _ctx.handleSelectCheck
+    }, null, 8, ["model-value", "indeterminate", "disabled", "onClick", "onUpdate:modelValue"])) : _ctx.checkStrictly ? (openBlock(), createBlock(_component_el_radio, {
+      key: 1,
+      "model-value": _ctx.checkedNodeId,
+      label: _ctx.node.uid,
+      disabled: _ctx.isDisabled,
+      "onUpdate:modelValue": _ctx.handleSelectCheck,
+      onClick: withModifiers(() => {
+      }, ["stop"])
+    }, {
+      default: withCtx(() => [
+        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      "),
+        createElementVNode("span")
+      ]),
+      _: 1
+    }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue", "onClick"])) : _ctx.isLeaf && _ctx.node.checked ? (openBlock(), createBlock(_component_el_icon, {
+      key: 2,
+      class: normalizeClass(_ctx.ns.e("prefix"))
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_check)
+      ]),
+      _: 1
+    }, 8, ["class"])) : createCommentVNode("v-if", true),
+    createCommentVNode(" content "),
+    createVNode(_component_node_content),
+    createCommentVNode(" postfix "),
+    !_ctx.isLeaf ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+      _ctx.node.loading ? (openBlock(), createBlock(_component_el_icon, {
+        key: 0,
+        class: normalizeClass([_ctx.ns.is("loading"), _ctx.ns.e("postfix")])
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_loading)
+        ]),
+        _: 1
+      }, 8, ["class"])) : (openBlock(), createBlock(_component_el_icon, {
+        key: 1,
+        class: normalizeClass(["arrow-right", _ctx.ns.e("postfix")])
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_arrow_right)
+        ]),
+        _: 1
+      }, 8, ["class"]))
+    ], 64)) : 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 = 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 = getCurrentInstance();
+    const ns = useNamespace("cascader-menu");
+    const { t } = useLocale();
+    const id = useId();
+    let activeNode = null;
+    let hoverTimer = null;
+    const panel = inject(CASCADER_PANEL_INJECTION_KEY);
+    const hoverZone = ref(null);
+    const isEmpty = computed(() => !props.nodes.length);
+    const isLoading = computed(() => !panel.initialLoaded);
+    const menuId = 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 = resolveComponent("el-cascader-node");
+  const _component_loading = resolveComponent("loading");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
+  return openBlock(), createBlock(_component_el_scrollbar, {
+    key: _ctx.menuId,
+    tag: "ul",
+    role: "menu",
+    class: 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: withCtx(() => {
+      var _a;
+      return [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
+          return openBlock(), 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 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.ns.e("empty-text"))
+        }, [
+          createVNode(_component_el_icon, {
+            size: "14",
+            class: normalizeClass(_ctx.ns.is("loading"))
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_loading)
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          createTextVNode(" " + toDisplayString(_ctx.t("el.cascader.loading")), 1)
+        ], 2)) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(_ctx.ns.e("empty-text"))
+        }, [
+          renderSlot(_ctx.$slots, "empty", {}, () => [
+            createTextVNode(toDisplayString(_ctx.t("el.cascader.noData")), 1)
+          ])
+        ], 2)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock("svg", {
+          key: 2,
+          ref: "hoverZone",
+          class: normalizeClass(_ctx.ns.e("hover-zone"))
+        }, null, 2)) : 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 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 = 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 = ref(true);
+    const menuList = ref([]);
+    const checkedValue = ref(null);
+    const menus = ref([]);
+    const expandingNode = ref(null);
+    const checkedNodes = ref([]);
+    const isHoverMenu = computed(() => config.value.expandTrigger === "hover");
+    const renderLabelFn = 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));
+      reactive(newNodes).forEach((node) => node.doCheck(true));
+      checkedNodes.value = newNodes;
+      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;
+      }
+    };
+    provide(CASCADER_PANEL_INJECTION_KEY, reactive({
+      config,
+      expandingNode,
+      checkedNodes,
+      isHoverMenu,
+      initialLoaded,
+      renderLabelFn,
+      lazyLoad,
+      expandNode,
+      handleCheckChange
+    }));
+    watch([config, () => props.options], initStore, {
+      deep: true,
+      immediate: true
+    });
+    watch(() => props.modelValue, () => {
+      manualChecked = false;
+      syncCheckedValue();
+    }, {
+      deep: true
+    });
+    watch(() => checkedValue.value, (val) => {
+      if (!isEqual$1(val, props.modelValue)) {
+        emit(UPDATE_MODEL_EVENT, val);
+        emit(CHANGE_EVENT, val);
+      }
+    });
+    onBeforeUpdate(() => menuList.value = []);
+    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 = resolveComponent("el-cascader-menu");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
+    onKeydown: _ctx.handleKeyDown
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menus, (menu, index) => {
+      return openBlock(), createBlock(_component_el_cascader_menu, {
+        key: index,
+        ref_for: true,
+        ref: (item) => _ctx.menuList[index] = item,
+        index,
+        nodes: [...menu]
+      }, {
+        empty: withCtx(() => [
+          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 = defineComponent({
+  name: "ElTag"
+});
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
+  props: tagProps,
+  emits: tagEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const tagSize = useFormSize();
+    const ns = useNamespace("tag");
+    const containerKls = 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 ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: normalizeClass(unref(containerKls)),
+        style: normalizeStyle({ backgroundColor: _ctx.color }),
+        onClick: handleClick
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass(unref(ns).e("content"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        _ctx.closable ? (openBlock(), createBlock(unref(ElIcon), {
+          key: 0,
+          class: normalizeClass(unref(ns).e("close")),
           onClick: withModifiers(handleClose, ["stop"])
         }, {
           default: withCtx(() => [
@@ -18170,9 +19972,82 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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) {
@@ -18243,6 +20118,613 @@ const ClickOutside = {
   }
 };
 
+const COMPONENT_NAME$1 = "ElCascader";
+const __default__$i = defineComponent({
+  name: COMPONENT_NAME$1
+});
+const _sfc_main$s = /* @__PURE__ */ 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 = useAttrs$1();
+    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 = ref(null);
+    const input = ref(null);
+    const tagWrapper = ref(null);
+    const cascaderPanelRef = ref(null);
+    const suggestionPanel = ref(null);
+    const popperVisible = ref(false);
+    const inputHover = ref(false);
+    const filtering = ref(false);
+    const filterFocus = ref(false);
+    const inputValue = ref("");
+    const searchInputValue = ref("");
+    const presentTags = ref([]);
+    const allPresentTags = ref([]);
+    const suggestions = ref([]);
+    const cascaderStyle = computed(() => {
+      return attrs.style;
+    });
+    const isDisabled = computed(() => props.disabled || (form == null ? void 0 : form.disabled));
+    const inputPlaceholder = computed(() => props.placeholder || t("el.cascader.placeholder"));
+    const currentPlaceholder = computed(() => searchInputValue.value || presentTags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value);
+    const realSize = useFormSize();
+    const tagSize = computed(() => realSize.value === "small" ? "small" : "default");
+    const multiple = computed(() => !!props.props.multiple);
+    const readonly = computed(() => !props.filterable || multiple.value);
+    const searchKeyword = computed(() => multiple.value ? searchInputValue.value : inputValue.value);
+    const checkedNodes = computed(() => {
+      var _a;
+      return ((_a = cascaderPanelRef.value) == null ? void 0 : _a.checkedNodes) || [];
+    });
+    const clearBtnVisible = computed(() => {
+      if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
+        return false;
+      return !!checkedNodes.value.length;
+    });
+    const presentText = computed(() => {
+      const { showAllLevels, separator } = props;
+      const nodes = checkedNodes.value;
+      return nodes.length ? multiple.value ? "" : nodes[0].calcText(showAllLevels, separator) : "";
+    });
+    const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
+    const checkedValue = 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 = computed(() => {
+      return [
+        nsCascader.b(),
+        nsCascader.m(realSize.value),
+        nsCascader.is("disabled", isDisabled.value),
+        attrs.class
+      ];
+    });
+    const cascaderIconKls = computed(() => {
+      return [
+        nsInput.e("icon"),
+        "icon-arrow-down",
+        nsCascader.is("reverse", popperVisible.value)
+      ];
+    });
+    const inputClass = computed(() => {
+      return nsCascader.is("focus", popperVisible.value || filterFocus.value);
+    });
+    const contentRef = 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();
+          nextTick((_c = cascaderPanelRef.value) == null ? void 0 : _c.scrollToExpandingNode);
+        } else if (props.filterable) {
+          syncPresentTextValue();
+        }
+        emit("visibleChange", visible);
+      }
+    };
+    const updatePopperPosition = () => {
+      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);
+          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;
+    watch(filtering, updatePopperPosition);
+    watch([checkedNodes, isDisabled, () => props.collapseTags], calculatePresentTags);
+    watch(presentTags, () => {
+      nextTick(() => updateStyle());
+    });
+    watch(realSize, async () => {
+      await nextTick();
+      const inputInner = input.value.input;
+      inputInitialHeight = getInputInnerHeight(inputInner) || inputInitialHeight;
+      updateStyle();
+    });
+    watch(presentText, syncPresentTextValue, { immediate: true });
+    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 openBlock(), createBlock(unref(ElTooltip), {
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        visible: popperVisible.value,
+        teleported: _ctx.teleported,
+        "popper-class": [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: `${unref(nsCascader).namespace.value}-zoom-in-top`,
+        effect: "light",
+        pure: "",
+        persistent: _ctx.persistent,
+        onHide: hideSuggestionPanel
+      }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            class: normalizeClass(unref(cascaderKls)),
+            style: normalizeStyle(unref(cascaderStyle)),
+            onClick: () => togglePopperVisible(unref(readonly) ? void 0 : true),
+            onKeydown: handleKeyDown,
+            onMouseenter: ($event) => inputHover.value = true,
+            onMouseleave: ($event) => inputHover.value = false
+          }, [
+            createVNode(unref(ElInput), {
+              ref_key: "input",
+              ref: input,
+              modelValue: inputValue.value,
+              "onUpdate:modelValue": ($event) => inputValue.value = $event,
+              placeholder: unref(currentPlaceholder),
+              readonly: unref(readonly),
+              disabled: unref(isDisabled),
+              "validate-event": false,
+              size: unref(realSize),
+              class: normalizeClass(unref(inputClass)),
+              tabindex: unref(multiple) && _ctx.filterable && !unref(isDisabled) ? -1 : void 0,
+              onCompositionstart: unref(handleComposition),
+              onCompositionupdate: unref(handleComposition),
+              onCompositionend: unref(handleComposition),
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onInput: handleInput
+            }, {
+              suffix: withCtx(() => [
+                unref(clearBtnVisible) ? (openBlock(), createBlock(unref(ElIcon), {
+                  key: "clear",
+                  class: normalizeClass([unref(nsInput).e("icon"), "icon-circle-close"]),
+                  onClick: withModifiers(handleClear, ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(circle_close_default))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])) : (openBlock(), createBlock(unref(ElIcon), {
+                  key: "arrow-down",
+                  class: normalizeClass(unref(cascaderIconKls)),
+                  onClick: withModifiers(($event) => togglePopperVisible(), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(arrow_down_default))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"]))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+            unref(multiple) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref_key: "tagWrapper",
+              ref: tagWrapper,
+              class: normalizeClass([
+                unref(nsCascader).e("tags"),
+                unref(nsCascader).is("validate", Boolean(unref(validateState)))
+              ])
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(presentTags.value, (tag) => {
+                return openBlock(), createBlock(unref(ElTag), {
+                  key: tag.key,
+                  type: _ctx.tagType,
+                  size: unref(tagSize),
+                  effect: _ctx.tagEffect,
+                  hit: tag.hitState,
+                  closable: tag.closable,
+                  "disable-transitions": "",
+                  onClose: ($event) => deleteTag(tag)
+                }, {
+                  default: withCtx(() => [
+                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(unref(ElTooltip), {
+                      key: 1,
+                      disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
+                      "fallback-placements": ["bottom", "top", "right", "left"],
+                      placement: "bottom",
+                      effect: "light"
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", null, toDisplayString(tag.text), 1)
+                      ]),
+                      content: withCtx(() => [
+                        createElementVNode("div", {
+                          class: normalizeClass(unref(nsCascader).e("collapse-tags"))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
+                            return openBlock(), createElementBlock("div", {
+                              key: idx,
+                              class: normalizeClass(unref(nsCascader).e("collapse-tag"))
+                            }, [
+                              (openBlock(), createBlock(unref(ElTag), {
+                                key: tag2.key,
+                                class: "in-tooltip",
+                                type: _ctx.tagType,
+                                size: unref(tagSize),
+                                effect: _ctx.tagEffect,
+                                hit: tag2.hitState,
+                                closable: tag2.closable,
+                                "disable-transitions": "",
+                                onClose: ($event) => deleteTag(tag2)
+                              }, {
+                                default: withCtx(() => [
+                                  createElementVNode("span", null, 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 && !unref(isDisabled) ? withDirectives((openBlock(), createElementBlock("input", {
+                key: 0,
+                "onUpdate:modelValue": ($event) => searchInputValue.value = $event,
+                type: "text",
+                class: normalizeClass(unref(nsCascader).e("search-input")),
+                placeholder: unref(presentText) ? "" : unref(inputPlaceholder),
+                onInput: (e) => handleInput(searchInputValue.value, e),
+                onClick: withModifiers(($event) => togglePopperVisible(true), ["stop"]),
+                onKeydown: withKeys(handleDelete, ["delete"]),
+                onCompositionstart: unref(handleComposition),
+                onCompositionupdate: unref(handleComposition),
+                onCompositionend: unref(handleComposition),
+                onFocus: handleFocus,
+                onBlur: handleBlur
+              }, null, 42, ["onUpdate:modelValue", "placeholder", "onInput", "onClick", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend"])), [
+                [vModelText, searchInputValue.value]
+              ]) : createCommentVNode("v-if", true)
+            ], 2)) : createCommentVNode("v-if", true)
+          ], 46, ["onClick", "onMouseenter", "onMouseleave"])), [
+            [unref(ClickOutside), () => togglePopperVisible(false), unref(contentRef)]
+          ])
+        ]),
+        content: withCtx(() => [
+          withDirectives(createVNode(unref(ElCascaderPanel), {
+            ref_key: "cascaderPanelRef",
+            ref: cascaderPanelRef,
+            modelValue: unref(checkedValue),
+            "onUpdate:modelValue": ($event) => 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: withCtx(() => [
+              renderSlot(_ctx.$slots, "empty")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
+            [vShow, !filtering.value]
+          ]),
+          _ctx.filterable ? withDirectives((openBlock(), createBlock(unref(ElScrollbar), {
+            key: 0,
+            ref_key: "suggestionPanel",
+            ref: suggestionPanel,
+            tag: "ul",
+            class: normalizeClass(unref(nsCascader).e("suggestion-panel")),
+            "view-class": unref(nsCascader).e("suggestion-list"),
+            onKeydown: handleSuggestionKeyDown
+          }, {
+            default: withCtx(() => [
+              suggestions.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(suggestions.value, (item) => {
+                return openBlock(), createElementBlock("li", {
+                  key: item.uid,
+                  class: normalizeClass([
+                    unref(nsCascader).e("suggestion-item"),
+                    unref(nsCascader).is("checked", item.checked)
+                  ]),
+                  tabindex: -1,
+                  onClick: ($event) => handleSuggestionClick(item)
+                }, [
+                  createElementVNode("span", null, toDisplayString(item.text), 1),
+                  item.checked ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                    default: withCtx(() => [
+                      createVNode(unref(check_default))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ], 10, ["onClick"]);
+              }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+                createElementVNode("li", {
+                  class: normalizeClass(unref(nsCascader).e("empty-text"))
+                }, toDisplayString(unref(t)("el.cascader.noMatch")), 3)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class", "view-class"])), [
+            [vShow, filtering.value]
+          ]) : 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 = {
@@ -18279,22 +20761,22 @@ const vRepeatClick = {
   }
 };
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return 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__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return 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) => {
@@ -18440,12 +20922,6 @@ buildProps({
 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({
@@ -18504,11 +20980,11 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const __default__$f = defineComponent({
+const __default__$h = defineComponent({
   name: "ElInputNumber"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: inputNumberProps,
   emits: inputNumberEmits,
   setup(__props, { expose, emit }) {
@@ -18834,7 +21310,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -18881,11 +21357,11 @@ const linkEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$e = defineComponent({
+const __default__$g = defineComponent({
   name: "ElLink"
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: linkProps,
   emits: linkEmits,
   setup(__props, { emit }) {
@@ -18925,7 +21401,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -18936,12 +21412,12 @@ function useOption$1(props, states) {
   const select = inject(selectKey);
   const selectGroup = inject(selectGroupKey, { disabled: false });
   const itemSelected = computed(() => {
-    return contains(castArray(select.props.modelValue), props.value);
+    return contains(castArray$1(select.props.modelValue), props.value);
   });
   const limitReached = 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;
@@ -19007,7 +21483,7 @@ function useOption$1(props, states) {
   };
 }
 
-const _sfc_main$l = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "ElOption",
   componentName: "ElOption",
   props: {
@@ -19097,9 +21573,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     [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 = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
@@ -19146,7 +21622,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : 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();
@@ -19286,7 +21762,7 @@ const useSelect$1 = (props, emit) => {
   });
   const shouldShowPlaceholder = 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;
@@ -19382,7 +21858,7 @@ const useSelect$1 = (props, emit) => {
     }
     const result = [];
     if (!isUndefined(props.modelValue)) {
-      castArray(props.modelValue).forEach((value) => {
+      castArray$1(props.modelValue).forEach((value) => {
         result.push(getOption(value));
       });
     }
@@ -19463,7 +21939,7 @@ const useSelect$1 = (props, emit) => {
     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;
@@ -19477,7 +21953,7 @@ const useSelect$1 = (props, emit) => {
   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);
@@ -19505,7 +21981,7 @@ const useSelect$1 = (props, emit) => {
   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);
@@ -19912,7 +22388,7 @@ const SelectProps$1 = buildProps({
 });
 
 const COMPONENT_NAME = "ElSelect";
-const _sfc_main$j = defineComponent({
+const _sfc_main$l = defineComponent({
   name: COMPONENT_NAME,
   componentName: COMPONENT_NAME,
   components: {
@@ -20322,9 +22798,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     [_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 = defineComponent({
+const _sfc_main$k = defineComponent({
   name: "ElOptionGroup",
   componentName: "ElOptionGroup",
   props: {
@@ -20345,7 +22821,7 @@ const _sfc_main$i = defineComponent({
       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;
@@ -20396,9 +22872,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     [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
 });
@@ -20467,11 +22943,11 @@ const popoverEmits = {
 };
 
 const updateEventKeyRaw = `onUpdate:visible`;
-const __default__$d = defineComponent({
+const __default__$f = defineComponent({
   name: "ElPopover"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: popoverProps,
   emits: popoverEmits,
   setup(__props, { expose, emit }) {
@@ -20570,7 +23046,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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;
@@ -20594,7 +23070,7 @@ const ElPopover = withInstall(Popover, {
   directive: ElPopoverDirective
 });
 
-const _sfc_main$g = defineComponent({
+const _sfc_main$i = defineComponent({
   props: {
     item: {
       type: Object,
@@ -20618,7 +23094,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
   }, 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 {
@@ -20795,7 +23271,7 @@ const OptionProps = buildProps({
   selected: Boolean,
   created: Boolean
 });
-const selectEmits = {
+const selectEmits$1 = {
   [UPDATE_MODEL_EVENT]: (val) => true,
   [CHANGE_EVENT]: (val) => true,
   "remove-tag": (val) => true,
@@ -20811,7 +23287,7 @@ const optionEmits = {
 
 const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
-const _sfc_main$f = defineComponent({
+const _sfc_main$h = defineComponent({
   props: OptionProps,
   emits: optionEmits,
   setup(props, { emit }) {
@@ -20850,7 +23326,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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;
@@ -22864,7 +25340,7 @@ const useSelect = (props, emit) => {
   };
 };
 
-const _sfc_main$e = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "ElSelectV2",
   components: {
     ElSelectMenu,
@@ -22874,7 +25350,7 @@ const _sfc_main$e = defineComponent({
   },
   directives: { ClickOutside },
   props: SelectProps,
-  emits: selectEmits,
+  emits: selectEmits$1,
   setup(props, { emit }) {
     const modelValue = computed(() => {
       const { modelValue: rawModelValue, multiple } = props;
@@ -23251,9 +25727,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [_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" };
@@ -23262,11 +25738,11 @@ const _hoisted_4$5 = { class: "hzzt-dropdown-menu" };
 const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$3 = { class: "submenu" };
 const _hoisted_7$3 = ["onClick"];
-const __default__$c = defineComponent({
+const __default__$e = defineComponent({
   name: "HzztDropDown"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: {
     options: {
       type: definePropType$1(Array),
@@ -23326,7 +25802,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           createElementVNode("ul", _hoisted_4$5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
               return openBlock(), createElementBlock(Fragment, null, [
-                unref(isEmpty)(option[__props.props.children]) ? (openBlock(), createElementBlock("li", {
+                unref(isEmpty$1)(option[__props.props.children]) ? (openBlock(), createElementBlock("li", {
                   key: index,
                   class: normalizeClass({
                     "hzzt-dropdown-menu-item": true,
@@ -23375,7 +25851,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -23389,11 +25865,11 @@ const _hoisted_7$2 = {
   key: 0,
   class: "hzzt-collapse-text"
 };
-const __default__$b = defineComponent({
+const __default__$d = defineComponent({
   name: "HzztCollapse"
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: {
     defaultActive: {
       type: Boolean,
@@ -23439,11 +25915,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     name: {
@@ -23469,7 +25945,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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" };
@@ -23481,11 +25957,11 @@ const _hoisted_6$1 = {
   class: "hzzt-tab-badge-count"
 };
 const _hoisted_7$1 = { class: "flex wrap" };
-const __default__$a = defineComponent({
+const __default__$c = defineComponent({
   name: "HzztTab"
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     tabList: {
       type: Array,
@@ -23556,7 +26032,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -23576,11 +26052,11 @@ const _hoisted_1$8 = { class: "flex justify-content-between hzzt-pagination" };
 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 = defineComponent({
+const __default__$b = defineComponent({
   name: "HzztPagination"
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   props: {
     pagination: {
       type: Object,
@@ -23630,18 +26106,18 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$a = defineComponent({
   name: "HzztTooltip"
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: {
     content: {
       type: String,
@@ -23675,7 +26151,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -23692,11 +26168,11 @@ const _hoisted_4$1 = {
   key: 0,
   class: "margin-l-1 margin-r-2"
 };
-const __default__$7 = defineComponent({
+const __default__$9 = defineComponent({
   name: "HzztPageSize"
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: {
     modelValue: {
       type: Number,
@@ -23823,15 +26299,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$8 = defineComponent({
   name: "HzztConfirmPassword"
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: {
     placeholder: {
       type: String,
@@ -23891,16 +26367,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+const __default__$7 = defineComponent({
   name: "HzztCheckButton"
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: {
     options: {
       type: Array,
@@ -23970,7 +26446,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24183,11 +26659,11 @@ var dayjs_min = {exports: {}};
 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;
@@ -24228,11 +26704,11 @@ const _hoisted_8 = { class: "cell" };
 const _hoisted_9 = { class: "cell" };
 const _hoisted_10 = { class: "cell" };
 const _hoisted_11 = { class: "cell" };
-const __default__$4 = defineComponent({
+const __default__$6 = defineComponent({
   name: "HzztQuarterPicker"
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: {
     size: useSizeProp$1,
     format: {
@@ -24472,7 +26948,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24512,12 +26988,12 @@ const _hoisted_2$2 = {
   class: "width-100%",
   style: { "overflow": "hidden" }
 };
-const __default__$3 = defineComponent({
+const __default__$5 = defineComponent({
   inheritAttrs: false,
   name: "HzztScan"
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: scanProps,
   emits: scanEmits,
   setup(__props, { expose, emit }) {
@@ -24636,7 +27112,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24682,11 +27158,11 @@ const selectInputEmits = {
 
 const _hoisted_1$2 = { slot: "append" };
 const _hoisted_2$1 = { key: 0 };
-const __default__$2 = defineComponent({
+const __default__$4 = defineComponent({
   name: "HzztSelectInput"
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: selectInputProps,
   emits: selectInputEmits,
   setup(__props, { emit }) {
@@ -24795,7 +27271,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24826,11 +27302,11 @@ const selectTextareaEmits = {
 
 const _hoisted_1$1 = { class: "flex column" };
 const _hoisted_2 = { class: "flex align-items-center" };
-const __default__$1 = defineComponent({
+const __default__$3 = defineComponent({
   name: "HzztSelectTextarea"
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: selectTextareaProps,
   emits: selectTextareaEmits,
   setup(__props, { emit }) {
@@ -24866,6 +27342,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     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];
@@ -24915,7 +27392,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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);
 
@@ -24941,11 +27418,11 @@ const inputRangeEmits = {
 };
 
 const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
-const __default__ = defineComponent({
+const __default__$2 = defineComponent({
   name: "HzztInputRange"
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: inputRangeProps,
   emits: inputRangeEmits,
   setup(__props, { emit }) {
@@ -24968,7 +27445,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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);
@@ -25009,10 +27486,379 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = defineComponent({
+  name: "HzztCascader"
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: cascaderProps,
+  emits: cascaderEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs$1();
+    const inputVal = ref(props.modelValue);
+    const cascaderVal = ref();
+    const inputRef = ref();
+    const cascaderRef = ref();
+    const nsCascader = useNamespace$1("cascader");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize$1().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const containerCls = computed(() => [
+      "relative",
+      nsCascader.b(),
+      nsCascader.m(trueSize.value)
+    ]);
+    const inputCls = computed(() => [
+      nsCascader.e("input")
+    ]);
+    const cascaderCls = computed(() => [
+      nsCascader.e("cascader")
+    ]);
+    const _inputProps = computed(() => ({
+      disabled: trueDisabled.value,
+      size: trueSize.value,
+      clearable: props.clearable,
+      placeholder: props.placeholder,
+      readonly: props.readonly,
+      ...attrs
+    }));
+    const _cascaderProps = 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
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+      getCascaderVal();
+    });
+    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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls))
+      }, [
+        createVNode(unref(ElInput), mergeProps({
+          class: unref(inputCls),
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+          ref_key: "inputRef",
+          ref: inputRef
+        }, unref(_inputProps), {
+          onInput: input,
+          onClick: click,
+          onChange: change
+        }), null, 16, ["class", "modelValue"]),
+        createVNode(unref(ElCascader), mergeProps({
+          class: unref(cascaderCls),
+          modelValue: cascaderVal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cascaderVal.value = $event),
+          ref_key: "cascaderRef",
+          ref: cascaderRef
+        }, 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__ = defineComponent({
+  name: "HzztSelect",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: selectProps,
+  emits: selectEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs$1();
+    const inputVal = ref(props.modelValue);
+    const selectVal = ref();
+    const inputRef = ref();
+    const selectRef = ref();
+    const arrowName = ref("arrow-down");
+    const nsSelect = useNamespace$1("select");
+    const formSize = useFormSize();
+    const formDisabled = useFormDisabled();
+    const trueSize = computed(() => props.size || formSize.value || useGlobalSize$1().value);
+    const trueDisabled = computed(() => props.disabled || formDisabled.value);
+    const trueReadonly = computed(() => props.readonly || trueDisabled.value);
+    const containerCls = computed(() => [
+      "relative",
+      "line-height-1",
+      attrs.class,
+      nsSelect.b(),
+      nsSelect.m(trueSize.value)
+    ]);
+    const containerStyle = computed(() => attrs.style);
+    const inputCls = computed(() => [
+      nsSelect.e("input"),
+      "width-100%"
+    ]);
+    const selectCls = computed(() => [
+      nsSelect.e("select"),
+      "width-100%"
+    ]);
+    const _inputProps = 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 = computed(() => ({
+      options: props.options,
+      size: trueSize.value,
+      filterable: true,
+      popperClass: "select-v2-popper-min-width-100",
+      ...props.selectProps
+    }));
+    watch(() => props.modelValue, (v) => {
+      inputVal.value = v;
+    });
+    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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls)),
+        style: normalizeStyle(unref(containerStyle))
+      }, [
+        createVNode(unref(ElInput), mergeProps({
+          class: unref(inputCls),
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
+          ref_key: "inputRef",
+          ref: inputRef
+        }, unref(_inputProps), {
+          onInput: input,
+          onChange: change,
+          onKeydown: keydown
+        }), {
+          suffix: withCtx(() => [
+            !unref(trueReadonly) ? (openBlock(), createBlock(HzztIcon$1, {
+              key: 0,
+              class: "pointer",
+              name: arrowName.value,
+              onClick: showSelect
+            }, null, 8, ["name"])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+        }, 16, ["class", "modelValue"]),
+        !unref(trueReadonly) ? (openBlock(), createBlock(unref(ElSelectV2), mergeProps({
+          key: 0,
+          class: unref(selectCls),
+          modelValue: selectVal.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectVal.value = $event),
+          ref_key: "selectRef",
+          ref: selectRef
+        }, unref(_selectProps), {
+          onChange: selectChange,
+          onVisibleChange: selectVisibleChange
+        }), null, 16, ["class", "modelValue"])) : 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,
@@ -25029,7 +27875,9 @@ var Components = [
   HzztScan,
   HzztSelectInput,
   HzztSelectTextarea,
-  HzztInputRange
+  HzztInputRange,
+  HzztCascader,
+  HzztSelect
 ];
 
 var Plugins = [];
@@ -25241,4 +28089,4 @@ function initMouseEvent(el, callback) {
 const install = installer.install;
 const version = installer.version;
 
-export { Blur, CHANGE_EVENT$1 as CHANGE_EVENT, Download, Drag, Height, Highlight, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztInputRange, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, HzztSelectInput, HzztSelectTextarea, HzztTab, HzztTitle, HzztTooltip, INPUT_EVENT$1 as INPUT_EVENT, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, UPDATE_MODEL_EVENT$1 as UPDATE_MODEL_EVENT, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, inputRangeEmits, inputRangeProps, insertCursorPosition, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, numberToLetter, provideGlobalConfig, scanEmits, scanProps, selectInputEmits, selectInputProps, selectTextareaEmits, selectTextareaProps, titleProps, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };
+export { Blur, CHANGE_EVENT$1 as CHANGE_EVENT, Download, Drag, Height, Highlight, HzztCascader, HzztCheckButton, HzztCollapse, HzztConfigProvider, HzztConfirmPassword, HzztDropdown, HzztIcon, HzztInputRange, HzztPageSize, HzztPagination, HzztQuarterPicker, HzztScan, HzztSelect, HzztSelectInput, HzztSelectTextarea, HzztTab, HzztTitle, HzztTooltip, INPUT_EVENT$1 as INPUT_EVENT, INSTALLED_KEY, SIZE_INJECTION_KEY$1 as SIZE_INJECTION_KEY, UPDATE_MODEL_EVENT$1 as UPDATE_MODEL_EVENT, WEEK_DAYS, buildLocaleContext$1 as buildLocaleContext, buildTranslator$1 as buildTranslator, cascaderEmits, cascaderProps, componentSizeMap, componentSizes$1 as componentSizes, configProviderContextKey$1 as configProviderContextKey, configProviderProps, datePickTypes, installer as default, defaultNamespace$1 as defaultNamespace, inputRangeEmits, inputRangeProps, insertCursorPosition, install, localeContextKey$1 as localeContextKey, makeInstaller, namespaceContextKey$1 as namespaceContextKey, numberToLetter, provideGlobalConfig, scanEmits, scanProps, selectEmits, selectInputEmits, selectInputProps, selectProps, selectTextareaEmits, selectTextareaProps, titleProps, translate$1 as translate, useGetDerivedNamespace$1 as useGetDerivedNamespace, useGlobalConfig$1 as useGlobalConfig, useGlobalSize$1 as useGlobalSize, useLocale$1 as useLocale, useNamespace$1 as useNamespace, useSizeProp$1 as useSizeProp, useSizeProps, version };