@element-plus/nightly 0.0.20221219 → 0.0.20221220

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221219 */
+/*! Element Plus v0.0.20221220 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11207,7 +11207,7 @@
     };
   };
 
-  const version$1 = "0.0.20221219";
+  const version$1 = "0.0.20221220";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11257,11 +11257,11 @@
   };
 
   const COMPONENT_NAME$m = "ElAffix";
-  const __default__$1y = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: COMPONENT_NAME$m
   });
   const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+    ...__default__$1z,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11377,12 +11377,12 @@
     }
   });
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
   const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+    ...__default__$1y,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -11445,11 +11445,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1w = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElAlert"
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+    ...__default__$1x,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11716,12 +11716,12 @@
   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 = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+    ...__default__$1w,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -12399,11 +12399,11 @@
   };
 
   const COMPONENT_NAME$k = "ElScrollbar";
-  const __default__$1u = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: COMPONENT_NAME$k
   });
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+    ...__default__$1v,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12584,12 +12584,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElPopperRoot",
     inheritAttrs: false
   });
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+    ...__default__$1u,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12622,12 +12622,12 @@
   });
   const usePopperArrowProps = popperArrowProps;
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+    ...__default__$1t,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12740,12 +12740,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1r = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+    ...__default__$1s,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13229,10 +13229,10 @@
       };
     }
   });
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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({
@@ -13395,11 +13395,11 @@
     }
   }
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1r = vue.defineComponent({
     name: "ElPopperContent"
   });
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+    ...__default__$1r,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13677,11 +13677,11 @@
     };
   };
 
-  const __default__$1p = vue.defineComponent({
+  const __default__$1q = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1q,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13742,12 +13742,12 @@
   });
   var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["__file", "trigger.vue"]]);
 
-  const __default__$1o = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1o,
+    ...__default__$1p,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -13905,11 +13905,11 @@
 
   const _hoisted_1$12 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
-  const __default__$1n = vue.defineComponent({
+  const __default__$1o = vue.defineComponent({
     name: "ElTooltip"
   });
   const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1o,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -14135,12 +14135,12 @@
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$j = ["id", "aria-selected", "onClick"];
   const COMPONENT_NAME$j = "ElAutocomplete";
-  const __default__$1m = vue.defineComponent({
+  const __default__$1n = vue.defineComponent({
     name: COMPONENT_NAME$j,
     inheritAttrs: false
   });
   const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1n,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -14500,11 +14500,11 @@
   };
 
   const _hoisted_1$10 = ["src", "alt", "srcset"];
-  const __default__$1l = vue.defineComponent({
+  const __default__$1m = vue.defineComponent({
     name: "ElAvatar"
   });
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1m,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14635,11 +14635,11 @@
   };
 
   const COMPONENT_NAME$i = "ElBacktop";
-  const __default__$1k = vue.defineComponent({
+  const __default__$1l = vue.defineComponent({
     name: COMPONENT_NAME$i
   });
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1l,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14701,11 +14701,11 @@
   });
 
   const _hoisted_1$$ = ["textContent"];
-  const __default__$1j = vue.defineComponent({
+  const __default__$1k = vue.defineComponent({
     name: "ElBadge"
   });
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1k,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14763,11 +14763,11 @@
     }
   });
 
-  const __default__$1i = vue.defineComponent({
+  const __default__$1j = vue.defineComponent({
     name: "ElBreadcrumb"
   });
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1j,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14806,11 +14806,11 @@
     }
   });
 
-  const __default__$1h = vue.defineComponent({
+  const __default__$1i = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1i,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15888,11 +15888,11 @@
   }
 
   const _hoisted_1$_ = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$1g = vue.defineComponent({
+  const __default__$1h = vue.defineComponent({
     name: "ElButton"
   });
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1h,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15964,11 +15964,11 @@
     type: buttonProps.type
   };
 
-  const __default__$1f = vue.defineComponent({
+  const __default__$1g = vue.defineComponent({
     name: "ElButtonGroup"
   });
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1g,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16540,11 +16540,11 @@
 
   const _hoisted_1$Z = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$1e = vue.defineComponent({
+  const __default__$1f = vue.defineComponent({
     name: "Picker"
   });
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1f,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -18444,11 +18444,11 @@
 
   const _hoisted_1$W = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$1d = vue.defineComponent({
+  const __default__$1e = vue.defineComponent({
     name: "DateTable"
   });
   const _sfc_main$1S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1e,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -18662,11 +18662,11 @@
   };
 
   const COMPONENT_NAME$h = "ElCalendar";
-  const __default__$1c = vue.defineComponent({
+  const __default__$1d = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
   const _sfc_main$1R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1d,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18803,11 +18803,11 @@
     }
   });
 
-  const __default__$1b = vue.defineComponent({
+  const __default__$1c = vue.defineComponent({
     name: "ElCard"
   });
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1c,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -19096,11 +19096,11 @@
   const _hoisted_1$V = ["onMouseenter", "onClick"];
   const _hoisted_2$A = { key: 0 };
   const COMPONENT_NAME$g = "ElCarousel";
-  const __default__$1a = vue.defineComponent({
+  const __default__$1b = vue.defineComponent({
     name: COMPONENT_NAME$g
   });
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1b,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -19361,11 +19361,11 @@
     };
   };
 
-  const __default__$19 = vue.defineComponent({
+  const __default__$1a = vue.defineComponent({
     name: "ElCarouselItem"
   });
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1a,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19656,11 +19656,11 @@
   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 = vue.defineComponent({
+  const __default__$19 = vue.defineComponent({
     name: "ElCheckbox"
   });
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$19,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19767,11 +19767,11 @@
 
   const _hoisted_1$T = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$17 = vue.defineComponent({
+  const __default__$18 = vue.defineComponent({
     name: "ElCheckboxButton"
   });
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$18,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19881,11 +19881,11 @@
     change: (val) => isArray(val)
   };
 
-  const __default__$16 = vue.defineComponent({
+  const __default__$17 = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$17,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -20013,11 +20013,11 @@
   };
 
   const _hoisted_1$S = ["value", "name", "disabled"];
-  const __default__$15 = vue.defineComponent({
+  const __default__$16 = vue.defineComponent({
     name: "ElRadio"
   });
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$16,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -20089,11 +20089,11 @@
   });
 
   const _hoisted_1$R = ["value", "name", "disabled"];
-  const __default__$14 = vue.defineComponent({
+  const __default__$15 = vue.defineComponent({
     name: "ElRadioButton"
   });
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$15,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -20183,11 +20183,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$Q = ["id", "aria-label", "aria-labelledby"];
-  const __default__$13 = vue.defineComponent({
+  const __default__$14 = vue.defineComponent({
     name: "ElRadioGroup"
   });
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$14,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -20383,7 +20383,7 @@
   });
   const _hoisted_1$P = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.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 = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -20466,7 +20466,7 @@
       ], 64)) : vue.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 = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -20546,7 +20546,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -20599,7 +20599,7 @@
       _: 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) => {
@@ -20766,17 +20766,19 @@
     }
   }
 
-  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,
@@ -21072,7 +21074,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -21089,7 +21091,7 @@
       }), 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);
@@ -21127,11 +21129,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$12 = vue.defineComponent({
+  const __default__$13 = vue.defineComponent({
     name: "ElTag"
   });
   const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$13,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -21215,97 +21217,89 @@
 
   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 = vue.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 = vue.defineComponent({
+    name: COMPONENT_NAME$f
+  });
+  const _sfc_main$1D = /* @__PURE__ */ vue.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 = vue.useAttrs();
       let inputInitialHeight = 0;
       let pressDeleteCount = 0;
       const nsCascader = useNamespace("cascader");
