@element-plus/nightly 0.0.20230712 → 0.0.20230713

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

@@ -6708,13 +6708,16 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             };
             input: import("vue").ShallowRef<HTMLInputElement | undefined>;
             textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-            focused: import("vue").Ref<boolean>;
             hovering: import("vue").Ref<boolean>;
             isComposing: import("vue").Ref<boolean>;
             passwordVisible: import("vue").Ref<boolean>;
             countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
             textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
             _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+            isFocused: import("vue").Ref<boolean>;
+            handleFocus: (event: FocusEvent) => void;
+            handleBlur: (event: FocusEvent) => void;
             needStatusIcon: import("vue").ComputedRef<boolean>;
             validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
             validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -6742,8 +6745,6 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             handlePasswordVisible: () => void;
             focus: () => Promise<void>;
             blur: () => void | undefined;
-            handleFocus: (event: FocusEvent) => void;
-            handleBlur: (event: FocusEvent) => void;
             handleMouseLeave: (evt: MouseEvent) => void;
             handleMouseEnter: (evt: MouseEvent) => void;
             handleKeydown: (evt: KeyboardEvent) => void;
@@ -7073,13 +7074,16 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -7107,8 +7111,6 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;
@@ -9080,13 +9082,16 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -9114,8 +9119,6 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;
@@ -20075,13 +20078,16 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             };
             input: import("vue").ShallowRef<HTMLInputElement | undefined>;
             textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-            focused: import("vue").Ref<boolean>;
             hovering: import("vue").Ref<boolean>;
             isComposing: import("vue").Ref<boolean>;
             passwordVisible: import("vue").Ref<boolean>;
             countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
             textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
             _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+            isFocused: import("vue").Ref<boolean>;
+            handleFocus: (event: FocusEvent) => void;
+            handleBlur: (event: FocusEvent) => void;
             needStatusIcon: import("vue").ComputedRef<boolean>;
             validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
             validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -20109,8 +20115,6 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             handlePasswordVisible: () => void;
             focus: () => Promise<void>;
             blur: () => void | undefined;
-            handleFocus: (event: FocusEvent) => void;
-            handleBlur: (event: FocusEvent) => void;
             handleMouseLeave: (evt: MouseEvent) => void;
             handleMouseEnter: (evt: MouseEvent) => void;
             handleKeydown: (evt: KeyboardEvent) => void;
@@ -20440,13 +20444,16 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -20474,8 +20481,6 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;
@@ -22447,13 +22452,16 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -22481,8 +22489,6 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;

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

@@ -6711,13 +6711,16 @@ declare const _default: import("vue").DefineComponent<{
             };
             input: import("vue").ShallowRef<HTMLInputElement | undefined>;
             textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-            focused: Ref<boolean>;
             hovering: Ref<boolean>;
             isComposing: Ref<boolean>;
             passwordVisible: Ref<boolean>;
             countStyle: Ref<StyleValue | undefined>;
             textareaCalcStyle: import("vue").ShallowRef<StyleValue>;
             _ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+            isFocused: Ref<boolean>;
