@element-plus/nightly 0.0.20260423 → 0.0.20260425

package/es/components/autocomplete/src/autocomplete.vue.d.ts

@@ -9,13 +9,13 @@ import { Ref } from "vue";
 //#region ../../packages/components/autocomplete/src/autocomplete.vue.d.ts
 declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<AutocompleteProps<T> & {
-    onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onChange?: ((value: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((item: Record<string, any>) => any) | undefined;
     onInput?: ((value: string | number) => any) | undefined;
-    onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onSelect?: ((item: Record<string, any>) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -54,7 +54,7 @@ declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataIt
   } & {
     footer?: (props: {}) => any;
   };
-  emit: ((event: "clear") => void) & ((event: "update:modelValue", value: string | number) => void) & ((event: "change", value: string | number) => void) & ((event: "input", value: string | number) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", item: Record<string, any>) => void);
+  emit: ((event: "change", value: string | number) => void) & ((event: "update:modelValue", value: string | number) => void) & ((event: "clear") => void) & ((event: "select", item: Record<string, any>) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "input", value: string | number) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/es/components/avatar/src/avatar-group-props.d.ts

@@ -19,7 +19,7 @@ declare const avatarGroupProps: {
    * @description control the shape of avatars in this avatar-group
    */
   readonly shape: {
-    readonly type: vue.PropType<"circle" | "square" | undefined>;
+    readonly type: vue.PropType<"square" | "circle" | undefined>;
     readonly values: readonly ["circle", "square"];
   };
   /**

package/es/components/avatar/src/avatar-group.d.ts

@@ -14,7 +14,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: (val: unknown) => val is number;
   };
   readonly shape: {
-    readonly type: vue.PropType<"circle" | "square" | undefined>;
+    readonly type: vue.PropType<"square" | "circle" | undefined>;
     readonly values: readonly ["circle", "square"];
   };
   readonly collapseAvatars: BooleanConstructor;
@@ -151,7 +151,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: (val: unknown) => val is number;
   };
   readonly shape: {
-    readonly type: vue.PropType<"circle" | "square" | undefined>;
+    readonly type: vue.PropType<"square" | "circle" | undefined>;
     readonly values: readonly ["circle", "square"];
   };
   readonly collapseAvatars: BooleanConstructor;
@@ -282,8 +282,8 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly type: vue.PropType<vue.StyleValue>;
   };
 }>> & Readonly<{}>, {
-  readonly placement: Placement;
   readonly effect: PopperEffect;
+  readonly placement: Placement;
   readonly collapseAvatars: boolean;
   readonly collapseAvatarsTooltip: boolean;
   readonly maxCollapseAvatars: number;

package/es/components/avatar/src/avatar.d.ts

@@ -49,7 +49,7 @@ declare const avatarProps: {
     __epPropKey: true;
   };
   readonly shape: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "square" | "circle", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -63,7 +63,7 @@ declare const avatarProps: {
   readonly src: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly alt: StringConstructor;
   readonly srcSet: StringConstructor;
-  readonly fit: EpPropFinalized<(new (...args: any[]) => "cover" | "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "contain" | "none" | "scale-down") | (() => csstype.Property.ObjectFit | undefined) | (((new (...args: any[]) => "cover" | "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "contain" | "none" | "scale-down") | (() => csstype.Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
+  readonly fit: EpPropFinalized<(new (...args: any[]) => "fill" | "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "contain" | "cover" | "scale-down") | (() => csstype.Property.ObjectFit | undefined) | (((new (...args: any[]) => "fill" | "none" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "contain" | "cover" | "scale-down") | (() => csstype.Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `AvatarProps` instead.

package/es/components/avatar/src/avatar.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: vue.DefineComponent<AvatarProps, {}, {}, {}, {}, vue.C
 }, string, vue.PublicProps, Readonly<AvatarProps> & Readonly<{
   onError?: ((evt: Event) => any) | undefined;
 }>, {
-  src: string;
   fit: csstype.Property.ObjectFit;
+  src: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/backtop/src/backtop.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_base: vue.DefineComponent<BacktopProps, {}, {}, {}, {}, vue.
 }>, {
   bottom: number;
   right: number;
-  visibilityHeight: number;
   target: string;
+  visibilityHeight: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/badge/src/badge.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: vue.DefineComponent<BadgeProps, {
   /** @description badge content */content: vue.ComputedRef<string>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
   type: "primary" | "success" | "warning" | "info" | "danger";
-  offset: [number, number];
   value: string | number;
+  offset: [number, number];
   max: number;
   showZero: boolean;
   badgeStyle: string | false | vue.CSSProperties | StyleValue[] | null;

package/es/components/button/src/button-group.vue.d.ts

@@ -7,7 +7,7 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<ButtonGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-  type: "" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger";
+  type: "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text";
   direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/button/src/button.d.ts

@@ -99,7 +99,7 @@ declare const buttonProps: {
     __epPropKey: true;
   };
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text", unknown, "", boolean>;
   readonly icon: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
     readonly required: false;

package/es/components/button/src/button.vue.d.ts

@@ -16,7 +16,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: vue.DefineComponent<ButtonProps, {
   /** @description button html element */ref: vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>; /** @description button size */
   size: vue.ComputedRef<"" | "default" | "small" | "large">; /** @description button type */
-  type: vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "info" | "warning" | "danger">; /** @description button disabled */
+  type: vue.ComputedRef<"default" | "" | "primary" | "success" | "info" | "warning" | "danger" | "text">; /** @description button disabled */
   disabled: vue.ComputedRef<boolean>; /** @description whether adding space */
   shouldAddSpace: vue.ComputedRef<boolean>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -26,14 +26,14 @@ declare const __VLS_base: vue.DefineComponent<ButtonProps, {
 }>, {
   type: ButtonType;
   disabled: boolean;
-  text: boolean;
+  tag: string | vue.Component;
   round: boolean;
+  plain: boolean;
+  text: boolean;
   dashed: boolean;
   nativeType: ButtonNativeType;
   loadingIcon: IconPropType;
-  plain: boolean;
   autoInsertSpace: boolean;
-  tag: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/card/src/card.vue.d.ts

@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
   footer?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: vue.DefineComponent<CardProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CardProps> & Readonly<{}>, {
-  header: string;
   footer: string;
+  header: string;
   bodyStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   shadow: "always" | "hover" | "never";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

package/es/components/carousel/src/carousel.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_base: vue.DefineComponent<CarouselProps, {
   type: "" | "card";
   loop: boolean;
   height: string;
-  trigger: "hover" | "click";
   direction: "horizontal" | "vertical";
+  trigger: "hover" | "click";
   arrow: "always" | "hover" | "never";
   initialIndex: number;
   autoplay: boolean;

package/es/components/cascader/src/cascader.d.ts

@@ -132,6 +132,10 @@ interface CascaderComponentProps extends CascaderCommonProps, UseEmptyValuesProp
    * @description whether to show the radio or checkbox prefix
    */
   showPrefix?: boolean;
+  /**
+   * @description whether the width of the suggestion panel is the same as the input, if the value is `number`, then the width is fixed
+   */
+  fitInputWidth?: boolean | number;
 }
 /**
  * @deprecated Removed after 3.0.0, Use `CascaderComponentProps` instead.
@@ -165,7 +169,7 @@ declare const cascaderProps: {
   maxCollapseTags: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   collapseTagsTooltip: BooleanConstructor;
   maxCollapseTagsTooltipHeight: {
-    readonly type: vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -180,7 +184,7 @@ declare const cascaderProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => true, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "top" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "top" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   popperClass: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
@@ -311,6 +315,7 @@ declare const cascaderProps: {
   showCheckedStrategy: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   checkOnClickNode: BooleanConstructor;
   showPrefix: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+  fitInputWidth: EpPropFinalized<(BooleanConstructor | NumberConstructor)[], unknown, unknown, boolean, boolean>;
   modelValue: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue | (CascaderNodeValue | CascaderNodePathValue)[]) | (() => CascaderValue | null) | (((new (...args: any[]) => string | number | Record<string, any> | CascaderNodePathValue | (CascaderNodeValue | CascaderNodePathValue)[]) | (() => CascaderValue | null)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -319,6 +324,9 @@ declare const cascaderProps: {
   };
   options: EpPropFinalized<(new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]) | (((new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[])) | null)[], unknown, unknown, () => CascaderOption[], boolean>;
   props: EpPropFinalized<(new (...args: any[]) => CascaderProps) | (() => CascaderProps) | (((new (...args: any[]) => CascaderProps) | (() => CascaderProps)) | null)[], unknown, unknown, () => CascaderProps, boolean>;
+  virtualScroll: BooleanConstructor;
+  itemSize: EpPropFinalized<NumberConstructor, unknown, unknown, 34, boolean>;
+  height: EpPropFinalized<NumberConstructor, unknown, unknown, 204, boolean>;
 };
 declare const cascaderEmits: {
   "update:modelValue": (value: CascaderValue | null | undefined) => boolean;

package/es/components/cascader/src/cascader.mjs

@@ -104,6 +104,10 @@ const cascaderProps = buildProps({
 		type: Boolean,
 		default: true
 	},
+	fitInputWidth: {
+		type: [Boolean, Number],
+		default: false
+	},
 	...useEmptyValuesProps
 });
 const emitChangeFn = (value) => true;

package/es/components/cascader/src/cascader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.mjs","names":[],"sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { CommonProps } from '@element-plus/components/cascader-panel'\nimport {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n} from '@element-plus/utils'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { CircleClose } from '@element-plus/icons-vue'\n\nimport type { StyleValue } from 'vue'\nimport type { UseEmptyValuesProps } from '@element-plus/hooks'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Placement, PopperEffect } from '@element-plus/components/popper'\nimport type {\n  CascaderCommonProps,\n  CascaderNode,\n  CascaderValue,\n} from '@element-plus/components/cascader-panel'\nimport type { TagProps } from '@element-plus/components/tag'\nimport type { IconPropType } from '@element-plus/utils'\n\ntype CascaderClassType = string | Record<string, boolean> | CascaderClassType[]\n\nexport interface CascaderComponentProps\n  extends CascaderCommonProps, UseEmptyValuesProps {\n  /**\n   * @description size of input\n   */\n  size?: ComponentSize\n  /**\n   * @description placeholder of input\n   */\n  placeholder?: string\n  /**\n   * @description whether Cascader is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description whether selected value can be cleared\n   */\n  clearable?: boolean\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon?: IconPropType\n  /**\n   * @description whether the options can be searched\n   */\n  filterable?: boolean\n  /**\n   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.\n   */\n  filterMethod?: (node: CascaderNode, keyword: string) => boolean\n  /**\n   * @description option label separator\n   */\n  separator?: string\n  /**\n   * @description whether to display all levels of the selected value in the input\n   */\n  showAllLevels?: boolean\n  /**\n   * @description whether to collapse tags in multiple selection mode\n   */\n  collapseTags?: boolean\n  /**\n   * @description The max tags number to be shown. To use this, collapse-tags must be true\n   */\n  maxCollapseTags?: number\n  /**\n   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, collapse-tags must be true\n   */\n  collapseTagsTooltip?: boolean\n  /**\n   * @description The max height of collapse tags tooltip, in pixels. To use this, collapse-tags-tooltip must be true\n   */\n  maxCollapseTagsTooltipHeight?: string | number\n  /**\n   * @description debounce delay when typing filter keyword, in milliseconds\n   */\n  debounce?: number\n  /**\n   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted\n   */\n  beforeFilter?: (value: string) => boolean | Promise<any>\n  /**\n   * @description position of dropdown\n   */\n  placement?: Placement\n  /**\n   * @description list of possible positions for dropdown\n   */\n  fallbackPlacements?: Placement[]\n  /**\n   * @description custom class name for Cascader's dropdown\n   */\n  popperClass?: CascaderClassType\n  /**\n   * @description custom style for Cascader's dropdown\n   */\n  popperStyle?: StyleValue\n  /**\n   * @description whether cascader popup is teleported\n   */\n  teleported?: boolean\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect?: PopperEffect\n  /**\n   * @description tag type\n   */\n  tagType?: TagProps['type']\n  /**\n   * @description tag effect\n   */\n  tagEffect?: TagProps['effect']\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n  /**\n   * @description when dropdown is inactive and `persistent` is `false`, dropdown will be destroyed\n   */\n  persistent?: boolean\n  /**\n   * @description Use `parent` when you want things tidy (like \"Entire Collection\" instead of listing 100 items)\n   * Use `child` when every single item matters (like important settings)\n   */\n  showCheckedStrategy?: 'parent' | 'child'\n  /**\n   * @description whether to check or uncheck node when clicking on the node\n   */\n  checkOnClickNode?: boolean\n  /**\n   * @description whether to show the radio or checkbox prefix\n   */\n  showPrefix?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CascaderComponentProps` instead.\n */\nexport const cascaderProps = buildProps({\n  ...CommonProps,\n  /**\n   * @description size of input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder of input\n   */\n  placeholder: String,\n  /**\n   * @description whether Cascader is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether selected value can be cleared\n   */\n  clearable: Boolean,\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: iconPropType,\n    default: CircleClose,\n  },\n  /**\n   * @description whether the options can be searched\n   */\n  filterable: Boolean,\n  /**\n   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.\n   */\n  filterMethod: {\n    type: definePropType<(node: CascaderNode, keyword: string) => boolean>(\n      Function\n    ),\n    default: (node: CascaderNode, keyword: string) =>\n      node.text.includes(keyword),\n  },\n  /**\n   * @description option label separator\n   */\n  separator: {\n    type: String,\n    default: ' / ',\n  },\n  /**\n   * @description whether to display all levels of the selected value in the input\n   */\n  showAllLevels: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to collapse tags in multiple selection mode\n   */\n  collapseTags: Boolean,\n  /**\n   * @description The max tags number to be shown. To use this, collapse-tags must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, collapse-tags must be true\n   */\n  collapseTagsTooltip: Boolean,\n  /**\n   * @description The max height of collapse tags tooltip, in pixels. To use this, collapse-tags-tooltip must be true\n   */\n  maxCollapseTagsTooltipHeight: {\n    type: [String, Number],\n  },\n  /**\n   * @description debounce delay when typing filter keyword, in milliseconds\n   */\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted\n   */\n  beforeFilter: {\n    type: definePropType<(value: string) => boolean | Promise<any>>(Function),\n    default: () => true,\n  },\n  /**\n   * @description position of dropdown\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n  /**\n   * @description list of possible positions for dropdown\n   */\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: ['bottom-start', 'bottom', 'top-start', 'top', 'right', 'left'],\n  },\n  /**\n   * @description custom class name for Cascader's dropdown\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for Cascader's dropdown\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description whether cascader popup is teleported\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description tag type\n   */\n\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description tag effect\n   */\n  tagEffect: { ...tagProps.effect, default: 'light' },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when dropdown is inactive and `persistent` is `false`, dropdown will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Use `parent` when you want things tidy (like \"Entire Collection\" instead of listing 100 items)\n   * Use `child` when every single item matters (like important settings)\n   */\n  showCheckedStrategy: {\n    type: String,\n    values: ['parent', 'child'],\n    default: 'child',\n  },\n  /**\n   * @description whether to check or uncheck node when clicking on the node\n   */\n  checkOnClickNode: Boolean,\n  /**\n   * @description whether to show the radio or checkbox prefix\n   */\n  showPrefix: {\n    type: Boolean,\n    default: true,\n  },\n  ...useEmptyValuesProps,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst emitChangeFn = (value: CascaderValue | null | undefined) => true\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n  visibleChange: (val: boolean) => isBoolean(val),\n  expandChange: (val: CascaderValue) => !!val,\n  removeTag: (val: CascaderNode['valueByOption']) => !!val,\n}\n\nexport type CascaderEmits = typeof cascaderEmits\n"],"mappings":";;;;;;;;;;;;;;;;AAoJA,MAAa,gBAAgB,WAAW;CACtC,GAAG;CAIH,MAAM;CAIN,aAAa;CAIb,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,WAAW;CAIX,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,YAAY;CAIZ,cAAc;EACZ,MAAM,eACJ,SACD;EACD,UAAU,MAAoB,YAC5B,KAAK,KAAK,SAAS,QAAQ;EAC9B;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,cAAc;CAId,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,qBAAqB;CAIrB,8BAA8B,EAC5B,MAAM,CAAC,QAAQ,OAAO,EACvB;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,cAAc;EACZ,MAAM,eAA0D,SAAS;EACzE,eAAe;EAChB;CAID,WAAW;EACT,MAAM,eAA0B,OAAO;EACvC,QAAQ;EACR,SAAS;EACV;CAID,oBAAoB;EAClB,MAAM,eAA4B,MAAM;EACxC,SAAS;GAAC;GAAgB;GAAU;GAAa;GAAO;GAAS;GAAO;EACzE;CAID,aAAa,uBAAuB;CAIpC,aAAa,uBAAuB;CAIpC,YAAY,uBAAuB;CAInC,QAAQ;EACN,MAAM,eAA6B,OAAO;EAC1C,SAAS;EACV;CAKD,SAAS;EAAE,GAAG,SAAS;EAAM,SAAS;EAAQ;CAI9C,WAAW;EAAE,GAAG,SAAS;EAAQ,SAAS;EAAS;CAInD,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAKD,qBAAqB;EACnB,MAAM;EACN,QAAQ,CAAC,UAAU,QAAQ;EAC3B,SAAS;EACV;CAID,kBAAkB;CAIlB,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,GAAG;CACJ,CAAC;AAGF,MAAM,gBAAgB,UAA4C;AAElE,MAAa,gBAAgB;EAC1B,qBAAqB;EACrB,eAAe;CAChB,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACb,gBAAgB,QAAiB,UAAU,IAAI;CAC/C,eAAe,QAAuB,CAAC,CAAC;CACxC,YAAY,QAAuC,CAAC,CAAC;CACtD"}
+{"version":3,"file":"cascader.mjs","names":[],"sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { CommonProps } from '@element-plus/components/cascader-panel'\nimport {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isBoolean,\n} from '@element-plus/utils'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { CircleClose } from '@element-plus/icons-vue'\n\nimport type { StyleValue } from 'vue'\nimport type { UseEmptyValuesProps } from '@element-plus/hooks'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Placement, PopperEffect } from '@element-plus/components/popper'\nimport type {\n  CascaderCommonProps,\n  CascaderNode,\n  CascaderValue,\n} from '@element-plus/components/cascader-panel'\nimport type { TagProps } from '@element-plus/components/tag'\nimport type { IconPropType } from '@element-plus/utils'\n\ntype CascaderClassType = string | Record<string, boolean> | CascaderClassType[]\n\nexport interface CascaderComponentProps\n  extends CascaderCommonProps, UseEmptyValuesProps {\n  /**\n   * @description size of input\n   */\n  size?: ComponentSize\n  /**\n   * @description placeholder of input\n   */\n  placeholder?: string\n  /**\n   * @description whether Cascader is disabled\n   */\n  disabled?: boolean\n  /**\n   * @description whether selected value can be cleared\n   */\n  clearable?: boolean\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon?: IconPropType\n  /**\n   * @description whether the options can be searched\n   */\n  filterable?: boolean\n  /**\n   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.\n   */\n  filterMethod?: (node: CascaderNode, keyword: string) => boolean\n  /**\n   * @description option label separator\n   */\n  separator?: string\n  /**\n   * @description whether to display all levels of the selected value in the input\n   */\n  showAllLevels?: boolean\n  /**\n   * @description whether to collapse tags in multiple selection mode\n   */\n  collapseTags?: boolean\n  /**\n   * @description The max tags number to be shown. To use this, collapse-tags must be true\n   */\n  maxCollapseTags?: number\n  /**\n   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, collapse-tags must be true\n   */\n  collapseTagsTooltip?: boolean\n  /**\n   * @description The max height of collapse tags tooltip, in pixels. To use this, collapse-tags-tooltip must be true\n   */\n  maxCollapseTagsTooltipHeight?: string | number\n  /**\n   * @description debounce delay when typing filter keyword, in milliseconds\n   */\n  debounce?: number\n  /**\n   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted\n   */\n  beforeFilter?: (value: string) => boolean | Promise<any>\n  /**\n   * @description position of dropdown\n   */\n  placement?: Placement\n  /**\n   * @description list of possible positions for dropdown\n   */\n  fallbackPlacements?: Placement[]\n  /**\n   * @description custom class name for Cascader's dropdown\n   */\n  popperClass?: CascaderClassType\n  /**\n   * @description custom style for Cascader's dropdown\n   */\n  popperStyle?: StyleValue\n  /**\n   * @description whether cascader popup is teleported\n   */\n  teleported?: boolean\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect?: PopperEffect\n  /**\n   * @description tag type\n   */\n  tagType?: TagProps['type']\n  /**\n   * @description tag effect\n   */\n  tagEffect?: TagProps['effect']\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n  /**\n   * @description when dropdown is inactive and `persistent` is `false`, dropdown will be destroyed\n   */\n  persistent?: boolean\n  /**\n   * @description Use `parent` when you want things tidy (like \"Entire Collection\" instead of listing 100 items)\n   * Use `child` when every single item matters (like important settings)\n   */\n  showCheckedStrategy?: 'parent' | 'child'\n  /**\n   * @description whether to check or uncheck node when clicking on the node\n   */\n  checkOnClickNode?: boolean\n  /**\n   * @description whether to show the radio or checkbox prefix\n   */\n  showPrefix?: boolean\n  /**\n   * @description whether the width of the suggestion panel is the same as the input, if the value is `number`, then the width is fixed\n   */\n  fitInputWidth?: boolean | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CascaderComponentProps` instead.\n */\nexport const cascaderProps = buildProps({\n  ...CommonProps,\n  /**\n   * @description size of input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder of input\n   */\n  placeholder: String,\n  /**\n   * @description whether Cascader is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether selected value can be cleared\n   */\n  clearable: Boolean,\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: iconPropType,\n    default: CircleClose,\n  },\n  /**\n   * @description whether the options can be searched\n   */\n  filterable: Boolean,\n  /**\n   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.\n   */\n  filterMethod: {\n    type: definePropType<(node: CascaderNode, keyword: string) => boolean>(\n      Function\n    ),\n    default: (node: CascaderNode, keyword: string) =>\n      node.text.includes(keyword),\n  },\n  /**\n   * @description option label separator\n   */\n  separator: {\n    type: String,\n    default: ' / ',\n  },\n  /**\n   * @description whether to display all levels of the selected value in the input\n   */\n  showAllLevels: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to collapse tags in multiple selection mode\n   */\n  collapseTags: Boolean,\n  /**\n   * @description The max tags number to be shown. To use this, collapse-tags must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, collapse-tags must be true\n   */\n  collapseTagsTooltip: Boolean,\n  /**\n   * @description The max height of collapse tags tooltip, in pixels. To use this, collapse-tags-tooltip must be true\n   */\n  maxCollapseTagsTooltipHeight: {\n    type: [String, Number],\n  },\n  /**\n   * @description debounce delay when typing filter keyword, in milliseconds\n   */\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted\n   */\n  beforeFilter: {\n    type: definePropType<(value: string) => boolean | Promise<any>>(Function),\n    default: () => true,\n  },\n  /**\n   * @description position of dropdown\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n  /**\n   * @description list of possible positions for dropdown\n   */\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: ['bottom-start', 'bottom', 'top-start', 'top', 'right', 'left'],\n  },\n  /**\n   * @description custom class name for Cascader's dropdown\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for Cascader's dropdown\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description whether cascader popup is teleported\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description tag type\n   */\n\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description tag effect\n   */\n  tagEffect: { ...tagProps.effect, default: 'light' },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description when dropdown is inactive and `persistent` is `false`, dropdown will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Use `parent` when you want things tidy (like \"Entire Collection\" instead of listing 100 items)\n   * Use `child` when every single item matters (like important settings)\n   */\n  showCheckedStrategy: {\n    type: String,\n    values: ['parent', 'child'],\n    default: 'child',\n  },\n  /**\n   * @description whether to check or uncheck node when clicking on the node\n   */\n  checkOnClickNode: Boolean,\n  /**\n   * @description whether to show the radio or checkbox prefix\n   */\n  showPrefix: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the width of the suggestion panel is the same as the input, if the value is `number`, then the width is fixed\n   */\n  fitInputWidth: {\n    type: [Boolean, Number],\n    default: false,\n  },\n  ...useEmptyValuesProps,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst emitChangeFn = (value: CascaderValue | null | undefined) => true\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n  visibleChange: (val: boolean) => isBoolean(val),\n  expandChange: (val: CascaderValue) => !!val,\n  removeTag: (val: CascaderNode['valueByOption']) => !!val,\n}\n\nexport type CascaderEmits = typeof cascaderEmits\n"],"mappings":";;;;;;;;;;;;;;;;AAwJA,MAAa,gBAAgB,WAAW;CACtC,GAAG;CAIH,MAAM;CAIN,aAAa;CAIb,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,WAAW;CAIX,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,YAAY;CAIZ,cAAc;EACZ,MAAM,eACJ,SACD;EACD,UAAU,MAAoB,YAC5B,KAAK,KAAK,SAAS,QAAQ;EAC9B;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,cAAc;CAId,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,qBAAqB;CAIrB,8BAA8B,EAC5B,MAAM,CAAC,QAAQ,OAAO,EACvB;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,cAAc;EACZ,MAAM,eAA0D,SAAS;EACzE,eAAe;EAChB;CAID,WAAW;EACT,MAAM,eAA0B,OAAO;EACvC,QAAQ;EACR,SAAS;EACV;CAID,oBAAoB;EAClB,MAAM,eAA4B,MAAM;EACxC,SAAS;GAAC;GAAgB;GAAU;GAAa;GAAO;GAAS;GAAO;EACzE;CAID,aAAa,uBAAuB;CAIpC,aAAa,uBAAuB;CAIpC,YAAY,uBAAuB;CAInC,QAAQ;EACN,MAAM,eAA6B,OAAO;EAC1C,SAAS;EACV;CAKD,SAAS;EAAE,GAAG,SAAS;EAAM,SAAS;EAAQ;CAI9C,WAAW;EAAE,GAAG,SAAS;EAAQ,SAAS;EAAS;CAInD,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAKD,qBAAqB;EACnB,MAAM;EACN,QAAQ,CAAC,UAAU,QAAQ;EAC3B,SAAS;EACV;CAID,kBAAkB;CAIlB,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,eAAe;EACb,MAAM,CAAC,SAAS,OAAO;EACvB,SAAS;EACV;CACD,GAAG;CACJ,CAAC;AAGF,MAAM,gBAAgB,UAA4C;AAElE,MAAa,gBAAgB;EAC1B,qBAAqB;EACrB,eAAe;CAChB,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACb,gBAAgB,QAAiB,UAAU,IAAI;CAC/C,eAAe,QAAuB,CAAC,CAAC;CACxC,YAAY,QAAuC,CAAC,CAAC;CACtD"}

package/es/components/cascader/src/cascader.vue.d.ts

@@ -81,7 +81,7 @@ declare var __VLS_26: {}, __VLS_55: {
       closable: boolean;
     }[];
     deleteTag: (tag: Tag) => void;
-  }, __VLS_96: {}, __VLS_110: {}, __VLS_122: {
+  }, __VLS_96: {}, __VLS_110: {}, __VLS_120: {
     item: {
       readonly uid: number;
       readonly level: number;
@@ -143,7 +143,9 @@ declare var __VLS_26: {}, __VLS_55: {
       setCheckState: (checked: boolean) => void;
       doCheck: (checked: boolean) => void;
     };
-  }, __VLS_135: {}, __VLS_137: {};
+  }, __VLS_133: {}, __VLS_144: {
+    item: any;
+  }, __VLS_157: {}, __VLS_159: {};
 type __VLS_Slots = {} & {
   prefix?: (props: typeof __VLS_26) => any;
 } & {
@@ -153,11 +155,15 @@ type __VLS_Slots = {} & {
 } & {
   empty?: (props: typeof __VLS_110) => any;
 } & {
-  'suggestion-item'?: (props: typeof __VLS_122) => any;
+  'suggestion-item'?: (props: typeof __VLS_120) => any;
 } & {
-  empty?: (props: typeof __VLS_135) => any;
+  empty?: (props: typeof __VLS_133) => any;
 } & {
-  footer?: (props: typeof __VLS_137) => any;
+  'suggestion-item'?: (props: typeof __VLS_144) => any;
+} & {
+  empty?: (props: typeof __VLS_157) => any;
+} & {
+  footer?: (props: typeof __VLS_159) => any;
 };
 declare const __VLS_base: vue.DefineComponent<CascaderComponentProps, {
   /**
@@ -183,45 +189,47 @@ declare const __VLS_base: vue.DefineComponent<CascaderComponentProps, {
   focus: () => void; /** @description blur the input element */
   blur: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  clear: () => void;
-  "update:modelValue": (value: CascaderValue | null | undefined) => void;
   change: (value: CascaderValue | null | undefined) => void;
-  focus: (evt: FocusEvent) => void;
+  "update:modelValue": (value: CascaderValue | null | undefined) => void;
+  clear: () => void;
   blur: (evt: FocusEvent) => void;
+  focus: (evt: FocusEvent) => void;
   visibleChange: (val: boolean) => void;
   expandChange: (val: CascaderValue) => void;
   removeTag: (val: CascaderNodeValue | CascaderNodePathValue) => void;
 }, string, vue.PublicProps, Readonly<CascaderComponentProps> & Readonly<{
-  onClear?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
   onVisibleChange?: ((val: boolean) => any) | undefined;
   onExpandChange?: ((val: CascaderValue) => any) | undefined;
   onRemoveTag?: ((val: CascaderNodeValue | CascaderNodePathValue) => any) | undefined;
 }>, {
+  valueOnClear: string | number | boolean | Function | null;
   props: CascaderProps;
-  fallbackPlacements: Placement[];
-  placement: Placement;
+  disabled: boolean;
   effect: PopperEffect;
+  validateEvent: boolean;
+  placement: Placement;
   popperStyle: string | false | vue.CSSProperties | StyleValue[] | null;
+  fallbackPlacements: Placement[];
+  height: number;
+  filterMethod: (node: Node, keyword: string) => boolean;
+  itemSize: number;
+  separator: string;
   teleported: boolean;
   persistent: boolean;
-  disabled: boolean;
-  options: CascaderOption[];
-  valueOnClear: string | number | boolean | Function | null;
   clearIcon: IconPropType;
-  validateEvent: boolean;
-  separator: string;
+  options: CascaderOption[];
   debounce: number;
-  showPrefix: boolean;
-  filterMethod: (node: Node, keyword: string) => boolean;
-  showAllLevels: boolean;
   maxCollapseTags: number;
-  beforeFilter: (value: string) => boolean | Promise<any>;
   tagType: "primary" | "success" | "info" | "warning" | "danger";
   tagEffect: "light" | "dark" | "plain";
+  showPrefix: boolean;
+  showAllLevels: boolean;
+  beforeFilter: (value: string) => boolean | Promise<any>;
   showCheckedStrategy: "parent" | "child";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;