@element-plus/nightly 0.0.20220318 → 0.0.20220321

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

@@ -42,7 +42,7 @@ export declare const ElBreadcrumb: import("element-plus/es/utils").SFCWithInstal
         }>>;
         instance: import("vue").ComponentInternalInstance;
         router: import("vue-router").Router;
-        parent: import("./src/breadcrumb").BreadcrumbProps | undefined;
+        breadcrumbInjection: import("./src/breadcrumb").BreadcrumbProps;
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -57,9 +57,10 @@ export declare const ElBreadcrumb: import("element-plus/es/utils").SFCWithInstal
                 (name: string): string;
             };
         };
-        separator: string | undefined;
-        separatorIcon: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
+        separator: string;
+        separatorIcon: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
         link: import("vue").Ref<HTMLSpanElement | undefined>;
+        onClick: () => void;
         ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
             readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
@@ -112,7 +113,7 @@ export declare const ElBreadcrumbItem: import("element-plus/es/utils").SFCWithIn
     }>>;
     instance: import("vue").ComponentInternalInstance;
     router: import("vue-router").Router;
-    parent: import("./src/breadcrumb").BreadcrumbProps | undefined;
+    breadcrumbInjection: import("./src/breadcrumb").BreadcrumbProps;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -127,9 +128,10 @@ export declare const ElBreadcrumbItem: import("element-plus/es/utils").SFCWithIn
             (name: string): string;
         };
     };
-    separator: string | undefined;
-    separatorIcon: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
+    separator: string;
+    separatorIcon: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     link: import("vue").Ref<HTMLSpanElement | undefined>;
+    onClick: () => void;
     ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
         readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;

package/es/components/breadcrumb/src/breadcrumb-item.vue.d.ts

@@ -1,4 +1,5 @@
 import type { Router } from 'vue-router';
