@element-plus/nightly 0.0.20260823 → 0.0.20260825

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

@@ -89,7 +89,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -98,7 +98,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "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>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "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>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -368,7 +368,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -377,7 +377,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "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>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "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>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -394,11 +394,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;
 }>> & Readonly<{
-  onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   onChange?: ((val: any) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
   "onVisible-change"?: ((visible: boolean) => any) | undefined;
   "onRemove-tag"?: ((val: unknown) => any) | undefined;
@@ -407,11 +407,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     scrollLeft: number;
   }) => any) | undefined;
 }>, {
-  props: Props;
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  offset: number;
-  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
   autocomplete: string;
@@ -421,10 +417,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   multiple: boolean;
+  props: Props;
+  offset: number;
+  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   popperClass: ClassValue;
   popperStyle: _$vue.StyleValue;
   fallbackPlacements: Placement[];
-  placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
   showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -437,7 +437,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   maxCollapseTags: number;
   collapseTagsTooltip: boolean;
   tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
-  tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
+  tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
   automaticDropdown: boolean;
   allowCreate: boolean;
   remote: boolean;
@@ -731,10 +731,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -747,20 +747,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      close: (...args: any[]) => void;
       hide: (...args: any[]) => void;
       show: (...args: any[]) => void;
       open: (...args: any[]) => void;
+      close: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
+      teleported: boolean;
+      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -791,10 +791,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -807,12 +807,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
+      teleported: boolean;
+      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -840,10 +840,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -856,20 +856,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
     open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    offset: number;
-    teleported: boolean;
-    effect: PopperEffect;
     visible: boolean | null;
     content: string;
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    offset: number;
+    teleported: boolean;
+    effect: PopperEffect;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;

package/es/components/select-v2/src/defaults.d.ts

@@ -111,7 +111,7 @@ declare const selectV2Props: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -122,7 +122,7 @@ declare const selectV2Props: {
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;

package/es/components/select-v2/src/option-item.vue.d.ts

@@ -60,8 +60,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly selected: BooleanConstructor;
   readonly created: BooleanConstructor;
 }>> & Readonly<{
-  onHover?: ((index?: number | undefined) => any) | undefined;
   onSelect?: ((val: Option, index?: number | undefined) => any) | undefined;
+  onHover?: ((index?: number | undefined) => any) | undefined;
 }>, {
   readonly disabled: boolean;
   readonly created: boolean;

package/es/components/select-v2/src/select.vue.d.ts

@@ -101,7 +101,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -112,7 +112,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -346,7 +346,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -357,7 +357,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -372,20 +372,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly fitInputWidth: EpPropFinalized<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean, true, boolean>;
   readonly suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
 }>> & Readonly<{
-  onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   onChange?: ((val: any) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
   "onVisible-change"?: ((visible: boolean) => any) | undefined;
   "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
-  readonly props: Props;
   readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  readonly offset: number;
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: any;
   readonly autocomplete: EpPropMergeType<(new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list") | (((new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list")) | null)[], unknown, unknown>;
@@ -396,10 +392,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly height: number;
   readonly multiple: boolean;
+  readonly props: Props;
+  readonly offset: number;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   readonly popperOptions: Partial<Options>;
   readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -412,7 +412,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly maxCollapseTags: number;
   readonly collapseTagsTooltip: boolean;
   readonly tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
-  readonly tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
+  readonly tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
   readonly scrollbarAlwaysOn: boolean;
   readonly automaticDropdown: boolean;
   readonly allowCreate: boolean;
@@ -497,10 +497,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -513,20 +513,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      close: (...args: any[]) => void;
       hide: (...args: any[]) => void;
       show: (...args: any[]) => void;
       open: (...args: any[]) => void;
+      close: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
+      teleported: boolean;
+      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -557,10 +557,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -573,12 +573,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
+      teleported: boolean;
+      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -606,10 +606,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -622,20 +622,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
     open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    offset: number;
-    teleported: boolean;
-    effect: PopperEffect;
     visible: boolean | null;
     content: string;
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    offset: number;
+    teleported: boolean;
+    effect: PopperEffect;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;

package/es/components/steps/src/item.d.ts

@@ -37,7 +37,7 @@ declare const stepProps: {
     __epPropKey: true;
   };
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly status: EpPropFinalized<StringConstructor, "" | "success" | "error" | "wait" | "finish" | "process", unknown, "", boolean>;
+  readonly status: EpPropFinalized<StringConstructor, "" | "wait" | "success" | "error" | "finish" | "process", unknown, "", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepProps` instead.

package/es/components/steps/src/item.vue.d.ts

@@ -28,9 +28,9 @@ type __VLS_Slots = {} & {
   description?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<StepProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepProps> & Readonly<{}>, {
+  icon: IconPropType;
   title: string;
   description: string;
-  icon: IconPropType;
   status: "" | "wait" | "process" | "finish" | "error" | "success";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -59,8 +59,8 @@ declare const stepsProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly finishStatus: EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
-  readonly processStatus: EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
+  readonly finishStatus: EpPropFinalized<StringConstructor, "wait" | "success" | "error" | "finish" | "process", unknown, "finish", boolean>;
+  readonly processStatus: EpPropFinalized<StringConstructor, "wait" | "success" | "error" | "finish" | "process", unknown, "process", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepsProps` instead.

package/es/components/table/src/filter-panel.mjs

@@ -32,6 +32,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"popper-class": _ctx.filterClassName,
 		persistent: "",
 		"append-to": _ctx.appendTo,
+		onBeforeShow: _ctx.handleBeforeShowTooltip,
 		onShow: _ctx.handleShowTooltip,
 		onHide: _ctx.handleHideTooltip
 	}, {
@@ -102,6 +103,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"placement",
 		"popper-class",
 		"append-to",
+		"onBeforeShow",
 		"onShow",
 		"onHide"
 	]);