@@ -21326,9 +21320,12 @@
       const allPresentTags = vue.ref([]);
       const suggestions = vue.ref([]);
       const isOnComposition = vue.ref(false);
+      const cascaderStyle = vue.computed(() => {
+        return attrs.style;
+      });
       const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
       const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
-      const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 ? "" : inputPlaceholder.value);
+      const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 || isOnComposition.value ? "" : inputPlaceholder.value);
       const realSize = useSize();
       const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
       const multiple = vue.computed(() => !!props.props.multiple);
@@ -21360,10 +21357,25 @@
           }
         }
       });
-      const popperPaneRef = vue.computed(() => {
+      const cascaderPanelRef = vue.computed(() => {
         var _a, _b;
         return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
       });
+      const cascaderKls = vue.computed(() => {
+        return [
+          nsCascader.b(),
+          nsCascader.m(realSize.value),
+          nsCascader.is("disabled", isDisabled.value),
+          attrs.class
+        ];
+      });
+      const cascaderIconKls = vue.computed(() => {
+        return [
+          nsInput.e("icon"),
+          "icon-arrow-down",
+          nsCascader.is("reverse", popperVisible.value)
+        ];
+      });
       const togglePopperVisible = (visible) => {
         var _a, _b, _c;
         if (isDisabled.value)
@@ -21378,7 +21390,7 @@
           } else if (props.filterable) {
             syncPresentTextValue();
           }
-          emit("visible-change", visible);
+          emit("visibleChange", visible);
         }
       };
       const updatePopperPosition = () => {
@@ -21406,7 +21418,7 @@
         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)
