@element-plus/nightly 0.0.20240411 → 0.0.20240412

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

@@ -1,3 +1,4 @@
+import type { StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     readonly value: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly max: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
@@ -6,6 +7,19 @@ declare const _default: import("vue").DefineComponent<{
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown, "danger", boolean>;
     readonly showZero: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly color: StringConstructor;
+    readonly dotStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => StyleValue & {}) | (() => StyleValue) | ((new (...args: any[]) => StyleValue & {}) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly offset: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, readonly [0, 0], boolean>;
+    readonly dotClass: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly value: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
@@ -15,6 +29,19 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown, "danger", boolean>;
         readonly showZero: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly color: StringConstructor;
+        readonly dotStyle: {
+            readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => StyleValue & {}) | (() => StyleValue) | ((new (...args: any[]) => StyleValue & {}) | (() => StyleValue))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly offset: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, readonly [0, 0], boolean>;
+        readonly dotClass: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -37,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlockName: (name: string) => string;
     };
     content: import("vue").ComputedRef<string>;
+    style: import("vue").ComputedRef<StyleValue>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly max: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
@@ -45,8 +73,22 @@ declare const _default: import("vue").DefineComponent<{
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown, "danger", boolean>;
     readonly showZero: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly color: StringConstructor;
+    readonly dotStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => StyleValue & {}) | (() => StyleValue) | ((new (...args: any[]) => StyleValue & {}) | (() => StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly offset: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, readonly [0, 0], boolean>;
+    readonly dotClass: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
 }>>, {
     readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly offset: [number, number];
     readonly value: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly hidden: boolean;
     readonly max: number;

package/lib/components/badge/src/badge2.js

@@ -9,6 +9,7 @@ var badge = require('./badge.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var types = require('../../../utils/types.js');
+var style = require('../../../utils/dom/style.js');
 
 const _hoisted_1 = ["textContent"];
 const __default__ = vue.defineComponent({
@@ -31,6 +32,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return `${props.value}`;
     });
+    const style$1 = vue.computed(() => {
+      var _a, _b, _c, _d, _e;
+      return [
+        {
+          backgroundColor: props.color,
+          marginRight: style.addUnit(-((_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : 0)),
+          marginTop: style.addUnit((_d = (_c = props.offset) == null ? void 0 : _c[1]) != null ? _d : 0)
+        },
+        (_e = props.dotStyle) != null ? _e : {}
+      ];
+    });
     expose({
       content
     });
@@ -49,9 +61,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.unref(ns).e("content"),
                 vue.unref(ns).em("content", _ctx.type),
                 vue.unref(ns).is("fixed", !!_ctx.$slots.default),
-                vue.unref(ns).is("dot", _ctx.isDot)
+                vue.unref(ns).is("dot", _ctx.isDot),
+                _ctx.dotClass
               ]),
-              style: vue.normalizeStyle({ backgroundColor: _ctx.color }),
+              style: vue.normalizeStyle(vue.unref(style$1)),
               textContent: vue.toDisplayString(vue.unref(content))
             }, null, 14, _hoisted_1), [
               [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]

package/lib/components/badge/src/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        :style=\"{ backgroundColor: color }\"\n        v-text=\"content\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    if (props.max < props.value) {\n      return `${props.max}+`\n    }\n    return props.value === 0 && !props.showZero ? '' : `${props.value}`\n  }\n  return `${props.value}`\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":["useNamespace","computed","isNumber"],"mappings":";;;;;;;;;;;;;uCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,aAAiB,MAAM;AACrC,MAAA,IAAI,KAAM,CAAA,KAAA;AAAO,QAAO,OAAA,EAAA,CAAA;AACxB,MAAA,IAAIC,eAAS,KAAM,CAAA,KAAK,KAAKA,cAAS,CAAA,KAAA,CAAM,GAAG,CAAG,EAAA;AAChD,QAAI,IAAA,KAAA,CAAM,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AAC3B,UAAA,OAAO,GAAG,KAAM,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAClB;AACA,QAAO,OAAA,KAAA,CAAM,UAAU,CAAK,IAAA,CAAC,MAAM,QAAW,GAAA,EAAA,GAAK,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OAC9D;AACA,MAAA,OAAO,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAEX,OAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n          dotClass,\n        ]\"\n        :style=\"style\"\n        v-text=\"content\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    if (props.max < props.value) {\n      return `${props.max}+`\n    }\n    return props.value === 0 && !props.showZero ? '' : `${props.value}`\n  }\n  return `${props.value}`\n})\nconst style = computed<StyleValue>(() => {\n  return [\n    {\n      backgroundColor: props.color,\n      marginRight: addUnit(-(props.offset?.[0] ?? 0)),\n      marginTop: addUnit(props.offset?.[1] ?? 0),\n    },\n    props.dotStyle ?? {},\n  ]\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":["useNamespace","computed","isNumber","style","addUnit"],"mappings":";;;;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,aAAiB,MAAM;AACrC,MAAA,IAAI,KAAM,CAAA,KAAA;AAAO,QAAO,OAAA,EAAA,CAAA;AACxB,MAAA,IAAIC,eAAS,KAAM,CAAA,KAAK,KAAKA,cAAS,CAAA,KAAA,CAAM,GAAG,CAAG,EAAA;AAChD,QAAI,IAAA,KAAA,CAAM,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AAC3B,UAAA,OAAO,GAAG,KAAM,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAClB;AACA,QAAO,OAAA,KAAA,CAAM,UAAU,CAAK,IAAA,CAAC,MAAM,QAAW,GAAA,EAAA,GAAK,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OAC9D;AACA,MAAA,OAAO,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AACD,IAAM,MAAAC,OAAA,GAAQF,aAAqB,MAAM;AACvC,MAAO,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAAA,MACL,OAAA;AAAA,QAAA;AACyB,UACvB,eAAqB,EAAA,KAAE,CAAM,KAAA;AAAiB,UAC9C,WAAW,EAAAG,aAAc,CAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,QAAe,CAAC,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA,CAAA;AAAA,UAC3C,SAAA,EAAAA,aAAA,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CAAA,CAAA;AAAA,SACA;AAAmB,QACrB,CAAA,EAAA,GAAA,KAAA,CAAA,QAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,OACD,CAAA;AAED,KAAa,CAAA,CAAA;AAAA,IAEX,MAAA,CAAA;AAAA,MACD,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,7 @@
 import type { SFCWithInstall } from '@element-plus/nightly/es/utils';
 declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -56,6 +58,8 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     popperOptions: Partial<import("@popperjs/core").Options>;
     COMPONENT_NAME: string;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        emptyValues: ArrayConstructor;
+        valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
         size: {
             readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
             readonly required: false;
@@ -109,15 +113,15 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]) | ((new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]))[], unknown, unknown, () => import("..").CascaderOption[], boolean>;
         props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps) | ((new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps))[], unknown, unknown, () => import("..").CascaderProps, boolean>;
     }>> & {
-        onChange?: ((val: import("..").CascaderValue) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: import("..").CascaderValue) => any) | undefined;
+        onChange?: ((_: import("..").CascaderValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((_: import("..").CascaderValue) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onVisibleChange?: ((val: boolean) => any) | undefined;
         onExpandChange?: ((val: import("..").CascaderValue) => any) | undefined;
         onRemoveTag?: ((val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => any) | undefined;
     }>>;
-    emit: ((event: "update:modelValue", val: import("..").CascaderValue) => void) & ((event: "change", val: import("..").CascaderValue) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "visibleChange", val: boolean) => void) & ((event: "expandChange", val: import("..").CascaderValue) => void) & ((event: "removeTag", val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => void);
+    emit: ((event: "update:modelValue", _: import("..").CascaderValue) => void) & ((event: "change", _: import("..").CascaderValue) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "visibleChange", val: boolean) => void) & ((event: "expandChange", val: import("..").CascaderValue) => void) & ((event: "removeTag", val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => void);
     attrs: {
         [x: string]: unknown;
     };
@@ -162,6 +166,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     t: import("../..").Translator;
     form: import("..").FormContext | undefined;
     formItem: import("..").FormItemContext | undefined;
+    valueOnClear: import("vue").ComputedRef<any>;
     tooltipRef: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -13551,14 +13556,16 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     Check: any;
     CircleClose: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: import("..").CascaderValue) => boolean;
-    change: (val: import("..").CascaderValue) => boolean;
+    "update:modelValue": (_: import("..").CascaderValue) => boolean;
+    change: (_: import("..").CascaderValue) => boolean;
     focus: (evt: FocusEvent) => boolean;
     blur: (evt: FocusEvent) => boolean;
     visibleChange: (val: boolean) => boolean;
     expandChange: (val: import("..").CascaderValue) => boolean;
     removeTag: (val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -13612,8 +13619,8 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]) | ((new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]))[], unknown, unknown, () => import("..").CascaderOption[], boolean>;
     props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps) | ((new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps))[], unknown, unknown, () => import("..").CascaderProps, boolean>;
 }>> & {
-    onChange?: ((val: import("..").CascaderValue) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: import("..").CascaderValue) => any) | undefined;
+    onChange?: ((_: import("..").CascaderValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_: import("..").CascaderValue) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onVisibleChange?: ((val: boolean) => any) | undefined;
@@ -13637,9 +13644,12 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
     collapseTagsTooltip: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     beforeFilter: (value: string) => boolean | Promise<any>;
     tagType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
 }>>;
 export default _Cascader;
 export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -13696,6 +13706,8 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     popperOptions: Partial<import("@popperjs/core").Options>;
     COMPONENT_NAME: string;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        emptyValues: ArrayConstructor;
