@element-plus/nightly 0.0.20221219 → 0.0.20221221

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20221219 */
+/*! Element Plus v0.0.20221221 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, withModifiers, reactive, onUpdated, cloneVNode, Text, onDeactivated, renderList, withKeys, createSlots, toRefs, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, resolveDirective, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, withModifiers, reactive, onUpdated, cloneVNode, Text, onDeactivated, renderList, withKeys, createSlots, toRefs, normalizeProps, toRaw as toRaw$1, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, guardReactiveProps, markRaw, effectScope, triggerRef, resolveDirective, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -11203,7 +11203,7 @@ const useOrderedChildren = (vm, childComponentName) => {
   };
 };
 
-const version$1 = "0.0.20221219";
+const version$1 = "0.0.20221221";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11253,11 +11253,11 @@ var _export_sfc = (sfc, props) => {
 };
 
 const COMPONENT_NAME$m = "ElAffix";
-const __default__$1y = defineComponent({
+const __default__$1z = defineComponent({
   name: COMPONENT_NAME$m
 });
 const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+  ...__default__$1z,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -11373,12 +11373,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1x = defineComponent({
+const __default__$1y = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
 const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+  ...__default__$1y,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -11441,11 +11441,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1w = defineComponent({
+const __default__$1x = defineComponent({
   name: "ElAlert"
 });
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+  ...__default__$1x,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -11712,12 +11712,12 @@ const inputEmits = {
 const _hoisted_1$13 = ["role"];
 const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
 const _hoisted_3$k = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"];
-const __default__$1v = defineComponent({
+const __default__$1w = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
 const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+  ...__default__$1w,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -12395,11 +12395,11 @@ const scrollbarEmits = {
 };
 
 const COMPONENT_NAME$k = "ElScrollbar";
-const __default__$1u = defineComponent({
+const __default__$1v = defineComponent({
   name: COMPONENT_NAME$k
 });
 const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+  ...__default__$1v,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -12580,12 +12580,12 @@ const popperProps = buildProps({
 });
 const usePopperProps = popperProps;
 
-const __default__$1t = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElPopperRoot",
   inheritAttrs: false
 });
 const _sfc_main$2a = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+  ...__default__$1u,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12618,12 +12618,12 @@ const popperArrowProps = buildProps({
 });
 const usePopperArrowProps = popperArrowProps;
 
-const __default__$1s = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
 const _sfc_main$29 = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+  ...__default__$1t,
   props: popperArrowProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12736,12 +12736,12 @@ const popperTriggerProps = buildProps({
 });
 const usePopperTriggerProps = popperTriggerProps;
 
-const __default__$1r = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
 const _sfc_main$28 = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+  ...__default__$1s,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13225,10 +13225,10 @@ const _sfc_main$27 = defineComponent({
     };
   }
 });
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$y], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$27, [["render", _sfc_render$x], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -13391,11 +13391,11 @@ function deriveExtraModifiers(options, modifiers) {
   }
 }
 
-const __default__$1q = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElPopperContent"
 });
 const _sfc_main$26 = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+  ...__default__$1r,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -13673,11 +13673,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1p = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElTooltipTrigger"
 });
 const _sfc_main$25 = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1q,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13738,12 +13738,12 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "trigger.vue"]]);
 
-const __default__$1o = defineComponent({
+const __default__$1p = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
 const _sfc_main$24 = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1p,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -13901,11 +13901,11 @@ var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["__file", "co
 
 const _hoisted_1$12 = ["innerHTML"];
 const _hoisted_2$F = { key: 1 };
-const __default__$1n = defineComponent({
+const __default__$1o = defineComponent({
   name: "ElTooltip"
 });
 const _sfc_main$23 = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1o,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -14131,12 +14131,12 @@ const _hoisted_1$11 = ["aria-expanded", "aria-owns"];
 const _hoisted_2$E = { key: 0 };
 const _hoisted_3$j = ["id", "aria-selected", "onClick"];
 const COMPONENT_NAME$j = "ElAutocomplete";
-const __default__$1m = defineComponent({
+const __default__$1n = defineComponent({
   name: COMPONENT_NAME$j,
   inheritAttrs: false
 });
 const _sfc_main$22 = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1n,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -14496,11 +14496,11 @@ const avatarEmits = {
 };
 
 const _hoisted_1$10 = ["src", "alt", "srcset"];
-const __default__$1l = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElAvatar"
 });
 const _sfc_main$21 = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1m,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -14631,11 +14631,11 @@ const useBackTop = (props, emit, componentName) => {
 };
 
 const COMPONENT_NAME$i = "ElBacktop";
-const __default__$1k = defineComponent({
+const __default__$1l = defineComponent({
   name: COMPONENT_NAME$i
 });
 const _sfc_main$20 = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1l,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
@@ -14697,11 +14697,11 @@ const badgeProps = buildProps({
 });
 
 const _hoisted_1$$ = ["textContent"];
-const __default__$1j = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElBadge"
 });
 const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1k,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -14759,11 +14759,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1i = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElBreadcrumb"
 });
 const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1j,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -14802,11 +14802,11 @@ const breadcrumbItemProps = buildProps({
   }
 });
 
-const __default__$1h = defineComponent({
+const __default__$1i = defineComponent({
   name: "ElBreadcrumbItem"
 });
 const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1i,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -15884,11 +15884,11 @@ function useButtonCustomStyle(props) {
 }
 
 const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-const __default__$1g = defineComponent({
+const __default__$1h = defineComponent({
   name: "ElButton"
 });
 const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1h,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -15960,11 +15960,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$1f = defineComponent({
+const __default__$1g = defineComponent({
   name: "ElButtonGroup"
 });
 const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  ...__default__$1f,
+  ...__default__$1g,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -16536,11 +16536,11 @@ const timePickerDefaultProps = buildProps({
 
 const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-const __default__$1e = defineComponent({
+const __default__$1f = defineComponent({
   name: "Picker"
 });
 const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  ...__default__$1e,
+  ...__default__$1f,
   props: timePickerDefaultProps,
   emits: [
     "update:modelValue",
@@ -18440,11 +18440,11 @@ const useDateTable = (props, emit) => {
 
 const _hoisted_1$W = { key: 0 };
 const _hoisted_2$B = ["onClick"];
-const __default__$1d = defineComponent({
+const __default__$1e = defineComponent({
   name: "DateTable"
 });
 const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -18658,11 +18658,11 @@ const calendarEmits = {
 };
 
 const COMPONENT_NAME$h = "ElCalendar";
-const __default__$1c = defineComponent({
+const __default__$1d = defineComponent({
   name: COMPONENT_NAME$h
 });
 const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -18799,11 +18799,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1b = defineComponent({
+const __default__$1c = defineComponent({
   name: "ElCard"
 });
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: cardProps,
   setup(__props) {
     const ns = useNamespace("card");
@@ -19092,11 +19092,11 @@ const useCarousel = (props, emit, componentName) => {
 const _hoisted_1$V = ["onMouseenter", "onClick"];
 const _hoisted_2$A = { key: 0 };
 const COMPONENT_NAME$g = "ElCarousel";
-const __default__$1a = defineComponent({
+const __default__$1b = defineComponent({
   name: COMPONENT_NAME$g
 });
 const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -19357,11 +19357,11 @@ const useCarouselItem = (props, componentName) => {
   };
 };
 
-const __default__$19 = defineComponent({
+const __default__$1a = defineComponent({
   name: "ElCarouselItem"
 });
 const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  ...__default__$19,
+  ...__default__$1a,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -19652,11 +19652,11 @@ const useCheckbox = (props, slots) => {
 const _hoisted_1$U = ["tabindex", "role", "aria-checked"];
 const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_3$i = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-const __default__$18 = defineComponent({
+const __default__$19 = defineComponent({
   name: "ElCheckbox"
 });
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  ...__default__$18,
+  ...__default__$19,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19763,11 +19763,11 @@ var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["__file", "checkbox.v
 
 const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
 const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-const __default__$17 = defineComponent({
+const __default__$18 = defineComponent({
   name: "ElCheckboxButton"
 });
 const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  ...__default__$17,
+  ...__default__$18,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -19877,11 +19877,11 @@ const checkboxGroupEmits = {
   change: (val) => isArray(val)
 };
 
-const __default__$16 = defineComponent({
+const __default__$17 = defineComponent({
   name: "ElCheckboxGroup"
 });
 const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  ...__default__$16,
+  ...__default__$17,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -20009,11 +20009,11 @@ const useRadio = (props, emit) => {
 };
 
 const _hoisted_1$S = ["value", "name", "disabled"];
-const __default__$15 = defineComponent({
+const __default__$16 = defineComponent({
   name: "ElRadio"
 });
 const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  ...__default__$15,
+  ...__default__$16,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -20085,11 +20085,11 @@ const radioButtonProps = buildProps({
 });
 
 const _hoisted_1$R = ["value", "name", "disabled"];
-const __default__$14 = defineComponent({
+const __default__$15 = defineComponent({
   name: "ElRadioButton"
 });
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  ...__default__$14,
+  ...__default__$15,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -20179,11 +20179,11 @@ const radioGroupProps = buildProps({
 const radioGroupEmits = radioEmits;
 
 const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-const __default__$13 = defineComponent({
+const __default__$14 = defineComponent({
   name: "ElRadioGroup"
 });
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  ...__default__$13,
+  ...__default__$14,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -20379,7 +20379,7 @@ const _sfc_main$1H = defineComponent({
 });
 const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$x = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_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");
@@ -20462,7 +20462,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$P);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$x], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$w], ["__file", "node.vue"]]);
 
 const _sfc_main$1G = defineComponent({
   name: "ElCascaderMenu",
@@ -20542,7 +20542,7 @@ const _sfc_main$1G = defineComponent({
     };
   }
 });
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_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");
@@ -20595,7 +20595,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$w], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$v], ["__file", "menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -20762,17 +20762,19 @@ class Store {
   }
 }
 
-const CommonProps = {
-  modelValue: [Number, String, Array],
+const CommonProps = buildProps({
+  modelValue: {
+    type: definePropType([Number, String, Array])
+  },
   options: {
-    type: Array,
+    type: definePropType(Array),
     default: () => []
   },
   props: {
-    type: Object,
+    type: definePropType(Object),
     default: () => ({})
   }
-};
+});
 const DefaultProps = {
   expandTrigger: "click",
   multiple: false,
@@ -21068,7 +21070,7 @@ const _sfc_main$1F = defineComponent({
     };
   }
 });
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_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)]),
@@ -21085,7 +21087,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$v], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$u], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -21123,11 +21125,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$12 = defineComponent({
+const __default__$13 = defineComponent({
   name: "ElTag"
 });
 const _sfc_main$1E = /* @__PURE__ */ defineComponent({
-  ...__default__$12,
+  ...__default__$13,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -21211,97 +21213,89 @@ var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "tag.vue"]]);
 
 const ElTag = withInstall(Tag);
 
