@element-plus/nightly 0.0.20220304 → 0.0.20220307

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

@@ -616,8 +616,8 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             type: string;
             size: import("element-plus/es/utils").BuildPropType<StringConstructor, "default" | "small" | "large", never>;
             disabled: boolean;
-            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             label: string;
+            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             resize: import("element-plus/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -671,7 +671,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "label" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "label" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -802,8 +802,8 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             type: string;
             size: import("element-plus/es/utils").BuildPropType<StringConstructor, "default" | "small" | "large", never>;
             disabled: boolean;
-            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             label: string;
+            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             resize: import("element-plus/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -1005,6 +1005,20 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onExpand-change"?: ((...args: any[]) => any) | undefined;
         }, {
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                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;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
             menuList: import("vue").Ref<any[]>;
             menus: import("vue").Ref<{
                 readonly uid: number;
@@ -1174,6 +1188,20 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onExpand-change"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            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;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
         menuList: import("vue").Ref<any[]>;
         menus: import("vue").Ref<{
             readonly uid: number;
@@ -1310,7 +1338,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             wrapStyle: import("vue").StyleValue;
             wrapClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             viewClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
             noresize: boolean;
@@ -1321,7 +1349,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
             readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
             readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
-            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
             readonly noresize: BooleanConstructor;
             readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
             readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -1355,7 +1383,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
             readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
             readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
-            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
             readonly noresize: BooleanConstructor;
             readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
             readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -1408,7 +1436,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             wrapStyle: import("vue").StyleValue;
             wrapClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             viewClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
             noresize: boolean;
@@ -1439,7 +1467,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
         readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
         readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
-        readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+        readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
         readonly noresize: BooleanConstructor;
         readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
         readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -1490,7 +1518,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     searchInputValue: import("vue").Ref<string>;
     presentTags: import("vue").Ref<import("..").Tag[]>;
     suggestions: import("vue").Ref<import("../cascader-panel/src/node").default[]>;
-    isDisabled: import("vue").ComputedRef<boolean | undefined>;
+    isDisabled: import("vue").ComputedRef<boolean>;
     isOnComposition: import("vue").Ref<boolean>;
     realSize: import("vue").ComputedRef<"default" | "small" | "large">;
     tagSize: import("vue").ComputedRef<"default" | "small">;
@@ -1498,6 +1526,34 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     readonly: import("vue").ComputedRef<boolean>;
     clearBtnVisible: import("vue").ComputedRef<boolean>;
     compatTeleported: import("vue").ComputedRef<boolean>;
+    nsCascader: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        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;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        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;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     t: import("../..").Translator;
     togglePopperVisible: (visible?: boolean | undefined) => void;
     hideSuggestionPanel: () => void;
@@ -2204,8 +2260,8 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             type: string;
             size: import("element-plus/es/utils").BuildPropType<StringConstructor, "default" | "small" | "large", never>;
             disabled: boolean;
-            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             label: string;
+            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             resize: import("element-plus/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -2259,7 +2315,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "modelValue" | "label" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "disabled" | "label" | "modelValue" | "resize" | "autosize" | "autocomplete" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2390,8 +2446,8 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             type: string;
             size: import("element-plus/es/utils").BuildPropType<StringConstructor, "default" | "small" | "large", never>;
             disabled: boolean;
-            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             label: string;
+            modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, unknown, unknown>;
             resize: import("element-plus/es/utils").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -2593,6 +2649,20 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             "onExpand-change"?: ((...args: any[]) => any) | undefined;
         }, {
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                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;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
             menuList: import("vue").Ref<any[]>;
             menus: import("vue").Ref<{
                 readonly uid: number;
@@ -2762,6 +2832,20 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onExpand-change"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            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;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
         menuList: import("vue").Ref<any[]>;
         menus: import("vue").Ref<{
             readonly uid: number;
@@ -2898,7 +2982,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             wrapStyle: import("vue").StyleValue;
             wrapClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             viewClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
             noresize: boolean;
@@ -2909,7 +2993,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
             readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
             readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
-            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
             readonly noresize: BooleanConstructor;
             readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
             readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -2943,7 +3027,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
             readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
             readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
-            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+            readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
             readonly noresize: BooleanConstructor;
             readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
             readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -2996,7 +3080,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             wrapStyle: import("vue").StyleValue;
             wrapClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             viewClass: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
             noresize: boolean;
@@ -3027,7 +3111,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         readonly wrapStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, "", unknown, unknown, unknown>;
         readonly wrapClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
         readonly viewClass: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
-        readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+        readonly viewStyle: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], "", unknown, unknown, unknown>;
         readonly noresize: BooleanConstructor;
         readonly tag: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
         readonly always: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -3078,7 +3162,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     searchInputValue: import("vue").Ref<string>;
     presentTags: import("vue").Ref<import("..").Tag[]>;
     suggestions: import("vue").Ref<import("../cascader-panel/src/node").default[]>;
-    isDisabled: import("vue").ComputedRef<boolean | undefined>;
+    isDisabled: import("vue").ComputedRef<boolean>;
     isOnComposition: import("vue").Ref<boolean>;
     realSize: import("vue").ComputedRef<"default" | "small" | "large">;
     tagSize: import("vue").ComputedRef<"default" | "small">;
@@ -3086,6 +3170,34 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     readonly: import("vue").ComputedRef<boolean>;
     clearBtnVisible: import("vue").ComputedRef<boolean>;
     compatTeleported: import("vue").ComputedRef<boolean>;
+    nsCascader: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        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;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
+    nsInput: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        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;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+    };
     t: import("../..").Translator;
     togglePopperVisible: (visible?: boolean | undefined) => void;
     hideSuggestionPanel: () => void;

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

@@ -22,9 +22,11 @@ import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
 import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
 import { useDeprecateAppendToBody } from '../../popper/src/deprecation.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { elFormKey, elFormItemKey } from '../../../tokens/form.mjs';
+import { formContextKey, formItemContextKey } from '../../../tokens/form.mjs';
 import { useSize } from '../../../hooks/use-common-props/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
 import { isKorean } from '../../../utils/i18n.mjs';
 import { EVENT_CODE } from '../../../constants/aria.mjs';
 import { focusNode, getSibling } from '../../../utils/dom/aria.mjs';
@@ -125,9 +127,11 @@ const _sfc_main = defineComponent({
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
     const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME, "popperAppendToBody");
+    const nsCascader = useNamespace("cascader");
+    const nsInput = useNamespace("input");
     const { t } = useLocale();
-    const elForm = inject(elFormKey, {});
-    const elFormItem = inject(elFormItemKey, {});
+    const elForm = inject(formContextKey, {});
+    const elFormItem = inject(formItemContextKey, {});
     const tooltipRef = ref(null);
     const input = ref(null);
     const tagWrapper = ref(null);
@@ -170,7 +174,7 @@ const _sfc_main = defineComponent({
         var _a;
         emit(UPDATE_MODEL_EVENT, val);
         emit(CHANGE_EVENT, val);
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn(err));
       }
     });
     const popperPaneRef = computed(() => {
@@ -267,9 +271,9 @@ const _sfc_main = defineComponent({
       var _a;
       let firstNode;
       if (filtering.value && suggestionPanel.value) {
-        firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
+        firstNode = suggestionPanel.value.$el.querySelector(`.${nsCascader.e("suggestion-item")}`);
       } else {
-        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector(`.${nsCascader.b("node")}[tabindex="-1"]`);
       }
       if (firstNode) {
         firstNode.focus();
@@ -284,7 +288,7 @@ const _sfc_main = defineComponent({
       if (!isClient || !inputInner)
         return;
       if (suggestionPanelEl) {
-        const suggestionList = suggestionPanelEl.querySelector(".el-cascader__suggestion-list");
+        const suggestionList = suggestionPanelEl.querySelector(`.${nsCascader.e("suggestion-list")}`);
         suggestionList.style.minWidth = `${inputInner.offsetWidth}px`;
       }
       if (tagWrapperEl) {
@@ -353,7 +357,7 @@ const _sfc_main = defineComponent({
         case EVENT_CODE.up:
         case EVENT_CODE.down: {
           const distance = code === EVENT_CODE.up ? -1 : 1;
-          focusNode(getSibling(target, distance, '.el-cascader__suggestion-item[tabindex="-1"]'));
+          focusNode(getSibling(target, distance, `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`));
           break;
         }
         case EVENT_CODE.enter:
@@ -439,6 +443,8 @@ const _sfc_main = defineComponent({
       readonly,
       clearBtnVisible,
       compatTeleported,
+      nsCascader,
+      nsInput,
       t,
       togglePopperVisible,
       hideSuggestionPanel,
@@ -456,14 +462,8 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const _hoisted_1 = {
-  key: 0,
-  ref: "tagWrapper",
-  class: "el-cascader__tags"
-};
-const _hoisted_2 = ["placeholder"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "el-cascader__empty-text" };
+const _hoisted_1 = ["placeholder"];
+const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
@@ -480,7 +480,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.popperVisible,
     "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.popperVisible = $event),
     teleported: _ctx.compatTeleported,
-    "popper-class": `el-cascader__dropdown ${_ctx.popperClass}`,
+    "popper-class": [_ctx.nsCascader.e("dropdown"), _ctx.popperClass],
     "popper-options": _ctx.popperOptions,
     "fallback-placements": [
       "bottom-start",
@@ -493,7 +493,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "stop-popper-mouse-event": false,
     "gpu-acceleration": false,
     placement: "bottom-start",
-    transition: "el-zoom-in-top",
+    transition: `${_ctx.nsCascader.namespace.value}-zoom-in-top`,
     effect: "light",
     pure: "",
     persistent: "",
@@ -502,9 +502,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass([
-          "el-cascader",
-          _ctx.realSize && `el-cascader--${_ctx.realSize}`,
-          { "is-disabled": _ctx.isDisabled },
+          _ctx.nsCascader.b(),
+          _ctx.nsCascader.m(_ctx.realSize),
+          _ctx.nsCascader.is("disabled", _ctx.isDisabled),
           _ctx.$attrs.class
         ]),
         style: normalizeStyle(_ctx.$attrs.style),
@@ -522,7 +522,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: _ctx.isDisabled,
           "validate-event": false,
           size: _ctx.realSize,
-          class: normalizeClass({ "is-focus": _ctx.popperVisible }),
+          class: normalizeClass(_ctx.nsCascader.is("focus", _ctx.popperVisible)),
           onCompositionstart: _ctx.handleComposition,
           onCompositionupdate: _ctx.handleComposition,
           onCompositionend: _ctx.handleComposition,
@@ -533,19 +533,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           suffix: withCtx(() => [
             _ctx.clearBtnVisible ? (openBlock(), createBlock(_component_el_icon, {
               key: "clear",
-              class: "el-input__icon icon-circle-close",
+              class: normalizeClass([_ctx.nsInput.e("icon"), "icon-circle-close"]),
               onClick: withModifiers(_ctx.handleClear, ["stop"])
             }, {
               default: withCtx(() => [
                 createVNode(_component_circle_close)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (openBlock(), createBlock(_component_el_icon, {
+            }, 8, ["class", "onClick"])) : (openBlock(), createBlock(_component_el_icon, {
               key: "arrow-down",
               class: normalizeClass([
-                "el-input__icon",
+                _ctx.nsInput.e("icon"),
                 "icon-arrow-down",
-                _ctx.popperVisible && "is-reverse"
+                _ctx.nsCascader.is("reverse", _ctx.popperVisible)
               ]),
               onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
             }, {
@@ -557,7 +557,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-        _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.multiple ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref: "tagWrapper",
+          class: normalizeClass(_ctx.nsCascader.e("tags"))
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
             return openBlock(), createBlock(_component_el_tag, {
               key: tag.key,
@@ -578,7 +582,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.searchInputValue = $event),
             type: "text",
-            class: "el-cascader__search-input",
+            class: normalizeClass(_ctx.nsCascader.e("search-input")),
             placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder,
             onInput: _cache[5] || (_cache[5] = (e) => _ctx.handleInput(_ctx.searchInputValue, e)),
             onClick: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
@@ -586,10 +590,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
             onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
-          }, null, 40, _hoisted_2)), [
+          }, null, 42, _hoisted_1)), [
             [vModelText, _ctx.searchInputValue]
           ]) : createCommentVNode("v-if", true)
-        ], 512)) : createCommentVNode("v-if", true)
+        ], 2)) : createCommentVNode("v-if", true)
       ], 38)), [
         [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
       ])
@@ -612,8 +616,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         ref: "suggestionPanel",
         tag: "ul",
-        class: "el-cascader__suggestion-panel",
-        "view-class": "el-cascader__suggestion-list",
+        class: normalizeClass(_ctx.nsCascader.e("suggestion-panel")),
+        "view-class": _ctx.nsCascader.e("suggestion-list"),
         onKeydown: _ctx.handleSuggestionKeyDown
       }, {
         default: withCtx(() => [
@@ -621,8 +625,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             return openBlock(), createElementBlock("li", {
               key: item.uid,
               class: normalizeClass([
-                "el-cascader__suggestion-item",
-                item.checked && "is-checked"
+                _ctx.nsCascader.e("suggestion-item"),
+                _ctx.nsCascader.is("checked", item.checked)
               ]),
               tabindex: -1,
               onClick: ($event) => _ctx.handleSuggestionClick(item)
@@ -634,18 +638,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true)
-            ], 10, _hoisted_3);
+            ], 10, _hoisted_2);
           }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-            createElementVNode("li", _hoisted_4, toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
+            createElementVNode("li", {
+              class: normalizeClass(_ctx.nsCascader.e("empty-text"))
+            }, toDisplayString(_ctx.t("el.cascader.noMatch")), 3)
           ])
         ]),
         _: 3
-      }, 8, ["onKeydown"])), [
+      }, 8, ["class", "view-class", "onKeydown"])), [
         [vShow, _ctx.filtering]
       ]) : createCommentVNode("v-if", true)
     ]),
     _: 3
-  }, 8, ["visible", "teleported", "popper-class", "popper-options", "onHide"]);
+  }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
 }
 var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);