+        valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
         size: {
             readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
             readonly required: false;
@@ -13749,15 +13761,15 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]) | ((new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]))[], unknown, unknown, () => import("..").CascaderOption[], boolean>;
         props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps) | ((new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps))[], unknown, unknown, () => import("..").CascaderProps, boolean>;
     }>> & {
-        onChange?: ((val: import("..").CascaderValue) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: import("..").CascaderValue) => any) | undefined;
+        onChange?: ((_: import("..").CascaderValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((_: import("..").CascaderValue) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onVisibleChange?: ((val: boolean) => any) | undefined;
         onExpandChange?: ((val: import("..").CascaderValue) => any) | undefined;
         onRemoveTag?: ((val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => any) | undefined;
     }>>;
-    emit: ((event: "update:modelValue", val: import("..").CascaderValue) => void) & ((event: "change", val: import("..").CascaderValue) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "visibleChange", val: boolean) => void) & ((event: "expandChange", val: import("..").CascaderValue) => void) & ((event: "removeTag", val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => void);
+    emit: ((event: "update:modelValue", _: import("..").CascaderValue) => void) & ((event: "change", _: import("..").CascaderValue) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "visibleChange", val: boolean) => void) & ((event: "expandChange", val: import("..").CascaderValue) => void) & ((event: "removeTag", val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => void);
     attrs: {
         [x: string]: unknown;
     };
@@ -13802,6 +13814,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     t: import("../..").Translator;
     form: import("..").FormContext | undefined;
     formItem: import("..").FormItemContext | undefined;
+    valueOnClear: import("vue").ComputedRef<any>;
     tooltipRef: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -27191,14 +27204,16 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     Check: any;
     CircleClose: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: import("..").CascaderValue) => boolean;
-    change: (val: import("..").CascaderValue) => boolean;
+    "update:modelValue": (_: import("..").CascaderValue) => boolean;
+    change: (_: import("..").CascaderValue) => boolean;
     focus: (evt: FocusEvent) => boolean;
     blur: (evt: FocusEvent) => boolean;
     visibleChange: (val: boolean) => boolean;
     expandChange: (val: import("..").CascaderValue) => boolean;
     removeTag: (val: import("../cascader-panel/src/node").CascaderNodeValue | import("../cascader-panel/src/node").CascaderNodePathValue) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -27252,8 +27267,8 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]) | ((new (...args: any[]) => import("..").CascaderOption[]) | (() => import("..").CascaderOption[]))[], unknown, unknown, () => import("..").CascaderOption[], boolean>;
     props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps) | ((new (...args: any[]) => import("..").CascaderProps) | (() => import("..").CascaderProps))[], unknown, unknown, () => import("..").CascaderProps, boolean>;
 }>> & {
-    onChange?: ((val: import("..").CascaderValue) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: import("..").CascaderValue) => any) | undefined;
+    onChange?: ((_: import("..").CascaderValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_: import("..").CascaderValue) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onVisibleChange?: ((val: boolean) => any) | undefined;
@@ -27277,6 +27292,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
     collapseTagsTooltip: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     beforeFilter: (value: string) => boolean | Promise<any>;
     tagType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
 }>>;
 export * from './src/cascader';
 export * from './src/instances';