@@ -21493,7 +21505,7 @@
       };
       const handleExpandChange = (value) => {
         updatePopperPosition();
-        emit("expand-change", value);
+        emit("expandChange", value);
       };
       const handleComposition = (event) => {
         var _a;
@@ -21580,6 +21592,12 @@
           lastTag.hitState = true;
         }
       };
+      const handleFocus = (e) => {
+        emit("focus", e);
+      };
+      const handleBlur = (e) => {
+        emit("blur", e);
+      };
       const handleFilter = debounce(() => {
         const { value } = searchKeyword;
         if (!value)
@@ -21612,283 +21630,226 @@
         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 = vue.resolveComponent("circle-close");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_arrow_down = vue.resolveComponent("arrow-down");
-    const _component_el_input = vue.resolveComponent("el-input");
-    const _component_el_tag = vue.resolveComponent("el-tag");
-    const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-    const _component_el_cascader_panel = vue.resolveComponent("el-cascader-panel");
-    const _component_check = vue.resolveComponent("check");
-    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-    const _directive_clickoutside = vue.resolveDirective("clickoutside");
-    return vue.openBlock(), vue.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: vue.withCtx(() => [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass([
-            _ctx.nsCascader.b(),
-            _ctx.nsCascader.m(_ctx.realSize),
-            _ctx.nsCascader.is("disabled", _ctx.isDisabled),
-            _ctx.$attrs.class
-          ]),
-          style: vue.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)
-        }, [
-          vue.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: vue.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: vue.withCtx(() => [
-              _ctx.clearBtnVisible ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: "clear",
-                class: vue.normalizeClass([_ctx.nsInput.e("icon"), "icon-circle-close"]),
-                onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_circle_close)
-                ]),
-                _: 1
-              }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: "arrow-down",
-                class: vue.normalizeClass([
-                  _ctx.nsInput.e("icon"),
-                  "icon-arrow-down",
-                  _ctx.nsCascader.is("reverse", _ctx.popperVisible)
-                ]),
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
+        cascaderPanelRef
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+          ref_key: "tooltipRef",
+          ref: tooltipRef,
+          visible: popperVisible.value,
+          teleported: _ctx.teleported,
+          "popper-class": [vue.unref(nsCascader).e("dropdown"), _ctx.popperClass],
+          "popper-options": popperOptions,
+          "fallback-placements": [
+            "bottom-start",
+            "bottom",
+            "top-start",
+            "top",
+            "right",
+            "left"
+          ],
+          "stop-popper-mouse-event": false,
+          "gpu-acceleration": false,
+          placement: "bottom-start",
+          transition: `${vue.unref(nsCascader).namespace.value}-zoom-in-top`,
+          effect: "light",
+          pure: "",
+          persistent: "",
+          onHide: hideSuggestionPanel
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass(vue.unref(cascaderKls)),
+              style: vue.normalizeStyle(vue.unref(cascaderStyle)),
+              onClick: _cache[5] || (_cache[5] = () => togglePopperVisible(vue.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)
+            }, [
+              vue.createVNode(vue.unref(ElInput), {
+                ref_key: "input",
+                ref: input,
+                modelValue: inputValue.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+                placeholder: vue.unref(currentPlaceholder),
+                readonly: vue.unref(readonly),
+                disabled: vue.unref(isDisabled),
+                "validate-event": false,
+                size: vue.unref(realSize),
+                class: vue.normalizeClass(vue.unref(nsCascader).is("focus", popperVisible.value)),
+                onCompositionstart: handleComposition,
+                onCompositionupdate: handleComposition,
+                onCompositionend: handleComposition,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onInput: handleInput
               }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_arrow_down)
+                suffix: vue.withCtx(() => [
+                  vue.unref(clearBtnVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: "clear",
+                    class: vue.normalizeClass([vue.unref(nsInput).e("icon"), "icon-circle-close"]),
+                    onClick: vue.withModifiers(handleClear, ["stop"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(circle_close_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+                    key: "arrow-down",
+                    class: vue.normalizeClass(vue.unref(cascaderIconKls)),
+                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => togglePopperVisible(), ["stop"]))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(arrow_down_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class"]))
                 ]),
                 _: 1
-              }, 8, ["class"]))
-            ]),
-            _: 1
-          }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-          _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            ref: "tagWrapper",
-            class: vue.normalizeClass(_ctx.nsCascader.e("tags"))
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
-              return vue.openBlock(), vue.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: vue.withCtx(() => [
-                  tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.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"]),
+              vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                ref_key: "tagWrapper",
+                ref: tagWrapper,
+                class: vue.normalizeClass(vue.unref(nsCascader).e("tags"))
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(presentTags.value, (tag) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                    key: tag.key,
+                    type: _ctx.tagType,
+                    size: vue.unref(tagSize),
+                    hit: tag.hitState,
+                    closable: tag.closable,
+                    "disable-transitions": "",
+                    onClose: ($event) => deleteTag(tag)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
-                    ]),
-                    content: vue.withCtx(() => [
-                      vue.createElementVNode("div", {
-                        class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tags"))
-                      }, [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.allPresentTags.slice(1), (tag2, idx) => {
-                          return vue.openBlock(), vue.createElementBlock("div", {
-                            key: idx,
-                            class: vue.normalizeClass(_ctx.nsCascader.e("collapse-tag"))
+                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
+                        key: 1,
+                        disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        placement: "bottom",
+                        effect: "light"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+                        ]),
+                        content: vue.withCtx(() => [
+                          vue.createElementVNode("div", {
+                            class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
                           }, [
-                            (vue.openBlock(), vue.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: vue.withCtx(() => [
-                                vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["type", "size", "hit", "closable", "onClose"]))
-                          ], 2);
-                        }), 128))
-                      ], 2)
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(1), (tag2, idx) => {
+                              return vue.openBlock(), vue.createElementBlock("div", {
+                                key: idx,
+                                class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
+                              }, [
+                                (vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                                  key: tag2.key,
+                                  class: "in-tooltip",
+                                  type: _ctx.tagType,
+                                  size: vue.unref(tagSize),
+                                  hit: tag2.hitState,
+                                  closable: tag2.closable,
+                                  "disable-transitions": "",
+                                  onClose: ($event) => deleteTag(tag2)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["type", "size", "hit", "closable", "onClose"]))
+                              ], 2);
+                            }), 128))
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["disabled"]))
                     ]),
                     _: 2