+            handleFocus: (event: FocusEvent) => void;
+            handleBlur: (event: FocusEvent) => void;
             needStatusIcon: ComputedRef<boolean>;
             validateState: ComputedRef<"" | "success" | "error" | "validating">;
             validateIcon: ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -6745,8 +6748,6 @@ declare const _default: import("vue").DefineComponent<{
             handlePasswordVisible: () => void;
             focus: () => Promise<void>;
             blur: () => void | undefined;
-            handleFocus: (event: FocusEvent) => void;
-            handleBlur: (event: FocusEvent) => void;
             handleMouseLeave: (evt: MouseEvent) => void;
             handleMouseEnter: (evt: MouseEvent) => void;
             handleKeydown: (evt: KeyboardEvent) => void;
@@ -7076,13 +7077,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: Ref<boolean>;
         hovering: Ref<boolean>;
         isComposing: Ref<boolean>;
         passwordVisible: Ref<boolean>;
         countStyle: Ref<StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<StyleValue>;
         _ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: ComputedRef<boolean>;
         validateState: ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -7110,8 +7114,6 @@ declare const _default: import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;
@@ -9083,13 +9085,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: Ref<boolean>;
         hovering: Ref<boolean>;
         isComposing: Ref<boolean>;
         passwordVisible: Ref<boolean>;
         countStyle: Ref<StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<StyleValue>;
         _ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: ComputedRef<boolean>;
         validateState: ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -9117,8 +9122,6 @@ declare const _default: import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;

package/es/components/color-picker/index.d.ts

@@ -10443,13 +10443,16 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -10477,8 +10480,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;

package/es/components/color-picker/src/color-picker.vue.d.ts

@@ -10445,13 +10445,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -10479,8 +10482,6 @@ declare const _default: import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;

package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -693,13 +693,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -727,8 +730,6 @@ declare const _default: import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;

package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -820,13 +820,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -854,8 +857,6 @@ declare const _default: import("vue").DefineComponent<{
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;

package/es/components/date-picker/src/panel-utils.d.ts

@@ -818,13 +818,16 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -852,8 +855,6 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;
@@ -9448,13 +9449,16 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         };
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-        focused: import("vue").Ref<boolean>;
         hovering: import("vue").Ref<boolean>;
         isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
         _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+        isFocused: import("vue").Ref<boolean>;
+        handleFocus: (event: FocusEvent) => void;
+        handleBlur: (event: FocusEvent) => void;
         needStatusIcon: import("vue").ComputedRef<boolean>;
         validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
         validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -9482,8 +9486,6 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         handlePasswordVisible: () => void;
         focus: () => Promise<void>;
         blur: () => void | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleBlur: (event: FocusEvent) => void;
         handleMouseLeave: (evt: MouseEvent) => void;
         handleMouseEnter: (evt: MouseEvent) => void;
         handleKeydown: (evt: KeyboardEvent) => void;

package/es/components/index.mjs

@@ -157,7 +157,7 @@ export { IconComponentMap, IconMap, resultProps } from './result/src/result.mjs'
 export { RowAlign, RowJustify, rowProps } from './row/src/row.mjs';
 export { rowContextKey } from './row/src/constants.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './scrollbar/src/util.mjs';
-export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar2.mjs';
+export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar.mjs';
 export { thumbProps } from './scrollbar/src/thumb.mjs';
 export { scrollbarContextKey } from './scrollbar/src/constants.mjs';
 export { selectGroupKey, selectKey } from './select/src/token.mjs';

package/es/components/input/index.d.ts

@@ -196,13 +196,16 @@ export declare const ElInput: import("element-plus/es/utils").SFCWithInstall<imp
     };
     input: import("vue").ShallowRef<HTMLInputElement | undefined>;
     textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-    focused: import("vue").Ref<boolean>;
     hovering: import("vue").Ref<boolean>;
     isComposing: import("vue").Ref<boolean>;
     passwordVisible: import("vue").Ref<boolean>;
     countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
     textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
     _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+    wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+    isFocused: import("vue").Ref<boolean>;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
     needStatusIcon: import("vue").ComputedRef<boolean>;
     validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
     validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -230,8 +233,6 @@ export declare const ElInput: import("element-plus/es/utils").SFCWithInstall<imp
     handlePasswordVisible: () => void;
     focus: () => Promise<void>;
     blur: () => void | undefined;
-    handleFocus: (event: FocusEvent) => void;
-    handleBlur: (event: FocusEvent) => void;
     handleMouseLeave: (evt: MouseEvent) => void;
     handleMouseEnter: (evt: MouseEvent) => void;
     handleKeydown: (evt: KeyboardEvent) => void;

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

@@ -196,13 +196,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     input: import("vue").ShallowRef<HTMLInputElement | undefined>;
     textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
-    focused: import("vue").Ref<boolean>;
     hovering: import("vue").Ref<boolean>;
     isComposing: import("vue").Ref<boolean>;
     passwordVisible: import("vue").Ref<boolean>;
     countStyle: import("vue").Ref<StyleValue | undefined>;
     textareaCalcStyle: import("vue").ShallowRef<StyleValue>;
     _ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+    wrapperRef: import("vue").ShallowRef<HTMLElement | undefined>;
+    isFocused: import("vue").Ref<boolean>;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
     needStatusIcon: import("vue").ComputedRef<boolean>;
     validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
     validateIcon: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