+import type { BreadcrumbProps } from './breadcrumb';
 declare const _default: import("vue").DefineComponent<{
     readonly to: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue-router").RouteLocationRaw>, "", unknown, unknown, unknown>;
     readonly replace: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -11,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     instance: import("vue").ComponentInternalInstance;
     router: Router;
-    parent: import("./breadcrumb").BreadcrumbProps | undefined;
+    breadcrumbInjection: BreadcrumbProps;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -26,9 +27,10 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
-    separator: string | undefined;
-    separatorIcon: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
+    separator: string;
+    separatorIcon: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     link: import("vue").Ref<HTMLSpanElement | undefined>;
+    onClick: () => void;
     ElIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
         readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;

package/es/components/breadcrumb/src/breadcrumb-item2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, getCurrentInstance, inject, ref, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
+import { defineComponent, getCurrentInstance, inject, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import '../../../tokens/index.mjs';
 import '../../../hooks/index.mjs';
@@ -16,18 +16,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const instance = getCurrentInstance();
     const router = instance.appContext.config.globalProperties.$router;
-    const parent = inject(breadcrumbKey, void 0);
+    const breadcrumbInjection = inject(breadcrumbKey, {});
     const ns = useNamespace("breadcrumb");
-    const { separator, separatorIcon } = parent != null ? parent : {};
+    const { separator, separatorIcon } = breadcrumbInjection;
     const link = ref();
-    onMounted(() => {
-      link.value.setAttribute("role", "link");
-      link.value.addEventListener("click", () => {
-        if (!props.to || !router)
-          return;
-        props.replace ? router.replace(props.to) : router.push(props.to);
-      });
-    });
+    const onClick = () => {
+      if (!props.to || !router)
+        return;
+      props.replace ? router.replace(props.to) : router.push(props.to);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(unref(ns).e("item"))
@@ -36,7 +33,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "link",
           ref: link,
           class: normalizeClass([unref(ns).e("inner"), unref(ns).is("link", !!_ctx.to)]),
-          role: "link"
+          role: "link",
+          onClick
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2),

package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span ref=\"link\" :class=\"[ns.e('inner'), ns.is('link', !!to)]\" role=\"link\">\n      <slot />\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref, onMounted, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { breadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\ndefineOptions({\n  name: 'ElBreadcrumbItem',\n})\n\nconst props = defineProps(breadcrumbItemProps)\n\nconst instance = getCurrentInstance()!\nconst router = instance.appContext.config.globalProperties.$router as Router\nconst parent = inject(breadcrumbKey, undefined)\nconst ns = useNamespace('breadcrumb')\n\nconst { separator, separatorIcon } = parent ?? {}\n\nconst link = ref<HTMLSpanElement>()\n\nonMounted(() => {\n  link.value!.setAttribute('role', 'link')\n  link.value!.addEventListener('click', () => {\n    if (!props.to || !router) return\n    props.replace ? router.replace(props.to) : router.push(props.to)\n  })\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,QAAA,GAAA,kBAAA,EAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,UAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,OAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAA,OAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAA,YAAA,CAAA,YAAA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,IAAA,GAAA,GAAA,EAAA,CAAA;AAEA,IAAA,SAAA,CAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,aAAA,MAAA,EAAA,MAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,gBAAA,CAAA,OAAA,EAAA,MAAA;AACA,QAAA,IAAA,CAAA,KAAA,CAAA,EAAA,IAAA,CAAA,MAAA;AAAA,UAAA,OAAA;AACA,QAAA,KAAA,CAAA,UAAA,MAAA,CAAA,OAAA,CAAA,MAAA,EAAA,CAAA,GAAA,MAAA,CAAA,KAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span\n      ref=\"link\"\n      :class=\"[ns.e('inner'), ns.is('link', !!to)]\"\n      role=\"link\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject, ref, getCurrentInstance } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { breadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\nimport type { BreadcrumbProps } from './breadcrumb'\n\ndefineOptions({\n  name: 'ElBreadcrumbItem',\n})\n\nconst props = defineProps(breadcrumbItemProps)\n\nconst instance = getCurrentInstance()!\nconst router = instance.appContext.config.globalProperties.$router as Router\nconst breadcrumbInjection = inject(breadcrumbKey, {} as BreadcrumbProps)!\n\nconst ns = useNamespace('breadcrumb')\n\nconst { separator, separatorIcon } = breadcrumbInjection\n\nconst link = ref<HTMLSpanElement>()\n\nconst onClick = () => {\n  if (!props.to || !router) return\n  props.replace ? router.replace(props.to) : router.push(props.to)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAmCA,IAAA,MAAA,QAAA,GAAA,kBAAA,EAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,UAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,OAAA,CAAA;AACA,IAAA,MAAA,mBAAA,GAAA,OAAA,aAAA,EAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,YAAA,CAAA,YAAA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,WAAA,aAAA,EAAA,GAAA,mBAAA,CAAA;AAEA,IAAA,MAAA,IAAA,GAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,UAAA,MAAA;AACA,MAAA,IAAA,CAAA,KAAA,CAAA,EAAA,IAAA,CAAA,MAAA;AAAA,QAAA,OAAA;AACA,MAAA,KAAA,CAAA,UAAA,MAAA,CAAA,OAAA,CAAA,MAAA,EAAA,CAAA,GAAA,MAAA,CAAA,KAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -44,6 +44,13 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         default: undefined;
     };
     teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    tagType: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __elPropsReservedKey: true;
+    };
     modelValue: import("vue").PropType<import("../cascader-panel/src/node").CascaderValue>;
     options: {
         type: import("vue").PropType<import("../cascader-panel/src/node").CascaderOption[]>;
@@ -665,7 +672,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -681,7 +688,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
@@ -712,7 +719,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -750,12 +757,12 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-                onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+                onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
                 onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
                 onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
                 onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             }>>;
-            emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+            emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
             instance: import("vue").ComponentInternalInstance;
             rawAttrs: {
                 [x: string]: unknown;
@@ -878,7 +885,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             clear: () => boolean;
             mouseleave: (evt: MouseEvent) => boolean;
             mouseenter: (evt: MouseEvent) => boolean;
-            keydown: (evt: KeyboardEvent) => boolean;
+            keydown: (evt: Event | KeyboardEvent) => boolean;
             compositionstart: (evt: CompositionEvent) => boolean;
             compositionupdate: (evt: CompositionEvent) => boolean;
             compositionend: (evt: CompositionEvent) => boolean;
@@ -951,7 +958,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -989,12 +996,12 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         }>>;
-        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
         instance: import("vue").ComponentInternalInstance;
         rawAttrs: {
             [x: string]: unknown;
@@ -1781,6 +1788,13 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         default: undefined;
     };
     teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    tagType: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __elPropsReservedKey: true;