-                  }, 1032, ["disabled"]))
-                ]),
-                _: 2
-              }, 1032, ["type", "size", "hit", "closable", "onClose"]);
-            }), 128)),
-            _ctx.filterable && !_ctx.isDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  }, 1032, ["type", "size", "hit", "closable", "onClose"]);
+                }), 128)),
+                _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  key: 0,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchInputValue.value = $event),
+                  type: "text",
+                  class: vue.normalizeClass(vue.unref(nsCascader).e("search-input")),
+                  placeholder: vue.unref(presentText) ? "" : vue.unref(inputPlaceholder),
+                  onInput: _cache[3] || (_cache[3] = (e) => handleInput(searchInputValue.value, e)),
+                  onClick: _cache[4] || (_cache[4] = vue.withModifiers(($event) => togglePopperVisible(true), ["stop"])),
+                  onKeydown: vue.withKeys(handleDelete, ["delete"]),
+                  onCompositionstart: handleComposition,
+                  onCompositionupdate: handleComposition,
+                  onCompositionend: handleComposition
+                }, null, 42, _hoisted_2$w)), [
+                  [vue.vModelText, searchInputValue.value]
+                ]) : vue.createCommentVNode("v-if", true)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 38)), [
+              [vue.unref(ClickOutside), () => togglePopperVisible(false), vue.unref(cascaderPanelRef)]
+            ])
+          ]),
+          content: vue.withCtx(() => [
+            vue.withDirectives(vue.createVNode(vue.unref(_CascaderPanel), {
+              ref_key: "panel",
+              ref: panel,
+              modelValue: vue.unref(checkedValue),
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.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"]), [
+              [vue.vShow, !filtering.value]
+            ]),
+            _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
               key: 0,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.searchInputValue = $event),
-              type: "text",
-              class: vue.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] = vue.withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
-              onKeydown: _cache[7] || (_cache[7] = vue.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)), [
-              [vue.vModelText, _ctx.searchInputValue]
+              ref_key: "suggestionPanel",
+              ref: suggestionPanel,
+              tag: "ul",
+              class: vue.normalizeClass(vue.unref(nsCascader).e("suggestion-panel")),
+              "view-class": vue.unref(nsCascader).e("suggestion-list"),
+              onKeydown: handleSuggestionKeyDown
+            }, {
+              default: vue.withCtx(() => [
+                suggestions.value.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(suggestions.value, (item) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    key: item.uid,
+                    class: vue.normalizeClass([
+                      vue.unref(nsCascader).e("suggestion-item"),
+                      vue.unref(nsCascader).is("checked", item.checked)
+                    ]),
+                    tabindex: -1,
+                    onClick: ($event) => handleSuggestionClick(item)
+                  }, [
+                    vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
+                    item.checked ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(check_default))
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("v-if", true)
+                  ], 10, _hoisted_3$h);
+                }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+                  vue.createElementVNode("li", {
+                    class: vue.normalizeClass(vue.unref(nsCascader).e("empty-text"))
+                  }, vue.toDisplayString(vue.unref(t)("el.cascader.noMatch")), 3)
+                ])
+              ]),
+              _: 3
+            }, 8, ["class", "view-class"])), [
+              [vue.vShow, filtering.value]
             ]) : vue.createCommentVNode("v-if", true)
