@element-plus/nightly 0.0.20230712 → 0.0.20230713

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

@@ -1020,13 +1020,16 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
                 };
                 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<{}>>, {}>>;
@@ -1054,8 +1057,6 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
                 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;
@@ -2127,13 +2128,16 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
             };
             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<{}>>, {}>>;
@@ -2161,8 +2165,6 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
             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;
@@ -3260,13 +3262,16 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
                 };
                 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<{}>>, {}>>;
@@ -3294,8 +3299,6 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
                 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;
@@ -4367,13 +4370,16 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
             };
             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<{}>>, {}>>;
@@ -4401,8 +4407,6 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
             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;
@@ -5784,13 +5788,16 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
             };
             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<{}>>, {}>>;
@@ -5818,8 +5825,6 @@ export declare const ElTransfer: import("element-plus/es/utils").SFCWithInstall<
             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/transfer/src/transfer-panel.vue.d.ts

@@ -858,13 +858,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<{}>>, {}>>;
@@ -892,8 +895,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/transfer/src/transfer.vue.d.ts

@@ -1021,13 +1021,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<{}>>, {}>>;
@@ -1055,8 +1058,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;
@@ -2128,13 +2129,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<{}>>, {}>>;
@@ -2162,8 +2166,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;
@@ -3261,13 +3263,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<{}>>, {}>>;
@@ -3295,8 +3300,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;
@@ -4368,13 +4371,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<{}>>, {}>>;
@@ -4402,8 +4408,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;
@@ -5785,13 +5789,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<{}>>, {}>>;
@@ -5819,8 +5826,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/hooks/index.d.ts

@@ -26,3 +26,4 @@ export * from './use-floating';
 export * from './use-cursor';
 export * from './use-ordered-children';
 export * from './use-size';
+export * from './use-focus-controller';

package/es/hooks/index.mjs

@@ -26,4 +26,5 @@ export { arrowMiddleware, getPositionDataWithUnit, useFloating, useFloatingProps
 export { useCursor } from './use-cursor/index.mjs';
 export { useOrderedChildren } from './use-ordered-children/index.mjs';
 export { SIZE_INJECTION_KEY, useGlobalSize, useSizeProp, useSizeProps } from './use-size/index.mjs';
+export { useFocusController } from './use-focus-controller/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/hooks/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/hooks/use-focus-controller/index.d.ts

@@ -0,0 +1,12 @@
+import type { ShallowRef } from 'vue';
+interface UseFocusControllerOptions {
+    afterFocus?: () => void;
+    afterBlur?: () => void;
+}
+export declare function useFocusController<T extends HTMLElement>(target: ShallowRef<T | undefined>, { afterFocus, afterBlur }?: UseFocusControllerOptions): {
+    wrapperRef: ShallowRef<HTMLElement | undefined>;
+    isFocused: import("vue").Ref<boolean>;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+};
+export {};

package/es/hooks/use-focus-controller/index.mjs

@@ -0,0 +1,44 @@
+import { getCurrentInstance, shallowRef, ref, watch } from 'vue';
+import { useEventListener } from '@vueuse/core';
+
+function useFocusController(target, { afterFocus, afterBlur } = {}) {
+  const instance = getCurrentInstance();
+  const { emit } = instance;
+  const wrapperRef = shallowRef();
+  const isFocused = ref(false);
+  const handleFocus = (event) => {
+    if (isFocused.value)
+      return;
+    isFocused.value = true;
+    emit("focus", event);
+    afterFocus == null ? void 0 : afterFocus();
+  };
+  const handleBlur = (event) => {
+    var _a;
+    if (event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)))
+      return;
+    isFocused.value = false;
+    emit("blur", event);
+    afterBlur == null ? void 0 : afterBlur();
+  };
+  const handleClick = () => {
+    var _a;
+    (_a = target.value) == null ? void 0 : _a.focus();
+  };
+  watch(wrapperRef, (el) => {
+    if (el) {
+      el.setAttribute("role", "button");
+      el.setAttribute("tabindex", "-1");
+    }
+  });
+  useEventListener(wrapperRef, "click", handleClick);
+  return {
+    wrapperRef,
+    isFocused,
+    handleFocus,
+    handleBlur
+  };
+}
+
+export { useFocusController };
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-focus-controller/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-focus-controller/index.ts"],"sourcesContent":["import { getCurrentInstance, ref, shallowRef, watch } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport type { ShallowRef } from 'vue'\n\ninterface UseFocusControllerOptions {\n  afterFocus?: () => void\n  afterBlur?: () => void\n}\n\nexport function useFocusController<T extends HTMLElement>(\n  target: ShallowRef<T | undefined>,\n  { afterFocus, afterBlur }: UseFocusControllerOptions = {}\n) {\n  const instance = getCurrentInstance()!\n  const { emit } = instance\n  const wrapperRef = shallowRef<HTMLElement>()\n  const isFocused = ref(false)\n\n  const handleFocus = (event: FocusEvent) => {\n    if (isFocused.value) return\n    isFocused.value = true\n    emit('focus', event)\n    afterFocus?.()\n  }\n\n  const handleBlur = (event: FocusEvent) => {\n    if (\n      event.relatedTarget &&\n      wrapperRef.value?.contains(event.relatedTarget as Node)\n    )\n      return\n\n    isFocused.value = false\n    emit('blur', event)\n    afterBlur?.()\n  }\n\n  const handleClick = () => {\n    target.value?.focus()\n  }\n\n  watch(wrapperRef, (el) => {\n    if (el) {\n      el.setAttribute('role', 'button')\n      el.setAttribute('tabindex', '-1')\n    }\n  })\n\n  // TODO: using useEventListener will fail the test\n  // useEventListener(target, 'focus', handleFocus)\n  // useEventListener(target, 'blur', handleBlur)\n  useEventListener(wrapperRef, 'click', handleClick)\n\n  return {\n    wrapperRef,\n    isFocused,\n    handleFocus,\n    handleBlur,\n  }\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,kBAAkB,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE;AAC3E,EAAE,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;AACxC,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;AAC5B,EAAE,MAAM,UAAU,GAAG,UAAU,EAAE,CAAC;AAClC,EAAE,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;AAC/B,EAAE,MAAM,WAAW,GAAG,CAAC,KAAK,KAAK;AACjC,IAAI,IAAI,SAAS,CAAC,KAAK;AACvB,MAAM,OAAO;AACb,IAAI,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;AAC3B,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACzB,IAAI,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,EAAE,CAAC;AAC/C,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,CAAC,KAAK,KAAK;AAChC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,KAAK,CAAC,aAAa,KAAK,CAAC,EAAE,GAAG,UAAU,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;AAC5G,MAAM,OAAO;AACb,IAAI,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;AAC5B,IAAI,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACxB,IAAI,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,EAAE,CAAC;AAC7C,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;AACtD,GAAG,CAAC;AACJ,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK;AAC5B,IAAI,IAAI,EAAE,EAAE;AACZ,MAAM,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACxC,MAAM,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AACxC,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,gBAAgB,CAAC,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;AACrD,EAAE,OAAO;AACT,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,UAAU;AACd,GAAG,CAAC;AACJ;;;;"}

package/es/index.mjs

@@ -135,7 +135,7 @@ export { RowAlign, RowJustify, rowProps } from './components/row/src/row.mjs';
 export { rowContextKey } from './components/row/src/constants.mjs';
 export { ElRow } from './components/row/index.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './components/scrollbar/src/util.mjs';
-export { scrollbarEmits, scrollbarProps } from './components/scrollbar/src/scrollbar2.mjs';
+export { scrollbarEmits, scrollbarProps } from './components/scrollbar/src/scrollbar.mjs';
 export { thumbProps } from './components/scrollbar/src/thumb.mjs';
 export { scrollbarContextKey } from './components/scrollbar/src/constants.mjs';
 export { ElScrollbar } from './components/scrollbar/index.mjs';
@@ -255,6 +255,7 @@ export { arrowMiddleware, getPositionDataWithUnit, useFloating, useFloatingProps
 export { useCursor } from './hooks/use-cursor/index.mjs';
 export { useOrderedChildren } from './hooks/use-ordered-children/index.mjs';
 export { SIZE_INJECTION_KEY, useGlobalSize, useSizeProp, useSizeProps } from './hooks/use-size/index.mjs';
+export { useFocusController } from './hooks/use-focus-controller/index.mjs';
 
 const install = installer.install;
 const version = installer.version;

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/constants'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/constants'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20230712";
+export declare const version = "0.0.20230713";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20230712";
+const version = "0.0.20230713";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20230712'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20230713'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/autocomplete/index.d.ts

@@ -397,13 +397,16 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             };
             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<{}>>, {}>>;
@@ -431,8 +434,6 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
             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;
@@ -762,13 +763,16 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
         };
         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<{}>>, {}>>;
@@ -796,8 +800,6 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
         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;
@@ -7327,13 +7329,16 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
         };
         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<{}>>, {}>>;
@@ -7361,8 +7366,6 @@ export declare const ElAutocomplete: import("element-plus/es/utils").SFCWithInst
         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/lib/components/autocomplete/src/autocomplete.vue.d.ts

@@ -400,13 +400,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<{}>>, {}>>;
@@ -434,8 +437,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;
@@ -765,13 +766,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<{}>>, {}>>;
@@ -799,8 +803,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;
@@ -7330,13 +7332,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<{}>>, {}>>;
@@ -7364,8 +7369,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;