package/es/components/table/src/filter-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-panel.mjs","names":[],"sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    trigger=\"click\"\n    role=\"dialog\"\n    teleported\n    effect=\"light\"\n    pure\n    loop\n    :popper-class=\"filterClassName\"\n    persistent\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"handleHideTooltip\"\n  >\n    <template #content>\n      <div\n        v-if=\"multiple\"\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        :class=\"ns.e('multiple')\"\n      >\n        <div :class=\"ns.e('content')\">\n          <el-scrollbar :wrap-class=\"ns.e('wrap')\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              :class=\"ns.e('checkbox-group')\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :value=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div :class=\"ns.e('bottom')\">\n          <button\n            :class=\"ns.is('disabled', filteredValue.length === 0)\"\n            :disabled=\"filteredValue.length === 0\"\n            type=\"button\"\n            @click=\"handleConfirm\"\n          >\n            {{ t('el.table.confirmFilter') }}\n          </button>\n          <button type=\"button\" @click=\"handleReset\">\n            {{ t('el.table.resetFilter') }}\n          </button>\n        </div>\n      </div>\n      <ul\n        v-else\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        role=\"radiogroup\"\n        :class=\"ns.e('list')\"\n        @keydown=\"handleKeydown\"\n      >\n        <li\n          role=\"radio\"\n          :class=\"[\n            ns.e('list-item'),\n            ns.is('active', isPropAbsent(filterValue)),\n          ]\"\n          :tabindex=\"checkedIndex === 0 ? 0 : -1\"\n          :aria-checked=\"isPropAbsent(filterValue)\"\n          @click=\"handleSelect(null, 0)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"(filter, idx) in filters\"\n          :key=\"filter.value\"\n          role=\"radio\"\n          :class=\"[ns.e('list-item'), ns.is('active', isActive(filter))]\"\n          :tabindex=\"checkedIndex === idx + 1 ? 0 : -1\"\n          :aria-checked=\"isActive(filter)\"\n          @click=\"handleSelect(filter.value, idx + 1)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <button\n        type=\"button\"\n        :class=\"`${ns.namespace.value}-table__column-filter-trigger`\"\n        :aria-label=\"t('el.table.filterLabel', { column: column?.label || '' })\"\n      >\n        <el-icon>\n          <slot name=\"filter-icon\">\n            <arrow-up v-if=\"column?.filterOpened\" />\n            <arrow-down v-else />\n          </slot>\n        </el-icon>\n      </button>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, ref } from 'vue'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  ElTooltip,\n  useTooltipContentProps,\n} from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { getEventCode, isPropAbsent } from '@element-plus/utils'\n\nimport type { DefaultRow } from './table/defaults'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType, WritableComputedRef } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<DefaultRow>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<DefaultRow>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n    appendTo: useTooltipContentProps.appendTo,\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const { t } = useLocale()\n    const ns = useNamespace('table-filter')\n    const parent = instance?.parent as TableHeader\n    if (props.column && !parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n\n    const tooltipRef = ref<TooltipInstance | null>(null)\n    const rootRef = ref<HTMLElement | null>(null)\n    const checkedIndex = ref(0)\n\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterClassName = computed(() => {\n      if (props.column && props.column.filterClassName) {\n        return `${ns.b()} ${props.column.filterClassName}`\n      }\n      return ns.b()\n    })\n    const filterValue = computed({\n      get: () => (props.column?.filteredValue || [])[0],\n      set: (value?: string | null) => {\n        if (props.column) {\n          const arr = [...(props.column.filteredValue ?? [])]\n          if (!isPropAbsent(value)) {\n            arr.splice(0, 1, value)\n          } else {\n            arr.splice(0, 1)\n          }\n          props.upDataColumn?.('filteredValue', arr)\n        }\n      },\n    })\n    const filteredValue: WritableComputedRef<string[]> = computed({\n      get() {\n        if (props.column) {\n          return props.column.filteredValue || []\n        }\n        return []\n      },\n      set(value: string[]) {\n        if (props.column) {\n          props.upDataColumn?.('filteredValue', value)\n        }\n      },\n    })\n    const multiple = computed(() => {\n      if (props.column) {\n        return props.column.filterMultiple\n      }\n      return true\n    })\n    const isActive = (filter: { value: string; text: string }) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipRef.value?.onClose()\n    }\n    const handleConfirm = () => {\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleReset = () => {\n      filteredValue.value = []\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleSelect = (_filterValue: string | null, index: number) => {\n      filterValue.value = _filterValue!\n      checkedIndex.value = index\n      if (!isPropAbsent(_filterValue)) {\n        confirmFilter(filteredValue.value)\n      } else {\n        confirmFilter([])\n      }\n      hidden()\n    }\n    const confirmFilter = (filteredValue: unknown[]) => {\n      props.store?.commit('filterChange', {\n        column: props.column,\n        values: filteredValue,\n      })\n      props.store?.updateAllSelected()\n    }\n    const handleShowTooltip = () => {\n      rootRef.value?.focus()\n      !multiple.value && initCheckedIndex()\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', true)\n      }\n    }\n    const handleHideTooltip = () => {\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', false)\n      }\n    }\n\n    const initCheckedIndex = () => {\n      if (isPropAbsent(filterValue)) {\n        checkedIndex.value = 0\n        return\n      }\n      const idx = (filters.value || []).findIndex((item) => {\n        return item.value === filterValue.value\n      })\n      checkedIndex.value = idx >= 0 ? idx + 1 : 0\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      const len = (filters.value ? filters.value.length : 0) + 1\n      let index = checkedIndex.value\n      let isPreventDefault = true\n\n      switch (code) {\n        case EVENT_CODE.down:\n        case EVENT_CODE.right:\n          index = (index + 1) % len\n          break\n        case EVENT_CODE.up:\n        case EVENT_CODE.left:\n          index = (index - 1 + len) % len\n          break\n        case EVENT_CODE.tab:\n          hidden()\n          isPreventDefault = false\n          break\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space:\n          if (index === 0) {\n            handleSelect(null, 0)\n          } else {\n            const item = (filters.value || [])[index - 1]\n            item.value && handleSelect(item.value, index)\n          }\n          break\n        default:\n          isPreventDefault = false\n          break\n      }\n\n      isPreventDefault && event.preventDefault()\n      checkedIndex.value = index\n      rootRef.value\n        ?.querySelector<HTMLElement>(\n          `.${ns.e('list-item')}:nth-child(${index + 1})`\n        )\n        ?.focus()\n    }\n\n    return {\n      multiple,\n      filterClassName,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isPropAbsent,\n      isActive,\n      t,\n      ns,\n      tooltipRef,\n      rootRef,\n      checkedIndex,\n      handleShowTooltip,\n      handleHideTooltip,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"filter-panel.mjs","names":[],"sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    trigger=\"click\"\n    role=\"dialog\"\n    teleported\n    effect=\"light\"\n    pure\n    loop\n    :popper-class=\"filterClassName\"\n    persistent\n    :append-to=\"appendTo\"\n    @before-show=\"handleBeforeShowTooltip\"\n    @show=\"handleShowTooltip\"\n    @hide=\"handleHideTooltip\"\n  >\n    <template #content>\n      <div\n        v-if=\"multiple\"\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        :class=\"ns.e('multiple')\"\n      >\n        <div :class=\"ns.e('content')\">\n          <el-scrollbar :wrap-class=\"ns.e('wrap')\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              :class=\"ns.e('checkbox-group')\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :value=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div :class=\"ns.e('bottom')\">\n          <button\n            :class=\"ns.is('disabled', filteredValue.length === 0)\"\n            :disabled=\"filteredValue.length === 0\"\n            type=\"button\"\n            @click=\"handleConfirm\"\n          >\n            {{ t('el.table.confirmFilter') }}\n          </button>\n          <button type=\"button\" @click=\"handleReset\">\n            {{ t('el.table.resetFilter') }}\n          </button>\n        </div>\n      </div>\n      <ul\n        v-else\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        role=\"radiogroup\"\n        :class=\"ns.e('list')\"\n        @keydown=\"handleKeydown\"\n      >\n        <li\n          role=\"radio\"\n          :class=\"[\n            ns.e('list-item'),\n            ns.is('active', isPropAbsent(filterValue)),\n          ]\"\n          :tabindex=\"checkedIndex === 0 ? 0 : -1\"\n          :aria-checked=\"isPropAbsent(filterValue)\"\n          @click=\"handleSelect(null, 0)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"(filter, idx) in filters\"\n          :key=\"filter.value\"\n          role=\"radio\"\n          :class=\"[ns.e('list-item'), ns.is('active', isActive(filter))]\"\n          :tabindex=\"checkedIndex === idx + 1 ? 0 : -1\"\n          :aria-checked=\"isActive(filter)\"\n          @click=\"handleSelect(filter.value, idx + 1)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <button\n        type=\"button\"\n        :class=\"`${ns.namespace.value}-table__column-filter-trigger`\"\n        :aria-label=\"t('el.table.filterLabel', { column: column?.label || '' })\"\n      >\n        <el-icon>\n          <slot name=\"filter-icon\">\n            <arrow-up v-if=\"column?.filterOpened\" />\n            <arrow-down v-else />\n          </slot>\n        </el-icon>\n      </button>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, ref } from 'vue'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  ElTooltip,\n  useTooltipContentProps,\n} from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { getEventCode, isPropAbsent } from '@element-plus/utils'\n\nimport type { DefaultRow } from './table/defaults'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { Placement } from '@element-plus/components/popper'\nimport type { PropType } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<DefaultRow>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<DefaultRow>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n    appendTo: useTooltipContentProps.appendTo,\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const { t } = useLocale()\n    const ns = useNamespace('table-filter')\n    const parent = instance?.parent as TableHeader\n    if (props.column && !parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n\n    const tooltipRef = ref<TooltipInstance | null>(null)\n    const rootRef = ref<HTMLElement | null>(null)\n    const checkedIndex = ref(0)\n    const filteredValue = ref<string[]>([])\n\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterClassName = computed(() => {\n      if (props.column && props.column.filterClassName) {\n        return `${ns.b()} ${props.column.filterClassName}`\n      }\n      return ns.b()\n    })\n    const filterValue = computed({\n      get: () => (props.column?.filteredValue || [])[0],\n      set: (value?: string | null) => {\n        if (props.column) {\n          const arr = [...(props.column.filteredValue ?? [])]\n          if (!isPropAbsent(value)) {\n            arr.splice(0, 1, value)\n          } else {\n            arr.splice(0, 1)\n          }\n          props.upDataColumn?.('filteredValue', arr)\n        }\n      },\n    })\n    const multiple = computed(() => {\n      if (props.column) {\n        return props.column.filterMultiple\n      }\n      return true\n    })\n    const isActive = (filter: { value: string; text: string }) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipRef.value?.onClose()\n    }\n    const handleConfirm = () => {\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleReset = () => {\n      filteredValue.value = []\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleSelect = (_filterValue: string | null, index: number) => {\n      filterValue.value = _filterValue!\n      checkedIndex.value = index\n      if (!isPropAbsent(_filterValue)) {\n        confirmFilter([_filterValue])\n      } else {\n        confirmFilter([])\n      }\n      hidden()\n    }\n    const confirmFilter = (filteredValue: unknown[]) => {\n      props.upDataColumn?.('filteredValue', filteredValue)\n      props.store?.commit('filterChange', {\n        column: props.column,\n        values: filteredValue,\n      })\n      props.store?.updateAllSelected()\n    }\n    const handleBeforeShowTooltip = () => {\n      filteredValue.value = [...(props.column?.filteredValue || [])]\n    }\n    const handleShowTooltip = () => {\n      rootRef.value?.focus()\n      !multiple.value && initCheckedIndex()\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', true)\n      }\n    }\n    const handleHideTooltip = () => {\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', false)\n      }\n    }\n\n    const initCheckedIndex = () => {\n      if (isPropAbsent(filterValue)) {\n        checkedIndex.value = 0\n        return\n      }\n      const idx = (filters.value || []).findIndex((item) => {\n        return item.value === filterValue.value\n      })\n      checkedIndex.value = idx >= 0 ? idx + 1 : 0\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      const len = (filters.value ? filters.value.length : 0) + 1\n      let index = checkedIndex.value\n      let isPreventDefault = true\n\n      switch (code) {\n        case EVENT_CODE.down:\n        case EVENT_CODE.right:\n          index = (index + 1) % len\n          break\n        case EVENT_CODE.up:\n        case EVENT_CODE.left:\n          index = (index - 1 + len) % len\n          break\n        case EVENT_CODE.tab:\n          hidden()\n          isPreventDefault = false\n          break\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space:\n          if (index === 0) {\n            handleSelect(null, 0)\n          } else {\n            const item = (filters.value || [])[index - 1]\n            item.value && handleSelect(item.value, index)\n          }\n          break\n        default:\n          isPreventDefault = false\n          break\n      }\n\n      isPreventDefault && event.preventDefault()\n      checkedIndex.value = index\n      rootRef.value\n        ?.querySelector<HTMLElement>(\n          `.${ns.e('list-item')}:nth-child(${index + 1})`\n        )\n        ?.focus()\n    }\n\n    return {\n      multiple,\n      filterClassName,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isPropAbsent,\n      isActive,\n      t,\n      ns,\n      tooltipRef,\n      rootRef,\n      checkedIndex,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleHideTooltip,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}