-          ], 2)) : vue.createCommentVNode("v-if", true)
-        ], 38)), [
-          [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
-        ])
-      ]),
-      content: vue.withCtx(() => [
-        vue.withDirectives(vue.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"]), [
-          [vue.vShow, !_ctx.filtering]
-        ]),
-        _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
-          key: 0,
-          ref: "suggestionPanel",
-          tag: "ul",
-          class: vue.normalizeClass(_ctx.nsCascader.e("suggestion-panel")),
-          "view-class": _ctx.nsCascader.e("suggestion-list"),
-          onKeydown: _ctx.handleSuggestionKeyDown
-        }, {
-          default: vue.withCtx(() => [
-            _ctx.suggestions.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.suggestions, (item) => {
-              return vue.openBlock(), vue.createElementBlock("li", {
-                key: item.uid,
-                class: vue.normalizeClass([
-                  _ctx.nsCascader.e("suggestion-item"),
-                  _ctx.nsCascader.is("checked", item.checked)
-                ]),
-                tabindex: -1,
-                onClick: ($event) => _ctx.handleSuggestionClick(item)
-              }, [
-                vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
-                item.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_check)
-                  ]),
-                  _: 1
-                })) : vue.createCommentVNode("v-if", true)
-              ], 10, _hoisted_3$h);
-            }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-              vue.createElementVNode("li", {
-                class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
-              }, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 3)
-            ])
           ]),
           _: 3
-        }, 8, ["class", "view-class", "onKeydown"])), [
-          [vue.vShow, _ctx.filtering]
-        ]) : vue.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);
@@ -31201,7 +31162,7 @@
     }
   });
   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),
@@ -55620,6 +55581,8 @@
   exports.carouselEmits = carouselEmits;
   exports.carouselItemProps = carouselItemProps;
   exports.carouselProps = carouselProps;
+  exports.cascaderEmits = cascaderEmits;
+  exports.cascaderProps = cascaderProps;
   exports.checkTagEmits = checkTagEmits;
   exports.checkTagProps = checkTagProps;
   exports.checkboxEmits = checkboxEmits;