@element-plus/nightly 0.0.20220304 → 0.0.20220307

package/lib/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/lib/components/cascader/src/index.js

@@ -26,9 +26,11 @@ var validator = require('../../../utils/vue/validator.js');
 var tooltip = require('../../tooltip/src/tooltip.js');
 var event = require('../../../constants/event.js');
 var deprecation = require('../../popper/src/deprecation.js');
-var index$7 = require('../../../hooks/use-locale/index.js');
+var index$7 = require('../../../hooks/use-namespace/index.js');
+var index$8 = require('../../../hooks/use-locale/index.js');
 var form = require('../../../tokens/form.js');
-var index$8 = require('../../../hooks/use-common-props/index.js');
+var index$9 = require('../../../hooks/use-common-props/index.js');
+var error = require('../../../utils/error.js');
 var i18n = require('../../../utils/i18n.js');
 var aria = require('../../../constants/aria.js');
 var aria$1 = require('../../../utils/dom/aria.js');
@@ -129,9 +131,11 @@ const _sfc_main = vue.defineComponent({
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
     const { compatTeleported } = deprecation.useDeprecateAppendToBody(COMPONENT_NAME, "popperAppendToBody");
-    const { t } = index$7.useLocale();
-    const elForm = vue.inject(form.elFormKey, {});
-    const elFormItem = vue.inject(form.elFormItemKey, {});
+    const nsCascader = index$7.useNamespace("cascader");
+    const nsInput = index$7.useNamespace("input");
+    const { t } = index$8.useLocale();
+    const elForm = vue.inject(form.formContextKey, {});
+    const elFormItem = vue.inject(form.formItemContextKey, {});
     const tooltipRef = vue.ref(null);
     const input = vue.ref(null);
     const tagWrapper = vue.ref(null);
@@ -147,7 +151,7 @@ const _sfc_main = vue.defineComponent({
     const isOnComposition = vue.ref(false);
     const isDisabled = vue.computed(() => props.disabled || elForm.disabled);
     const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
-    const realSize = index$8.useSize();
+    const realSize = index$9.useSize();
     const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
     const multiple = vue.computed(() => !!props.props.multiple);
     const readonly = vue.computed(() => !props.filterable || multiple.value);
@@ -174,7 +178,7 @@ const _sfc_main = vue.defineComponent({
         var _a;
         emit(event.UPDATE_MODEL_EVENT, val);
         emit(event.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) => error.debugWarn(err));
       }
     });
     const popperPaneRef = vue.computed(() => {
@@ -271,9 +275,9 @@ const _sfc_main = vue.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();
@@ -288,7 +292,7 @@ const _sfc_main = vue.defineComponent({
       if (!core.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) {
@@ -357,7 +361,7 @@ const _sfc_main = vue.defineComponent({
         case aria.EVENT_CODE.up:
         case aria.EVENT_CODE.down: {
           const distance = code === aria.EVENT_CODE.up ? -1 : 1;
-          aria$1.focusNode(aria$1.getSibling(target, distance, '.el-cascader__suggestion-item[tabindex="-1"]'));
+          aria$1.focusNode(aria$1.getSibling(target, distance, `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`));
           break;
         }
         case aria.EVENT_CODE.enter:
@@ -443,6 +447,8 @@ const _sfc_main = vue.defineComponent({
       readonly,
       clearBtnVisible,
       compatTeleported,
+      nsCascader,
+      nsInput,
       t,
       togglePopperVisible,
       hideSuggestionPanel,
@@ -460,14 +466,8 @@ const _sfc_main = vue.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 = vue.resolveComponent("circle-close");
   const _component_el_icon = vue.resolveComponent("el-icon");
@@ -484,7 +484,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",
@@ -497,7 +497,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: "",
@@ -506,9 +506,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [
       vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
         class: vue.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: vue.normalizeStyle(_ctx.$attrs.style),
@@ -526,7 +526,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: _ctx.isDisabled,
           "validate-event": false,
           size: _ctx.realSize,
-          class: vue.normalizeClass({ "is-focus": _ctx.popperVisible }),
+          class: vue.normalizeClass(_ctx.nsCascader.is("focus", _ctx.popperVisible)),
           onCompositionstart: _ctx.handleComposition,
           onCompositionupdate: _ctx.handleComposition,
           onCompositionend: _ctx.handleComposition,
@@ -537,19 +537,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           suffix: vue.withCtx(() => [
             _ctx.clearBtnVisible ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: "clear",
-              class: "el-input__icon icon-circle-close",
+              class: vue.normalizeClass([_ctx.nsInput.e("icon"), "icon-circle-close"]),
               onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(_component_circle_close)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: "arrow-down",
               class: vue.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] = vue.withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
             }, {
@@ -561,7 +561,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
-        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          ref: "tagWrapper",
+          class: vue.normalizeClass(_ctx.nsCascader.e("tags"))
+        }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
             return vue.openBlock(), vue.createBlock(_component_el_tag, {
               key: tag.key,
@@ -582,7 +586,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: vue.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] = vue.withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
@@ -590,10 +594,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)), [
             [vue.vModelText, _ctx.searchInputValue]
           ]) : vue.createCommentVNode("v-if", true)
-        ], 512)) : vue.createCommentVNode("v-if", true)
+        ], 2)) : vue.createCommentVNode("v-if", true)
       ], 38)), [
         [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
       ])
@@ -616,8 +620,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: vue.normalizeClass(_ctx.nsCascader.e("suggestion-panel")),
+        "view-class": _ctx.nsCascader.e("suggestion-list"),
         onKeydown: _ctx.handleSuggestionKeyDown
       }, {
         default: vue.withCtx(() => [
@@ -625,8 +629,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             return vue.openBlock(), vue.createElementBlock("li", {
               key: item.uid,
               class: vue.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)
@@ -638,18 +642,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true)
-            ], 10, _hoisted_3);
+            ], 10, _hoisted_2);
           }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-            vue.createElementVNode("li", _hoisted_4, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
+            vue.createElementVNode("li", {
+              class: vue.normalizeClass(_ctx.nsCascader.e("empty-text"))
+            }, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 3)
           ])
         ]),
         _: 3
-      }, 8, ["onKeydown"])), [
+      }, 8, ["class", "view-class", "onKeydown"])), [
         [vue.vShow, _ctx.filtering]
       ]) : vue.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__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);