+    };
     modelValue: import("vue").PropType<import("../cascader-panel/src/node").CascaderValue>;
     options: {
         type: import("vue").PropType<import("../cascader-panel/src/node").CascaderOption[]>;
@@ -1814,6 +1828,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     collapseTags: boolean;
     collapseTagsTooltip: boolean;
     beforeFilter: (value: string) => boolean | Promise<any>;
+    tagType: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
 }>>;
 export default _Cascader;
 export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
@@ -1861,6 +1876,13 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         default: undefined;
     };
     teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    tagType: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __elPropsReservedKey: true;
+    };
     modelValue: import("vue").PropType<import("../cascader-panel/src/node").CascaderValue>;
     options: {
         type: import("vue").PropType<import("../cascader-panel/src/node").CascaderOption[]>;
@@ -2482,7 +2504,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -2498,7 +2520,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        $emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
@@ -2529,7 +2551,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -2567,12 +2589,12 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-                onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+                onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
                 onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
                 onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
                 onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
             }>>;
-            emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+            emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
             instance: import("vue").ComponentInternalInstance;
             rawAttrs: {
                 [x: string]: unknown;
@@ -2695,7 +2717,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             clear: () => boolean;
             mouseleave: (evt: MouseEvent) => boolean;
             mouseenter: (evt: MouseEvent) => boolean;
-            keydown: (evt: KeyboardEvent) => boolean;
+            keydown: (evt: Event | KeyboardEvent) => boolean;
             compositionstart: (evt: CompositionEvent) => boolean;
             compositionupdate: (evt: CompositionEvent) => boolean;
             compositionend: (evt: CompositionEvent) => boolean;
@@ -2768,7 +2790,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-        onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
@@ -2806,12 +2828,12 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
-            onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         }>>;
-        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
+        emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
         instance: import("vue").ComponentInternalInstance;
         rawAttrs: {
             [x: string]: unknown;
@@ -3598,6 +3620,13 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         default: undefined;
     };
     teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    tagType: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __elPropsReservedKey: true;
+    };
     modelValue: import("vue").PropType<import("../cascader-panel/src/node").CascaderValue>;
     options: {
         type: import("vue").PropType<import("../cascader-panel/src/node").CascaderOption[]>;
@@ -3631,4 +3660,5 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     collapseTags: boolean;
     collapseTagsTooltip: boolean;
     beforeFilter: (value: string) => boolean | Promise<any>;
+    tagType: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
 }>>;

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

@@ -20,6 +20,7 @@ import ClickOutside from '../../../directives/click-outside/index.mjs';
 import { CommonProps } from '../../cascader-panel/src/config.mjs';
 import { isValidComponentSize } from '../../../utils/vue/validator.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/tooltip.mjs';
+import { tagProps } from '../../tag/src/tag.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';
@@ -116,7 +117,8 @@ const _sfc_main = defineComponent({
       type: Boolean,
       default: void 0
     },
-    teleported: useTooltipContentProps.teleported
+    teleported: useTooltipContentProps.teleported,
+    tagType: { ...tagProps.type, default: "info" }
   },
   emits: [
     UPDATE_MODEL_EVENT,
@@ -581,7 +583,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presentTags, (tag) => {
             return openBlock(), createBlock(_component_el_tag, {
               key: tag.key,
-              type: "info",
+              type: _ctx.tagType,
               size: _ctx.tagSize,
               hit: tag.hitState,
               closable: tag.closable,
@@ -610,7 +612,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                           (openBlock(), createBlock(_component_el_tag, {
                             key: tag2.key,
                             class: "in-tooltip",
-                            type: "info",
+                            type: _ctx.tagType,
                             size: _ctx.tagSize,
                             hit: tag2.hitState,
                             closable: tag2.closable,
@@ -621,7 +623,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                               createElementVNode("span", null, toDisplayString(tag2.text), 1)
                             ]),
                             _: 2
-                          }, 1032, ["size", "hit", "closable", "onClose"]))
+                          }, 1032, ["type", "size", "hit", "closable", "onClose"]))
                         ]);
                       }), 128))
                     ])
@@ -630,7 +632,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 1032, ["disabled"]))
               ]),
               _: 2
-            }, 1032, ["size", "hit", "closable", "onClose"]);
+            }, 1032, ["type", "size", "hit", "closable", "onClose"]);
           }), 128)),
           _ctx.filterable && !_ctx.isDisabled ? withDirectives((openBlock(), createElementBlock("input", {
             key: 0,