-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 COMPONENT_NAME$f = "ElCascader";
-const _sfc_main$1D = defineComponent({
-  name: COMPONENT_NAME$f,
-  components: {
-    ElCascaderPanel: _CascaderPanel,
-    ElInput,
-    ElTooltip,
-    ElScrollbar,
-    ElTag,
-    ElIcon,
-    CircleClose: circle_close_default,
-    Check: check_default,
-    ArrowDown: arrow_down_default
+const cascaderProps = buildProps({
+  ...CommonProps,
+  size: useSizeProp,
+  placeholder: String,
+  disabled: Boolean,
+  clearable: Boolean,
+  filterable: Boolean,
+  filterMethod: {
+    type: definePropType(Function),
+    default: (node, keyword) => node.text.includes(keyword)
   },
-  directives: {
-    Clickoutside: ClickOutside
+  separator: {
+    type: String,
+    default: " / "
   },
-  props: {
-    ...CommonProps,
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    placeholder: {
-      type: String
-    },
-    disabled: Boolean,
-    clearable: Boolean,
-    filterable: Boolean,
-    filterMethod: {
-      type: Function,
-      default: (node, keyword) => node.text.includes(keyword)
-    },
-    separator: {
-      type: String,
-      default: " / "
-    },
-    showAllLevels: {
-      type: Boolean,
-      default: true
-    },
-    collapseTags: Boolean,
-    collapseTagsTooltip: {
-      type: Boolean,
-      default: false
-    },
-    debounce: {
-      type: Number,
-      default: 300
-    },
-    beforeFilter: {
-      type: Function,
-      default: () => true
-    },
-    popperClass: {
-      type: String,
-      default: ""
-    },
-    teleported: useTooltipContentProps.teleported,
-    tagType: { ...tagProps.type, default: "info" },
-    validateEvent: {
-      type: Boolean,
-      default: true
-    }
+  showAllLevels: {
+    type: Boolean,
+    default: true
   },
-  emits: [
-    UPDATE_MODEL_EVENT,
-    CHANGE_EVENT,
-    "focus",
-    "blur",
-    "visible-change",
-    "expand-change",
-    "remove-tag"
-  ],
-  setup(props, { emit }) {
+  collapseTags: Boolean,
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: false
+  },
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  beforeFilter: {
+    type: definePropType(Function),
+    default: () => true
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  teleported: useTooltipContentProps.teleported,
+  tagType: { ...tagProps.type, default: "info" },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  }
+});
+const cascaderEmits = {
+  [UPDATE_MODEL_EVENT]: (val) => !!val,
+  [CHANGE_EVENT]: (val) => !!val,
+  focus: (evt) => evt instanceof FocusEvent,
+  blur: (evt) => evt instanceof FocusEvent,
+  visibleChange: (val) => isBoolean(val),
+  expandChange: (val) => !!val,
+  removeTag: (val) => !!val
+};
+
+const _hoisted_1$O = { key: 0 };
+const _hoisted_2$w = ["placeholder", "onKeydown"];
+const _hoisted_3$h = ["onClick"];
+const COMPONENT_NAME$f = "ElCascader";
+const __default__$12 = defineComponent({
+  name: COMPONENT_NAME$f
+});
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+  ...__default__$12,
+  props: cascaderProps,
+  emits: cascaderEmits,
+  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");
@@ -21322,9 +21316,12 @@ const _sfc_main$1D = defineComponent({
     const allPresentTags = ref([]);
     const suggestions = ref([]);
     const isOnComposition = ref(false);
+    const cascaderStyle = computed$1(() => {
+      return attrs.style;
+    });
     const isDisabled = computed$1(() => props.disabled || (form == null ? void 0 : form.disabled));
     const inputPlaceholder = computed$1(() => props.placeholder || t("el.cascader.placeholder"));
-    const currentPlaceholder = computed$1(() => searchInputValue.value || presentTags.value.length > 0 ? "" : inputPlaceholder.value);
+    const currentPlaceholder = computed$1(() => searchInputValue.value || presentTags.value.length > 0 || isOnComposition.value ? "" : inputPlaceholder.value);
     const realSize = useSize();
     const tagSize = computed$1(() => ["small"].includes(realSize.value) ? "small" : "default");
     const multiple = computed$1(() => !!props.props.multiple);
@@ -21356,10 +21353,25 @@ const _sfc_main$1D = defineComponent({
         }
       }
     });
-    const popperPaneRef = computed$1(() => {
+    const cascaderPanelRef = computed$1(() => {
       var _a, _b;
       return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
+    const cascaderKls = computed$1(() => {
+      return [
+        nsCascader.b(),
+        nsCascader.m(realSize.value),
+        nsCascader.is("disabled", isDisabled.value),
+        attrs.class
+      ];
+    });
+    const cascaderIconKls = computed$1(() => {
+      return [
+        nsInput.e("icon"),
+        "icon-arrow-down",
+        nsCascader.is("reverse", popperVisible.value)
+      ];
+    });
     const togglePopperVisible = (visible) => {
       var _a, _b, _c;
       if (isDisabled.value)
@@ -21374,7 +21386,7 @@ const _sfc_main$1D = defineComponent({
         } else if (props.filterable) {
           syncPresentTextValue();
         }
-        emit("visible-change", visible);
+        emit("visibleChange", visible);
       }
     };
     const updatePopperPosition = () => {
@@ -21402,7 +21414,7 @@ const _sfc_main$1D = defineComponent({
       const node = tag.node;
       node.doCheck(false);
       (_a = panel.value) == null ? void 0 : _a.calculateCheckedValue();
-      emit("remove-tag", node.valueByOption);
+      emit("removeTag", node.valueByOption);
     };
     const calculatePresentTags = () => {
       if (!multiple.value)
@@ -21489,7 +21501,7 @@ const _sfc_main$1D = defineComponent({
     };
     const handleExpandChange = (value) => {
       updatePopperPosition();
-      emit("expand-change", value);
+      emit("expandChange", value);
     };
     const handleComposition = (event) => {
       var _a;
@@ -21576,6 +21588,12 @@ const _sfc_main$1D = defineComponent({
         lastTag.hitState = true;
       }
     };
+    const handleFocus = (e) => {
+      emit("focus", e);
+    };
+    const handleBlur = (e) => {
+      emit("blur", e);
+    };
     const handleFilter = debounce(() => {
       const { value } = searchKeyword;
       if (!value)
@@ -21608,283 +21626,226 @@ const _sfc_main$1D = defineComponent({
       inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
       useResizeObserver(inputInner, updateStyle);
     });
-    return {
-      popperOptions,
-      tooltipRef,
-      popperPaneRef,
-      input,
-      tagWrapper,
-      panel,
-      suggestionPanel,
-      popperVisible,
-      inputHover,
-      inputPlaceholder,
-      currentPlaceholder,
-      filtering,
-      presentText,
-      checkedValue,
-      inputValue,
-      searchInputValue,
-      presentTags,
-      allPresentTags,
-      suggestions,
-      isDisabled,
-      isOnComposition,
-      realSize,
-      tagSize,
-      multiple,
-      readonly,
-      clearBtnVisible,
-      nsCascader,
-      nsInput,
-      t,
-      togglePopperVisible,
-      hideSuggestionPanel,
-      deleteTag,
-      focusFirstNode,
+    expose({
       getCheckedNodes,
-      handleExpandChange,
-      handleKeyDown,
-      handleComposition,
-      handleClear,
-      handleSuggestionClick,
-      handleSuggestionKeyDown,
-      handleDelete,
-      handleInput
-    };
-  }
-});
-const _hoisted_1$O = { key: 0 };
-const _hoisted_2$w = ["placeholder"];
-const _hoisted_3$h = ["onClick"];
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_circle_close = resolveComponent("circle-close");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_arrow_down = resolveComponent("arrow-down");
-  const _component_el_input = resolveComponent("el-input");
-  const _component_el_tag = resolveComponent("el-tag");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  const _component_el_cascader_panel = resolveComponent("el-cascader-panel");
-  const _component_check = resolveComponent("check");
-  const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  const _directive_clickoutside = resolveDirective("clickoutside");
-  return openBlock(), createBlock(_component_el_tooltip, {
-    ref: "tooltipRef",
-    visible: _ctx.popperVisible,
-    teleported: _ctx.teleported,
-    "popper-class": [_ctx.nsCascader.e("dropdown"), _ctx.popperClass],
-    "popper-options": _ctx.popperOptions,
-    "fallback-placements": [
-      "bottom-start",
-      "bottom",
-      "top-start",
-      "top",
-      "right",
-      "left"
-    ],
-    "stop-popper-mouse-event": false,
-    "gpu-acceleration": false,
-    placement: "bottom-start",
-    transition: `${_ctx.nsCascader.namespace.value}-zoom-in-top`,
-    effect: "light",
-    pure: "",
-    persistent: "",
-    onHide: _ctx.hideSuggestionPanel
-  }, {
-    default: withCtx(() => [
-      withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          _ctx.nsCascader.b(),
-          _ctx.nsCascader.m(_ctx.realSize),
-          _ctx.nsCascader.is("disabled", _ctx.isDisabled),
-          _ctx.$attrs.class
-        ]),
-        style: normalizeStyle(_ctx.$attrs.style),
-        onClick: _cache[11] || (_cache[11] = () => _ctx.togglePopperVisible(_ctx.readonly ? void 0 : true)),
-        onKeydown: _cache[12] || (_cache[12] = (...args) => _ctx.handleKeyDown && _ctx.handleKeyDown(...args)),
-        onMouseenter: _cache[13] || (_cache[13] = ($event) => _ctx.inputHover = true),
-        onMouseleave: _cache[14] || (_cache[14] = ($event) => _ctx.inputHover = false)
-      }, [
-        createVNode(_component_el_input, {
-          ref: "input",
-          modelValue: _ctx.inputValue,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.inputValue = $event),
-          placeholder: _ctx.currentPlaceholder,
-          readonly: _ctx.readonly,
-          disabled: _ctx.isDisabled,
-          "validate-event": false,
-          size: _ctx.realSize,
-          class: normalizeClass(_ctx.nsCascader.is("focus", _ctx.popperVisible)),
-          onCompositionstart: _ctx.handleComposition,
-          onCompositionupdate: _ctx.handleComposition,
-          onCompositionend: _ctx.handleComposition,
-          onFocus: _cache[2] || (_cache[2] = (e) => _ctx.$emit("focus", e)),
-          onBlur: _cache[3] || (_cache[3] = (e) => _ctx.$emit("blur", e)),
-          onInput: _ctx.handleInput
-        }, {
-          suffix: withCtx(() => [
-            _ctx.clearBtnVisible ? (openBlock(), createBlock(_component_el_icon, {
-              key: "clear",
-              class: normalizeClass([_ctx.nsInput.e("icon"), "icon-circle-close"]),
-              onClick: withModifiers(_ctx.handleClear, ["stop"])
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_circle_close)
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"])) : (openBlock(), createBlock(_component_el_icon, {
-              key: "arrow-down",
-              class: normalizeClass([
-                _ctx.nsInput.e("icon"),
-                "icon-arrow-down",
-                _ctx.nsCascader.is("reverse", _ctx.popperVisible)
-              ]),
-              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
+      cascaderPanelRef
+    });
+    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": [
+          "bottom-start",
+          "bottom",
+          "top-start",
+          "top",
+          "right",
+          "left"
+        ],
+        "stop-popper-mouse-event": false,
+        "gpu-acceleration": false,
+        placement: "bottom-start",
+        transition: `${unref(nsCascader).namespace.value}-zoom-in-top`,
+        effect: "light",
+        pure: "",
+        persistent: "",
+        onHide: hideSuggestionPanel
+      }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            class: normalizeClass(unref(cascaderKls)),
+            style: normalizeStyle(unref(cascaderStyle)),
+            onClick: _cache[5] || (_cache[5] = () => togglePopperVisible(unref(readonly) ? void 0 : true)),
+            onKeydown: handleKeyDown,
+            onMouseenter: _cache[6] || (_cache[6] = ($event) => inputHover.value = true),
+            onMouseleave: _cache[7] || (_cache[7] = ($event) => inputHover.value = false)
+          }, [
+            createVNode(unref(ElInput), {
+              ref_key: "input",
+              ref: input,
+              modelValue: inputValue.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+              placeholder: unref(currentPlaceholder),
+              readonly: unref(readonly),
+              disabled: unref(isDisabled),
+              "validate-event": false,
+              size: unref(realSize),
+              class: normalizeClass(unref(nsCascader).is("focus", popperVisible.value)),
+              onCompositionstart: handleComposition,
+              onCompositionupdate: handleComposition,
+              onCompositionend: handleComposition,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onInput: handleInput
             }, {
-              default: withCtx(() => [
-                createVNode(_component_arrow_down)
+              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: _cache[0] || (_cache[0] = withModifiers(($event) => togglePopperVisible(), ["stop"]))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(arrow_down_default))
+                  ]),
+                  _: 1
+                }, 8, ["class"]))
               ]),
               _: 1
-            }, 8, ["class"]))
-          ]),
-          _: 1
-        }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-        _ctx.multiple ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref: "tagWrapper",
-          class: normalizeClass(_ctx.nsCascader.e("tags"))
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
-            return openBlock(), createBlock(_component_el_tag, {
-              key: tag.key,
-              type: _ctx.tagType,
-              size: _ctx.tagSize,
-              hit: tag.hitState,
-              closable: tag.closable,
-              "disable-transitions": "",
-              onClose: ($event) => _ctx.deleteTag(tag)
-            }, {
-              default: withCtx(() => [
-                tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$O, toDisplayString(tag.text), 1)) : (openBlock(), createBlock(_component_el_tooltip, {
-                  key: 1,
-                  disabled: _ctx.popperVisible || !_ctx.collapseTagsTooltip,
-                  "fallback-placements": ["bottom", "top", "right", "left"],
-                  placement: "bottom",
-                  effect: "light"
+            }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
+            unref(multiple) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref_key: "tagWrapper",
+              ref: tagWrapper,
+              class: normalizeClass(unref(nsCascader).e("tags"))
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(presentTags.value, (tag) => {
+                return openBlock(), createBlock(unref(ElTag), {
+                  key: tag.key,
+                  type: _ctx.tagType,
+                  size: unref(tagSize),
+                  hit: tag.hitState,
+                  closable: tag.closable,
+                  "disable-transitions": "",
+                  onClose: ($event) => deleteTag(tag)
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("span", null, toDisplayString(tag.text), 1)
-                  ]),
-                  content: withCtx(() => [
-                    createElementVNode("div", {
-                      class: normalizeClass(_ctx.nsCascader.e("collapse-tags"))
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.allPresentTags.slice(1), (tag2, idx) => {
-                        return openBlock(), createElementBlock("div", {
-                          key: idx,
-                          class: normalizeClass(_ctx.nsCascader.e("collapse-tag"))
+                    tag.isCollapseTag === false ? (openBlock(), createElementBlock("span", _hoisted_1$O, 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(), createBlock(_component_el_tag, {
-                            key: tag2.key,
-                            class: "in-tooltip",
-                            type: _ctx.tagType,
-                            size: _ctx.tagSize,
-                            hit: tag2.hitState,
-                            closable: tag2.closable,
-                            "disable-transitions": "",
-                            onClose: ($event) => _ctx.deleteTag(tag2)
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode("span", null, toDisplayString(tag2.text), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["type", "size", "hit", "closable", "onClose"]))
-                        ], 2);
-                      }), 128))
-                    ], 2)
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(allPresentTags.value.slice(1), (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),
+                                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", "hit", "closable", "onClose"]))
+                            ], 2);
+                          }), 128))
+                        ], 2)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled"]))
                   ]),
                   _: 2
-                }, 1032, ["disabled"]))
-              ]),
-              _: 2
-            }, 1032, ["type", "size", "hit", "closable", "onClose"]);
-          }), 128)),
-          _ctx.filterable && !_ctx.isDisabled ? withDirectives((openBlock(), createElementBlock("input", {
+                }, 1032, ["type", "size", "hit", "closable", "onClose"]);
+              }), 128)),
+              _ctx.filterable && !unref(isDisabled) ? withDirectives((openBlock(), createElementBlock("input", {
+                key: 0,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchInputValue.value = $event),
+                type: "text",
+                class: normalizeClass(unref(nsCascader).e("search-input")),
+                placeholder: unref(presentText) ? "" : unref(inputPlaceholder),
+                onInput: _cache[3] || (_cache[3] = (e) => handleInput(searchInputValue.value, e)),
+                onClick: _cache[4] || (_cache[4] = withModifiers(($event) => togglePopperVisible(true), ["stop"])),
+                onKeydown: withKeys(handleDelete, ["delete"]),
+                onCompositionstart: handleComposition,
+                onCompositionupdate: handleComposition,
+                onCompositionend: handleComposition
+              }, null, 42, _hoisted_2$w)), [
+                [vModelText, searchInputValue.value]
+              ]) : createCommentVNode("v-if", true)
+            ], 2)) : createCommentVNode("v-if", true)
+          ], 38)), [
+            [unref(ClickOutside), () => togglePopperVisible(false), unref(cascaderPanelRef)]
+          ])
+        ]),
+        content: withCtx(() => [
+          withDirectives(createVNode(unref(_CascaderPanel), {
+            ref_key: "panel",
+            ref: panel,
+            modelValue: unref(checkedValue),
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(checkedValue) ? checkedValue.value = $event : null),
+            options: _ctx.options,
+            props: props.props,
+            border: false,
+            "render-label": _ctx.$slots.default,
+            onExpandChange: handleExpandChange,
+            onClose: _cache[9] || (_cache[9] = ($event) => _ctx.$nextTick(() => togglePopperVisible(false)))
+          }, null, 8, ["modelValue", "options", "props", "render-label"]), [
+            [vShow, !filtering.value]
+          ]),
+          _ctx.filterable ? withDirectives((openBlock(), createBlock(unref(ElScrollbar), {
             key: 0,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.searchInputValue = $event),
-            type: "text",
-            class: normalizeClass(_ctx.nsCascader.e("search-input")),
-            placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder,
-            onInput: _cache[5] || (_cache[5] = (e) => _ctx.handleInput(_ctx.searchInputValue, e)),
-            onClick: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
-            onKeydown: _cache[7] || (_cache[7] = withKeys((...args) => _ctx.handleDelete && _ctx.handleDelete(...args), ["delete"])),
-            onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-            onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
-            onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-          }, null, 42, _hoisted_2$w)), [
-            [vModelText, _ctx.searchInputValue]
+            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, _hoisted_3$h);
+              }), 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)
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 38)), [
-        [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
-      ])
-    ]),
-    content: withCtx(() => [
-      withDirectives(createVNode(_component_el_cascader_panel, {
-        ref: "panel",
-        modelValue: _ctx.checkedValue,
-        "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.checkedValue = $event),
-        options: _ctx.options,
-        props: _ctx.props,
-        border: false,
-        "render-label": _ctx.$slots.default,
-        onExpandChange: _ctx.handleExpandChange,
-        onClose: _cache[16] || (_cache[16] = ($event) => _ctx.$nextTick(() => _ctx.togglePopperVisible(false)))
-      }, null, 8, ["modelValue", "options", "props", "render-label", "onExpandChange"]), [
-        [vShow, !_ctx.filtering]
-      ]),
-      _ctx.filterable ? withDirectives((openBlock(), createBlock(_component_el_scrollbar, {
-        key: 0,
-        ref: "suggestionPanel",
-        tag: "ul",
-        class: normalizeClass(_ctx.nsCascader.e("suggestion-panel")),
-        "view-class": _ctx.nsCascader.e("suggestion-list"),
-        onKeydown: _ctx.handleSuggestionKeyDown
-      }, {
-        default: withCtx(() => [
-          _ctx.suggestions.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.suggestions, (item) => {
-            return openBlock(), createElementBlock("li", {
-              key: item.uid,
-              class: normalizeClass([
-                _ctx.nsCascader.e("suggestion-item"),
-                _ctx.nsCascader.is("checked", item.checked)
-              ]),
-              tabindex: -1,
-              onClick: ($event) => _ctx.handleSuggestionClick(item)
-            }, [
-              createElementVNode("span", null, toDisplayString(item.text), 1),
-              item.checked ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
-                default: withCtx(() => [
-                  createVNode(_component_check)
-                ]),
-                _: 1
-              })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_3$h);
-          }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-            createElementVNode("li", {
-              class: normalizeClass(_ctx.nsCascader.e("empty-text"))
-            }, toDisplayString(_ctx.t("el.cascader.noMatch")), 3)
-          ])
         ]),
         _: 3
-      }, 8, ["class", "view-class", "onKeydown"])), [
-        [vShow, _ctx.filtering]
-      ]) : createCommentVNode("v-if", true)
-    ]),
-    _: 3
-  }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
-}
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$u], ["__file", "index.vue"]]);
+      }, 8, ["visible", "teleported", "popper-class", "transition"]);
+    };
+  }
+});
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["__file", "cascader.vue"]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -31197,7 +31158,7 @@ const inputNumberProps = buildProps({
   }
 });
 const inputNumberEmits = {
-  [CHANGE_EVENT]: (prev, cur) => prev !== cur,
+  [CHANGE_EVENT]: (cur, prev) => prev !== cur,
   blur: (e) => e instanceof FocusEvent,
   focus: (e) => e instanceof FocusEvent,
   [INPUT_EVENT]: (val) => isNumber(val) || isNil(val),
@@ -55426,4 +55387,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, tooltipV2ContentKey, tooltipV2RootKey, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid$1 as DynamicSizeGrid, DynamicSizeList$1 as DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid$1 as FixedSizeGrid, FixedSizeList$1 as FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, INSTALLED_KEY, IconComponentMap, IconMap, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, Mousewheel, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, RIGHT_CHECK_CHANGE_EVENT, ROOT_PICKER_INJECTION_KEY, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2$1 as TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTimeList, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerContextKey, colorPickerEmits, colorPickerProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, createModelToggleComposable, dateEquals, datePickTypes, dayjs, installer as default, defaultNamespace, descriptionProps, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, formatter, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, makeList, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmProps, popoverEmits, popoverProps, popperArrowProps, popperContentEmits, popperContentProps, popperCoreConfigProps, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timeUnits$1 as timeUnits, timelineItemProps, tooltipEmits, tooltipV2ContentKey, tooltipV2RootKey, transferCheckedChangeFn, transferEmits, transferProps, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useIdInjection, useLocale, useLockscreen, useModal, useModelToggle, useModelToggleEmits, useModelToggleProps, useNamespace, useOrderedChildren, usePopper, usePopperArrowProps, usePopperContainer, usePopperContainerId, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, vRepeatClick, valueEquals, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };