@element-plus/nightly 0.0.20220724 → 0.0.20220728

package/lib/components/transfer/src/transfer.vue.d.ts

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
         m: (modifier?: string | undefined) => string;
         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
         em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
         bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
         is: {
             (name: string, state: boolean | undefined): string;
@@ -241,7 +241,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -386,7 +386,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -567,7 +567,7 @@ declare const _default: import("vue").DefineComponent<{
                         m: (modifier?: string | undefined) => string;
                         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                         em: (element?: string | undefined, modifier?: string | undefined) => string;
-                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                         bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                         is: {
                             (name: string, state: boolean | undefined): string;
@@ -746,7 +746,7 @@ declare const _default: import("vue").DefineComponent<{
                         m: (modifier?: string | undefined) => string;
                         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                         em: (element?: string | undefined, modifier?: string | undefined) => string;
-                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                         bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                         is: {
                             (name: string, state: boolean | undefined): string;
@@ -757,8 +757,8 @@ declare const _default: import("vue").DefineComponent<{
                         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                         cssVarBlockName: (name: string) => string;
                     };
-                    changeEvent: (value: any) => void;
-                    modelValue: import("vue").WritableComputedRef<unknown>;
+                    changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+                    modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
                     change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -927,7 +927,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -938,8 +938,8 @@ declare const _default: import("vue").DefineComponent<{
                     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                     cssVarBlockName: (name: string) => string;
                 };
-                changeEvent: (value: any) => void;
-                modelValue: import("vue").WritableComputedRef<unknown>;
+                changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+                modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
                 change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -1141,7 +1141,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -1159,7 +1159,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -1250,7 +1250,7 @@ declare const _default: import("vue").DefineComponent<{
                         m: (modifier?: string | undefined) => string;
                         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                         em: (element?: string | undefined, modifier?: string | undefined) => string;
-                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                         bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                         is: {
                             (name: string, state: boolean | undefined): string;
@@ -1487,7 +1487,7 @@ declare const _default: import("vue").DefineComponent<{
             m: (modifier?: string | undefined) => string;
             be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
             em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
             bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
             is: {
                 (name: string, state: boolean | undefined): string;
@@ -1632,7 +1632,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -1813,7 +1813,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -1992,7 +1992,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -2003,8 +2003,8 @@ declare const _default: import("vue").DefineComponent<{
                     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                     cssVarBlockName: (name: string) => string;
                 };
-                changeEvent: (value: any) => void;
-                modelValue: import("vue").WritableComputedRef<unknown>;
+                changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+                modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
                 change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -2173,7 +2173,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -2184,8 +2184,8 @@ declare const _default: import("vue").DefineComponent<{
                 cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                 cssVarBlockName: (name: string) => string;
             };
-            changeEvent: (value: any) => void;
-            modelValue: import("vue").WritableComputedRef<unknown>;
+            changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+            modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
             change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -2387,7 +2387,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -2405,7 +2405,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -2496,7 +2496,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -2759,7 +2759,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -2904,7 +2904,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -3085,7 +3085,7 @@ declare const _default: import("vue").DefineComponent<{
                         m: (modifier?: string | undefined) => string;
                         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                         em: (element?: string | undefined, modifier?: string | undefined) => string;
-                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                         bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                         is: {
                             (name: string, state: boolean | undefined): string;
@@ -3264,7 +3264,7 @@ declare const _default: import("vue").DefineComponent<{
                         m: (modifier?: string | undefined) => string;
                         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                         em: (element?: string | undefined, modifier?: string | undefined) => string;
-                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                         bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                         is: {
                             (name: string, state: boolean | undefined): string;
@@ -3275,8 +3275,8 @@ declare const _default: import("vue").DefineComponent<{
                         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                         cssVarBlockName: (name: string) => string;
                     };
-                    changeEvent: (value: any) => void;
-                    modelValue: import("vue").WritableComputedRef<unknown>;
+                    changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+                    modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
                     change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -3445,7 +3445,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -3456,8 +3456,8 @@ declare const _default: import("vue").DefineComponent<{
                     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                     cssVarBlockName: (name: string) => string;
                 };
-                changeEvent: (value: any) => void;
-                modelValue: import("vue").WritableComputedRef<unknown>;
+                changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+                modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
                 change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -3659,7 +3659,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -3677,7 +3677,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -3768,7 +3768,7 @@ declare const _default: import("vue").DefineComponent<{
                         m: (modifier?: string | undefined) => string;
                         be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                         em: (element?: string | undefined, modifier?: string | undefined) => string;
-                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                         bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                         is: {
                             (name: string, state: boolean | undefined): string;
@@ -4005,7 +4005,7 @@ declare const _default: import("vue").DefineComponent<{
             m: (modifier?: string | undefined) => string;
             be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
             em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
             bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
             is: {
                 (name: string, state: boolean | undefined): string;
@@ -4150,7 +4150,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -4331,7 +4331,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -4510,7 +4510,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -4521,8 +4521,8 @@ declare const _default: import("vue").DefineComponent<{
                     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                     cssVarBlockName: (name: string) => string;
                 };
-                changeEvent: (value: any) => void;
-                modelValue: import("vue").WritableComputedRef<unknown>;
+                changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+                modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
                 change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -4691,7 +4691,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -4702,8 +4702,8 @@ declare const _default: import("vue").DefineComponent<{
                 cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                 cssVarBlockName: (name: string) => string;
             };
-            changeEvent: (value: any) => void;
-            modelValue: import("vue").WritableComputedRef<unknown>;
+            changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+            modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
             change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -4905,7 +4905,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -4923,7 +4923,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -5014,7 +5014,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -5214,7 +5214,7 @@ declare const _default: import("vue").DefineComponent<{
             m: (modifier?: string | undefined) => string;
             be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
             em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
             bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
             is: {
                 (name: string, state: boolean | undefined): string;
@@ -5271,7 +5271,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -5368,7 +5368,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -5428,7 +5428,7 @@ declare const _default: import("vue").DefineComponent<{
             m: (modifier?: string | undefined) => string;
             be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
             em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
             bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
             is: {
                 (name: string, state: boolean | undefined): string;
@@ -5539,7 +5539,7 @@ declare const _default: import("vue").DefineComponent<{
             m: (modifier?: string | undefined) => string;
             be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
             em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
             bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
             is: {
                 (name: string, state: boolean | undefined): string;
@@ -5684,7 +5684,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -5865,7 +5865,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -6044,7 +6044,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;
@@ -6055,8 +6055,8 @@ declare const _default: import("vue").DefineComponent<{
                     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                     cssVarBlockName: (name: string) => string;
                 };
-                changeEvent: (value: any) => void;
-                modelValue: import("vue").WritableComputedRef<unknown>;
+                changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+                modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
                 change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -6225,7 +6225,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -6236,8 +6236,8 @@ declare const _default: import("vue").DefineComponent<{
                 cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                 cssVarBlockName: (name: string) => string;
             };
-            changeEvent: (value: any) => void;
-            modelValue: import("vue").WritableComputedRef<unknown>;
+            changeEvent: (value: import("../..").CheckboxValueType[]) => void;
+            modelValue: import("vue").WritableComputedRef<import("../..").CheckboxValueType[]>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (val: import("../..").CheckboxValueType[]) => boolean;
             change: (val: import("../..").CheckboxValueType[]) => boolean;
@@ -6439,7 +6439,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -6457,7 +6457,7 @@ declare const _default: import("vue").DefineComponent<{
                 m: (modifier?: string | undefined) => string;
                 be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                 em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                 bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
                     (name: string, state: boolean | undefined): string;
@@ -6548,7 +6548,7 @@ declare const _default: import("vue").DefineComponent<{
                     m: (modifier?: string | undefined) => string;
                     be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
                     em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; /** @description clear the filter keyword of a certain panel */
+                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
                     bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                     is: {
                         (name: string, state: boolean | undefined): string;

package/lib/components/tree/src/model/useKeydown.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-require('../../../../utils/index.js');
+var core = require('@vueuse/core');
 require('../../../../constants/index.js');
 require('../../../../hooks/index.js');
 var index = require('../../../../hooks/use-namespace/index.js');
-var event = require('../../../../utils/dom/event.js');
 var aria = require('../../../../constants/aria.js');
 
 function useKeydown({ el$ }, store) {
@@ -16,10 +15,6 @@ function useKeydown({ el$ }, store) {
   const checkboxItems = vue.shallowRef([]);
   vue.onMounted(() => {
     initTabIndex();
-    event.on(el$.value, "keydown", handleKeydown);
-  });
-  vue.onBeforeUnmount(() => {
-    event.off(el$.value, "keydown", handleKeydown);
   });
   vue.onUpdated(() => {
     treeItems.value = Array.from(el$.value.querySelectorAll("[role=treeitem]"));
@@ -83,6 +78,7 @@ function useKeydown({ el$ }, store) {
       hasInput.click();
     }
   };
+  core.useEventListener(el$, "keydown", handleKeydown);
   const initTabIndex = () => {
     var _a;
     treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));

package/lib/components/tree/src/model/useKeydown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeydown.js","sources":["../../../../../../../packages/components/tree/src/model/useKeydown.ts"],"sourcesContent":["// @ts-nocheck\nimport { onBeforeUnmount, onMounted, onUpdated, shallowRef, watch } from 'vue'\nimport { off, on } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport type TreeStore from './tree-store'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\n\ninterface UseKeydownOption {\n  el$: Ref<HTMLElement>\n}\nexport function useKeydown({ el$ }: UseKeydownOption, store: Ref<TreeStore>) {\n  const ns = useNamespace('tree')\n\n  const treeItems = shallowRef<Nullable<HTMLElement>[]>([])\n  const checkboxItems = shallowRef<Nullable<HTMLElement>[]>([])\n\n  onMounted(() => {\n    initTabIndex()\n    on(el$.value, 'keydown', handleKeydown)\n  })\n\n  onBeforeUnmount(() => {\n    off(el$.value, 'keydown', handleKeydown)\n  })\n\n  onUpdated(() => {\n    treeItems.value = Array.from(el$.value.querySelectorAll('[role=treeitem]'))\n    checkboxItems.value = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n  })\n\n  watch(checkboxItems, (val) => {\n    val.forEach((checkbox) => {\n      checkbox.setAttribute('tabindex', '-1')\n    })\n  })\n\n  const handleKeydown = (ev: KeyboardEvent): void => {\n    const currentItem = ev.target as HTMLElement\n    if (!currentItem.className.includes(ns.b('node'))) return\n    const code = ev.code\n    treeItems.value = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    const currentIndex = treeItems.value.indexOf(currentItem)\n    let nextIndex\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      ev.preventDefault()\n      if (code === EVENT_CODE.up) {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex !== 0\n            ? currentIndex - 1\n            : treeItems.value.length - 1\n        const startIndex = nextIndex\n        while (true) {\n          if (\n            store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus\n          )\n            break\n          nextIndex--\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex < 0) {\n            nextIndex = treeItems.value.length - 1\n          }\n        }\n      } else {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex < treeItems.value.length - 1\n            ? currentIndex + 1\n            : 0\n        const startIndex = nextIndex\n        while (true) {\n          if (\n            store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus\n          )\n            break\n          nextIndex++\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex >= treeItems.value.length) {\n            nextIndex = 0\n          }\n        }\n      }\n      nextIndex !== -1 && treeItems.value[nextIndex].focus()\n    }\n    if ([EVENT_CODE.left, EVENT_CODE.right].includes(code)) {\n      ev.preventDefault()\n      currentItem.click()\n    }\n    const hasInput = currentItem.querySelector(\n      '[type=\"checkbox\"]'\n    ) as Nullable<HTMLInputElement>\n    if ([EVENT_CODE.enter, EVENT_CODE.space].includes(code) && hasInput) {\n      ev.preventDefault()\n      hasInput.click()\n    }\n  }\n\n  const initTabIndex = (): void => {\n    treeItems.value = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    checkboxItems.value = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n    const checkedItem = el$.value.querySelectorAll(\n      `.${ns.is('checked')}[role=treeitem]`\n    )\n    if (checkedItem.length) {\n      checkedItem[0].setAttribute('tabindex', '0')\n      return\n    }\n    treeItems.value[0]?.setAttribute('tabindex', '0')\n  }\n}\n"],"names":["useNamespace","shallowRef","onMounted","on","onBeforeUnmount","off","onUpdated","watch","EVENT_CODE"],"mappings":"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"}
+{"version":3,"file":"useKeydown.js","sources":["../../../../../../../packages/components/tree/src/model/useKeydown.ts"],"sourcesContent":["// @ts-nocheck\nimport { onMounted, onUpdated, shallowRef, watch } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport type TreeStore from './tree-store'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\n\ninterface UseKeydownOption {\n  el$: Ref<HTMLElement>\n}\nexport function useKeydown({ el$ }: UseKeydownOption, store: Ref<TreeStore>) {\n  const ns = useNamespace('tree')\n\n  const treeItems = shallowRef<Nullable<HTMLElement>[]>([])\n  const checkboxItems = shallowRef<Nullable<HTMLElement>[]>([])\n\n  onMounted(() => {\n    initTabIndex()\n  })\n\n  onUpdated(() => {\n    treeItems.value = Array.from(el$.value.querySelectorAll('[role=treeitem]'))\n    checkboxItems.value = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n  })\n\n  watch(checkboxItems, (val) => {\n    val.forEach((checkbox) => {\n      checkbox.setAttribute('tabindex', '-1')\n    })\n  })\n\n  const handleKeydown = (ev: KeyboardEvent): void => {\n    const currentItem = ev.target as HTMLElement\n    if (!currentItem.className.includes(ns.b('node'))) return\n    const code = ev.code\n    treeItems.value = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    const currentIndex = treeItems.value.indexOf(currentItem)\n    let nextIndex\n    if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {\n      ev.preventDefault()\n      if (code === EVENT_CODE.up) {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex !== 0\n            ? currentIndex - 1\n            : treeItems.value.length - 1\n        const startIndex = nextIndex\n        while (true) {\n          if (\n            store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus\n          )\n            break\n          nextIndex--\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex < 0) {\n            nextIndex = treeItems.value.length - 1\n          }\n        }\n      } else {\n        nextIndex =\n          currentIndex === -1\n            ? 0\n            : currentIndex < treeItems.value.length - 1\n            ? currentIndex + 1\n            : 0\n        const startIndex = nextIndex\n        while (true) {\n          if (\n            store.value.getNode(treeItems.value[nextIndex].dataset.key).canFocus\n          )\n            break\n          nextIndex++\n          if (nextIndex === startIndex) {\n            nextIndex = -1\n            break\n          }\n          if (nextIndex >= treeItems.value.length) {\n            nextIndex = 0\n          }\n        }\n      }\n      nextIndex !== -1 && treeItems.value[nextIndex].focus()\n    }\n    if ([EVENT_CODE.left, EVENT_CODE.right].includes(code)) {\n      ev.preventDefault()\n      currentItem.click()\n    }\n    const hasInput = currentItem.querySelector(\n      '[type=\"checkbox\"]'\n    ) as Nullable<HTMLInputElement>\n    if ([EVENT_CODE.enter, EVENT_CODE.space].includes(code) && hasInput) {\n      ev.preventDefault()\n      hasInput.click()\n    }\n  }\n\n  useEventListener(el$, 'keydown', handleKeydown)\n\n  const initTabIndex = (): void => {\n    treeItems.value = Array.from(\n      el$.value.querySelectorAll(`.${ns.is('focusable')}[role=treeitem]`)\n    )\n    checkboxItems.value = Array.from(\n      el$.value.querySelectorAll('input[type=checkbox]')\n    )\n    const checkedItem = el$.value.querySelectorAll(\n      `.${ns.is('checked')}[role=treeitem]`\n    )\n    if (checkedItem.length) {\n      checkedItem[0].setAttribute('tabindex', '0')\n      return\n    }\n    treeItems.value[0]?.setAttribute('tabindex', '0')\n  }\n}\n"],"names":["useNamespace","shallowRef","onMounted","onUpdated","watch","EVENT_CODE","useEventListener"],"mappings":"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"}

package/lib/components/virtual-list/src/builders/build-grid.js

@@ -249,7 +249,7 @@ const createGrid = ({
         const _states = vue.unref(states);
         columnIdx = Math.max(0, Math.min(columnIdx, props.totalColumn - 1));
         rowIndex = Math.max(0, Math.min(rowIndex, props.totalRow - 1));
-        const scrollBarWidth = scroll.getScrollBarWidth();
+        const scrollBarWidth = scroll.getScrollBarWidth(ns.namespace.value);
         const _cache = vue.unref(cache);
         const estimatedHeight = getEstimatedTotalHeight(props, _cache);
         const estimatedWidth = getEstimatedTotalWidth(props, _cache);