package/lib/components/cascader/src/cascader.d.ts

@@ -1,5 +1,7 @@
 import type { CascaderNode, CascaderValue } from '@element-plus/nightly/es/components/cascader-panel';
 export declare const cascaderProps: {
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -54,8 +56,8 @@ export declare const cascaderProps: {
     props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | ((new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps))[], unknown, unknown, () => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps, boolean>;
 };
 export declare const cascaderEmits: {
-    "update:modelValue": (val: CascaderValue) => boolean;
-    change: (val: CascaderValue) => boolean;
+    "update:modelValue": (_: CascaderValue) => boolean;
+    change: (_: CascaderValue) => boolean;
     focus: (evt: FocusEvent) => boolean;
     blur: (evt: FocusEvent) => boolean;
     visibleChange: (val: boolean) => boolean;

package/lib/components/cascader/src/cascader.js

@@ -13,6 +13,7 @@ var config = require('../../cascader-panel/src/config.js');
 var index = require('../../../hooks/use-size/index.js');
 var content = require('../../tooltip/src/content.js');
 var tag = require('../../tag/src/tag.js');
+var index$1 = require('../../../hooks/use-empty-values/index.js');
 var event = require('../../../constants/event.js');
 var types = require('../../../utils/types.js');
 
@@ -61,11 +62,12 @@ const cascaderProps = runtime.buildProps({
   validateEvent: {
     type: Boolean,
     default: true
-  }
+  },
+  ...index$1.useEmptyValuesProps
 });
 const cascaderEmits = {
-  [event.UPDATE_MODEL_EVENT]: (val) => !!val || val === null,
-  [event.CHANGE_EVENT]: (val) => !!val || val === null,
+  [event.UPDATE_MODEL_EVENT]: (_) => true,
+  [event.CHANGE_EVENT]: (_) => true,
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent,
   visibleChange: (val) => types.isBoolean(val),

package/lib/components/cascader/src/cascader.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import { CommonProps } from '@element-plus/components/cascader-panel'\nimport { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type {\n  CascaderNode,\n  CascaderValue,\n} from '@element-plus/components/cascader-panel'\n\nexport const cascaderProps = buildProps({\n  ...CommonProps,\n  /**\n   * @description size of input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder of input\n   */\n  placeholder: String,\n  /**\n   * @description whether Cascader is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether selected value can be cleared\n   */\n  clearable: Boolean,\n  /**\n   * @description whether the options can be searched\n   */\n  filterable: Boolean,\n  /**\n   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.\n   */\n  filterMethod: {\n    type: definePropType<(node: CascaderNode, keyword: string) => boolean>(\n      Function\n    ),\n    default: (node: CascaderNode, keyword: string) =>\n      node.text.includes(keyword),\n  },\n  /**\n   * @description option label separator\n   */\n  separator: {\n    type: String,\n    default: ' / ',\n  },\n  /**\n   * @description whether to display all levels of the selected value in the input\n   */\n  showAllLevels: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to collapse tags in multiple selection mode\n   */\n  collapseTags: Boolean,\n  /**\n   * @description The max tags number to be shown. To use this, collapse-tags must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description native input id\n   */\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description debounce delay when typing filter keyword, in milliseconds\n   */\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted\n   */\n  beforeFilter: {\n    type: definePropType<(value: string) => boolean | Promise<any>>(Function),\n    default: () => true,\n  },\n  /**\n   * @description custom class name for Cascader's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether cascader popup is teleported\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description tag type\n   */\n  // eslint-disable-next-line vue/require-prop-types\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport const cascaderEmits = {\n  [UPDATE_MODEL_EVENT]: (val: CascaderValue) => !!val || val === null,\n  [CHANGE_EVENT]: (val: CascaderValue) => !!val || val === null,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  visibleChange: (val: boolean) => isBoolean(val),\n  expandChange: (val: CascaderValue) => !!val,\n  removeTag: (val: CascaderNode['valueByOption']) => !!val,\n}\n\n// Type name is taken(cascader-panel/src/node), needs discussion\n// export type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport type CascaderEmits = typeof cascaderEmits\n"],"names":["buildProps","CommonProps","useSizeProp","definePropType","useTooltipContentProps","tagProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","isBoolean"],"mappings":";;;;;;;;;;;;;;;;;;AAMY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,GAAGC,kBAAW;AAChB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,OAAO,EAAE,EAAE,GAAGC,YAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;AAChD,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,IAAI;AACtD,EAAE,CAACC,kBAAY,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,IAAI;AAChD,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C,EAAE,aAAa,EAAE,CAAC,GAAG,KAAKC,eAAS,CAAC,GAAG,CAAC;AACxC,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC9B,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC3B;;;;;"}
+{"version":3,"file":"cascader.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import { CommonProps } from '@element-plus/components/cascader-panel'\nimport { buildProps, definePropType, isBoolean } from '@element-plus/utils'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type {\n  CascaderNode,\n  CascaderValue,\n} from '@element-plus/components/cascader-panel'\n\nexport const cascaderProps = buildProps({\n  ...CommonProps,\n  /**\n   * @description size of input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder of input\n   */\n  placeholder: String,\n  /**\n   * @description whether Cascader is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description whether selected value can be cleared\n   */\n  clearable: Boolean,\n  /**\n   * @description whether the options can be searched\n   */\n  filterable: Boolean,\n  /**\n   * @description customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.\n   */\n  filterMethod: {\n    type: definePropType<(node: CascaderNode, keyword: string) => boolean>(\n      Function\n    ),\n    default: (node: CascaderNode, keyword: string) =>\n      node.text.includes(keyword),\n  },\n  /**\n   * @description option label separator\n   */\n  separator: {\n    type: String,\n    default: ' / ',\n  },\n  /**\n   * @description whether to display all levels of the selected value in the input\n   */\n  showAllLevels: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to collapse tags in multiple selection mode\n   */\n  collapseTags: Boolean,\n  /**\n   * @description The max tags number to be shown. To use this, collapse-tags must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description native input id\n   */\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description debounce delay when typing filter keyword, in milliseconds\n   */\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted\n   */\n  beforeFilter: {\n    type: definePropType<(value: string) => boolean | Promise<any>>(Function),\n    default: () => true,\n  },\n  /**\n   * @description custom class name for Cascader's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether cascader popup is teleported\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description tag type\n   */\n  // eslint-disable-next-line vue/require-prop-types\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  ...useEmptyValuesProps,\n})\n\nexport const cascaderEmits = {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [UPDATE_MODEL_EVENT]: (_: CascaderValue) => true,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [CHANGE_EVENT]: (_: CascaderValue) => true,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  visibleChange: (val: boolean) => isBoolean(val),\n  expandChange: (val: CascaderValue) => !!val,\n  removeTag: (val: CascaderNode['valueByOption']) => !!val,\n}\n\n// Type name is taken(cascader-panel/src/node), needs discussion\n// export type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport type CascaderEmits = typeof cascaderEmits\n"],"names":["buildProps","CommonProps","useSizeProp","definePropType","useTooltipContentProps","tagProps","useEmptyValuesProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","isBoolean"],"mappings":";;;;;;;;;;;;;;;;;;;AAMY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,GAAGC,kBAAW;AAChB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC3D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAE,MAAM,IAAI;AACvB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,OAAO,EAAE,EAAE,GAAGC,YAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE;AAChD,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,GAAGC,2BAAmB;AACxB,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,CAAC,KAAK,IAAI;AACnC,EAAE,CAACC,kBAAY,GAAG,CAAC,CAAC,KAAK,IAAI;AAC7B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC1C,EAAE,aAAa,EAAE,CAAC,GAAG,KAAKC,eAAS,CAAC,GAAG,CAAC;AACxC,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC9B,EAAE,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;AAC3B;;;;;"}

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

@@ -3,6 +3,8 @@ import type { Options } from '@element-plus/nightly/es/components/popper';
 import type { ComputedRef, Ref, StyleValue } from 'vue';
 import type { CascaderNode, CascaderValue, Tag } from '@element-plus/nightly/es/components/cascader-panel';
 declare const _default: import("vue").DefineComponent<{
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -59,6 +61,8 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: Partial<Options>;
     COMPONENT_NAME: string;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        emptyValues: ArrayConstructor;
+        valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
         size: {
             readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
             readonly required: false;
@@ -112,15 +116,15 @@ declare const _default: import("vue").DefineComponent<{
         options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]) | ((new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]))[], unknown, unknown, () => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[], boolean>;
         props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | ((new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps))[], unknown, unknown, () => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps, boolean>;
     }>> & {
-        onChange?: ((val: CascaderValue) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: CascaderValue) => any) | undefined;
+        onChange?: ((_: CascaderValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((_: CascaderValue) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onVisibleChange?: ((val: boolean) => any) | undefined;
         onExpandChange?: ((val: CascaderValue) => any) | undefined;
         onRemoveTag?: ((val: import("../../cascader-panel/src/node").CascaderNodeValue | import("../../cascader-panel/src/node").CascaderNodePathValue) => any) | undefined;
     }>>;
-    emit: ((event: "update:modelValue", val: CascaderValue) => void) & ((event: "change", val: CascaderValue) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "visibleChange", val: boolean) => void) & ((event: "expandChange", val: CascaderValue) => void) & ((event: "removeTag", val: import("../../cascader-panel/src/node").CascaderNodeValue | import("../../cascader-panel/src/node").CascaderNodePathValue) => void);
+    emit: ((event: "update:modelValue", _: CascaderValue) => void) & ((event: "change", _: CascaderValue) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "visibleChange", val: boolean) => void) & ((event: "expandChange", val: CascaderValue) => void) & ((event: "removeTag", val: import("../../cascader-panel/src/node").CascaderNodeValue | import("../../cascader-panel/src/node").CascaderNodePathValue) => void);
     attrs: {
         [x: string]: unknown;
     };
@@ -165,6 +169,7 @@ declare const _default: import("vue").DefineComponent<{
     t: import("@element-plus/nightly/es/hooks").Translator;
     form: import("@element-plus/nightly/es/components/form").FormContext | undefined;
     formItem: import("@element-plus/nightly/es/components/form").FormItemContext | undefined;
+    valueOnClear: ComputedRef<any>;
     tooltipRef: Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -13554,14 +13559,16 @@ declare const _default: import("vue").DefineComponent<{
     Check: any;
     CircleClose: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: CascaderValue) => boolean;
-    change: (val: CascaderValue) => boolean;
+    "update:modelValue": (_: CascaderValue) => boolean;
+    change: (_: CascaderValue) => boolean;
     focus: (evt: FocusEvent) => boolean;
     blur: (evt: FocusEvent) => boolean;
     visibleChange: (val: boolean) => boolean;
     expandChange: (val: CascaderValue) => boolean;
     removeTag: (val: import("../../cascader-panel/src/node").CascaderNodeValue | import("../../cascader-panel/src/node").CascaderNodePathValue) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
     size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -13615,8 +13622,8 @@ declare const _default: import("vue").DefineComponent<{
     options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]) | ((new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[]))[], unknown, unknown, () => import("@element-plus/nightly/es/components/cascader-panel").CascaderOption[], boolean>;
     props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | ((new (...args: any[]) => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps) | (() => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps))[], unknown, unknown, () => import("@element-plus/nightly/es/components/cascader-panel").CascaderProps, boolean>;
 }>> & {
-    onChange?: ((val: CascaderValue) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: CascaderValue) => any) | undefined;
+    onChange?: ((_: CascaderValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((_: CascaderValue) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onVisibleChange?: ((val: boolean) => any) | undefined;
@@ -13640,5 +13647,6 @@ declare const _default: import("vue").DefineComponent<{
     collapseTagsTooltip: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     beforeFilter: (value: string) => boolean | Promise<any>;
     tagType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    valueOnClear: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
 }>;
 export default _default;

package/lib/components/cascader/src/cascader2.js

@@ -6,12 +6,12 @@ var vue = require('vue');
 var shared = require('@vue/shared');
 var lodashUnified = require('lodash-unified');
 var core = require('@vueuse/core');
-var index$7 = require('../../cascader-panel/index.js');
-var index$3 = require('../../input/index.js');
-var index$2 = require('../../tooltip/index.js');
-var index$8 = require('../../scrollbar/index.js');
-var index$5 = require('../../tag/index.js');
-var index$4 = require('../../icon/index.js');
+var index$8 = require('../../cascader-panel/index.js');
+var index$4 = require('../../input/index.js');
+var index$3 = require('../../tooltip/index.js');
+var index$9 = require('../../scrollbar/index.js');
+var index$6 = require('../../tag/index.js');
+var index$5 = require('../../icon/index.js');
 require('../../form/index.js');
 require('../../../directives/index.js');
 require('../../../hooks/index.js');
@@ -23,13 +23,14 @@ var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper
 var index = require('../../../hooks/use-namespace/index.js');
 var index$1 = require('../../../hooks/use-locale/index.js');
 var useFormItem = require('../../form/src/hooks/use-form-item.js');
+var index$2 = require('../../../hooks/use-empty-values/index.js');
 var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
 var event = require('../../../constants/event.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');
-var index$6 = require('../../../directives/click-outside/index.js');
+var index$7 = require('../../../directives/click-outside/index.js');
 
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["placeholder", "onKeydown"];
@@ -67,6 +68,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const nsInput = index.useNamespace("input");
     const { t } = index$1.useLocale();
     const { form, formItem } = useFormItem.useFormItem();
+    const { valueOnClear } = index$2.useEmptyValues(props);
     const tooltipRef = vue.ref(null);
     const input = vue.ref(null);
     const tagWrapper = vue.ref(null);
@@ -113,8 +115,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return lodashUnified.cloneDeep(props.modelValue);
       },
       set(val) {
-        emit(event.UPDATE_MODEL_EVENT, val);
-        emit(event.CHANGE_EVENT, val);
+        const value = val || valueOnClear.value;
+        emit(event.UPDATE_MODEL_EVENT, value);
+        emit(event.CHANGE_EVENT, value);
         if (props.validateEvent) {
           formItem == null ? void 0 : formItem.validate("change").catch((err) => error.debugWarn(err));
         }
@@ -416,7 +419,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       contentRef
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTooltip), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElTooltip), {
         ref_key: "tooltipRef",
         ref: tooltipRef,
         visible: popperVisible.value,
@@ -449,7 +452,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             onMouseenter: _cache[6] || (_cache[6] = ($event) => inputHover.value = true),
             onMouseleave: _cache[7] || (_cache[7] = ($event) => inputHover.value = false)
           }, [
-            vue.createVNode(vue.unref(index$3.ElInput), {
+            vue.createVNode(vue.unref(index$4.ElInput), {
               ref_key: "input",
               ref: input,
               modelValue: inputValue.value,
@@ -469,7 +472,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onInput: handleInput
             }, {
               suffix: vue.withCtx(() => [
-                vue.unref(clearBtnVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElIcon), {
+                vue.unref(clearBtnVisible) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
                   key: "clear",
                   class: vue.normalizeClass([vue.unref(nsInput).e("icon"), "icon-circle-close"]),
                   onClick: vue.withModifiers(handleClear, ["stop"])
@@ -478,7 +481,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.createVNode(vue.unref(iconsVue.CircleClose))
                   ]),
                   _: 1
-                }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElIcon), {
+                }, 8, ["class", "onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
                   key: "arrow-down",
                   class: vue.normalizeClass(vue.unref(cascaderIconKls)),
                   onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => togglePopperVisible(), ["stop"]))
@@ -501,7 +504,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(presentTags.value, (tag) => {
-                return vue.openBlock(), vue.createBlock(vue.unref(index$5.ElTag), {
+                return vue.openBlock(), vue.createBlock(vue.unref(index$6.ElTag), {
                   key: tag.key,
                   type: _ctx.tagType,
                   size: vue.unref(tagSize),
@@ -511,7 +514,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClose: ($event) => deleteTag(tag)
                 }, {
                   default: vue.withCtx(() => [
-                    tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTooltip), {
+                    tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElTooltip), {
                       key: 1,
                       disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
                       "fallback-placements": ["bottom", "top", "right", "left"],
@@ -530,7 +533,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               key: idx,
                               class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
                             }, [
-                              (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElTag), {
+                              (vue.openBlock(), vue.createBlock(vue.unref(index$6.ElTag), {
                                 key: tag2.key,
                                 class: "in-tooltip",
                                 type: _ctx.tagType,
@@ -574,11 +577,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ]) : vue.createCommentVNode("v-if", true)
             ], 2)) : vue.createCommentVNode("v-if", true)
           ], 38)), [
-            [vue.unref(index$6["default"]), () => togglePopperVisible(false), vue.unref(contentRef)]
+            [vue.unref(index$7["default"]), () => togglePopperVisible(false), vue.unref(contentRef)]
           ])
         ]),
         content: vue.withCtx(() => [
-          vue.withDirectives(vue.createVNode(vue.unref(index$7["default"]), {
+          vue.withDirectives(vue.createVNode(vue.unref(index$8["default"]), {
             ref_key: "cascaderPanelRef",
             ref: cascaderPanelRef,
             modelValue: vue.unref(checkedValue),
@@ -592,7 +595,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["modelValue", "options", "props", "render-label"]), [
             [vue.vShow, !filtering.value]
           ]),
-          _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$8.ElScrollbar), {
+          _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$9.ElScrollbar), {
             key: 0,
             ref_key: "suggestionPanel",
             ref: suggestionPanel,
@@ -613,7 +616,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onClick: ($event) => handleSuggestionClick(item)
                 }, [
                   vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
-                  item.checked ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElIcon), { key: 0 }, {
+                  item.checked ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), { key: 0 }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(iconsVue.Check))
                     ]),