@@ -230,8 +233,6 @@ declare const _default: import("vue").DefineComponent<{
     handlePasswordVisible: () => void;
     focus: () => Promise<void>;
     blur: () => void | undefined;
-    handleFocus: (event: FocusEvent) => void;
-    handleBlur: (event: FocusEvent) => void;
     handleMouseLeave: (evt: MouseEvent) => void;
     handleMouseEnter: (evt: MouseEvent) => void;
     handleKeydown: (evt: KeyboardEvent) => void;

package/es/components/input/src/input2.mjs

@@ -14,12 +14,13 @@ import { useAttrs as useAttrs$1 } from '../../../hooks/use-attrs/index.mjs';
 import { useFormItem, useFormItemInputId } from '../../form/src/hooks/use-form-item.mjs';
 import { useFormSize, useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useFocusController } from '../../../hooks/use-focus-controller/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
 import { ValidateComponentsMap } from '../../../utils/vue/icon.mjs';
 import { useCursor } from '../../../hooks/use-cursor/index.mjs';
 import { isObject, NOOP } from '@vue/shared';
 import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
 import { isKorean } from '../../../utils/i18n.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
 
 const _hoisted_1 = ["role"];
 const _hoisted_2 = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"];
@@ -62,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ]);
     const wrapperKls = computed(() => [
       nsInput.e("wrapper"),
-      nsInput.is("focus", focused.value)
+      nsInput.is("focus", isFocused.value)
     ]);
     const attrs = useAttrs$1({
       excludeKeys: computed(() => {
@@ -79,13 +80,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nsTextarea = useNamespace("textarea");
     const input = shallowRef();
     const textarea = shallowRef();
-    const focused = ref(false);
     const hovering = ref(false);
     const isComposing = ref(false);
     const passwordVisible = ref(false);
     const countStyle = ref();
     const textareaCalcStyle = shallowRef(props.inputStyle);
     const _ref = computed(() => input.value || textarea.value);
+    const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(_ref, {
+      afterBlur() {
+        var _a;
+        if (props.validateEvent) {
+          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
+        }
+      }
+    });
     const needStatusIcon = computed(() => {
       var _a;
       return (_a = form == null ? void 0 : form.statusIcon) != null ? _a : false;
@@ -103,8 +111,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { resize: props.resize }
     ]);
     const nativeInputValue = computed(() => isNil(props.modelValue) ? "" : String(props.modelValue));
-    const showClear = computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (focused.value || hovering.value));
-    const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || focused.value));
+    const showClear = computed(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
+    const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (!!nativeInputValue.value || isFocused.value));
     const isWordLimitVisible = computed(() => props.showWordLimit && !!attrs.value.maxlength && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
     const textLength = computed(() => nativeInputValue.value.length);
     const inputExceed = computed(() => !!isWordLimitVisible.value && textLength.value > Number(attrs.value.maxlength));
@@ -215,18 +223,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = _ref.value) == null ? void 0 : _a.blur();
     };
-    const handleFocus = (event) => {
-      focused.value = true;
-      emit("focus", event);
-    };
-    const handleBlur = (event) => {
-      var _a;
-      focused.value = false;
-      emit("blur", event);
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
-      }
-    };
     const handleMouseLeave = (evt) => {
       hovering.value = false;
       emit("mouseleave", evt);
@@ -298,6 +294,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "prepend")
           ], 2)) : createCommentVNode("v-if", true),
           createElementVNode("div", {
+            ref_key: "wrapperRef",
+            ref: wrapperRef,
             class: normalizeClass(unref(wrapperKls))
           }, [
             createCommentVNode(" prefix slot "),
@@ -306,8 +304,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(nsInput).e("prefix"))
             }, [
               createElementVNode("span", {
-                class: normalizeClass(unref(nsInput).e("prefix-inner")),
-                onClick: focus
+                class: normalizeClass(unref(nsInput).e("prefix-inner"))
               }, [
                 renderSlot(_ctx.$slots, "prefix"),
                 _ctx.prefixIcon ? (openBlock(), createBlock(unref(ElIcon), {
@@ -342,8 +339,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onCompositionupdate: handleCompositionUpdate,
               onCompositionend: handleCompositionEnd,
               onInput: handleInput,
-              onFocus: handleFocus,
-              onBlur: handleBlur,
+              onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+              onBlur: _cache[1] || (_cache[1] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
               onChange: handleChange,
               onKeydown: handleKeydown
             }), null, 16, _hoisted_2),
@@ -353,8 +350,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(nsInput).e("suffix"))
             }, [
               createElementVNode("span", {
-                class: normalizeClass(unref(nsInput).e("suffix-inner")),
-                onClick: focus
+                class: normalizeClass(unref(nsInput).e("suffix-inner"))
               }, [
                 !unref(showClear) || !unref(showPwdVisible) || !unref(isWordLimitVisible) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   renderSlot(_ctx.$slots, "suffix"),
@@ -440,8 +436,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onCompositionupdate: handleCompositionUpdate,
             onCompositionend: handleCompositionEnd,
             onInput: handleInput,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
+            onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+            onBlur: _cache[3] || (_cache[3] = (...args) => unref(handleBlur) && unref(handleBlur)(...args)),
             onChange: handleChange,
             onKeydown: handleKeydown
           }), null, 16, _hoisted_3),