naive-ui 2.18.0 → 2.19.1

package/es/card/src/Card.d.ts

@@ -10,6 +10,7 @@ export declare const cardBaseProps: {
     readonly contentStyle: PropType<string | CSSProperties>;
     readonly headerStyle: PropType<string | CSSProperties>;
     readonly footerStyle: PropType<string | CSSProperties>;
+    readonly embedded: BooleanConstructor;
     readonly segmented: {
         readonly type: PropType<boolean | Segmented>;
         readonly default: false;
@@ -29,12 +30,13 @@ export declare const cardBaseProps: {
     readonly hoverable: BooleanConstructor;
     readonly onClose: PropType<MaybeArray<() => void>>;
 };
-export declare const cardBasePropKeys: ("size" | "title" | "contentStyle" | "bordered" | "onClose" | "closable" | "hoverable" | "headerStyle" | "footerStyle" | "segmented")[];
+export declare const cardBasePropKeys: ("size" | "title" | "contentStyle" | "bordered" | "onClose" | "closable" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented")[];
 declare const cardProps: {
     title: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
+    embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | Segmented>;
         readonly default: false;
@@ -59,6 +61,7 @@ declare const cardProps: {
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -89,6 +92,7 @@ declare const cardProps: {
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -119,6 +123,7 @@ declare const cardProps: {
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -150,6 +155,7 @@ declare const _default: import("vue").DefineComponent<{
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
     footerStyle: PropType<string | CSSProperties>;
+    embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | Segmented>;
         readonly default: false;
@@ -174,6 +180,7 @@ declare const _default: import("vue").DefineComponent<{
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -204,6 +211,7 @@ declare const _default: import("vue").DefineComponent<{
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -234,6 +242,7 @@ declare const _default: import("vue").DefineComponent<{
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -367,6 +376,7 @@ declare const _default: import("vue").DefineComponent<{
             colorModal: string;
             colorPopover: string;
             colorTarget: string;
+            colorEmbedded: string;
             textColor: string;
             titleTextColor: string;
             borderColor: string;
@@ -426,6 +436,7 @@ declare const _default: import("vue").DefineComponent<{
     contentStyle?: unknown;
     headerStyle?: unknown;
     footerStyle?: unknown;
+    embedded?: unknown;
     segmented?: unknown;
     size?: unknown;
     bordered?: unknown;
@@ -440,6 +451,7 @@ declare const _default: import("vue").DefineComponent<{
     bordered: boolean;
     closable: boolean;
     hoverable: boolean;
+    embedded: boolean;
     segmented: boolean | Segmented;
 } & {
     title?: string | undefined;
@@ -449,6 +461,7 @@ declare const _default: import("vue").DefineComponent<{
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -479,6 +492,7 @@ declare const _default: import("vue").DefineComponent<{
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -509,6 +523,7 @@ declare const _default: import("vue").DefineComponent<{
         colorModal: string;
         colorPopover: string;
         colorTarget: string;
+        colorEmbedded: string;
         textColor: string;
         titleTextColor: string;
         borderColor: string;
@@ -542,6 +557,7 @@ declare const _default: import("vue").DefineComponent<{
     bordered: boolean;
     closable: boolean;
     hoverable: boolean;
+    embedded: boolean;
     segmented: boolean | Segmented;
 }>;
 export default _default;

package/es/card/src/Card.js

@@ -11,6 +11,7 @@ export const cardBaseProps = {
     contentStyle: [Object, String],
     headerStyle: [Object, String],
     footerStyle: [Object, String],
+    embedded: Boolean,
     segmented: {
         type: [Boolean, Object],
         default: false
@@ -51,12 +52,12 @@ export default defineComponent({
             handleCloseClick,
             cssVars: computed(() => {
                 const { size } = props;
-                const { self: { color, colorModal, colorTarget, textColor, titleTextColor, titleFontWeight, borderColor, actionColor, borderRadius, closeColor, closeColorHover, closeColorPressed, lineHeight, closeSize, boxShadow, colorPopover, [createKey('padding', size)]: padding, [createKey('fontSize', size)]: fontSize, [createKey('titleFontSize', size)]: titleFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
+                const { self: { color, colorModal, colorTarget, textColor, titleTextColor, titleFontWeight, borderColor, actionColor, borderRadius, closeColor, closeColorHover, closeColorPressed, lineHeight, closeSize, boxShadow, colorPopover, colorEmbedded, [createKey('padding', size)]: padding, [createKey('fontSize', size)]: fontSize, [createKey('titleFontSize', size)]: titleFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 const { top: paddingTop, left: paddingLeft, bottom: paddingBottom } = getPadding(padding);
                 return {
                     '--bezier': cubicBezierEaseInOut,
                     '--border-radius': borderRadius,
-                    '--color': color,
+                    '--color': props.embedded ? colorEmbedded : color,
                     '--color-modal': colorModal,
                     '--color-popover': colorPopover,
                     '--color-target': colorTarget,

package/es/card/styles/dark.js

@@ -3,6 +3,11 @@ import { self } from './light';
 const cardDark = {
     name: 'Card',
     common: commonDark,
-    self
+    self(vars) {
+        const commonSelf = self(vars);
+        const { cardColor } = vars;
+        commonSelf.colorEmbedded = cardColor;
+        return commonSelf;
+    }
 };
 export default cardDark;

package/es/card/styles/light.d.ts

@@ -6,6 +6,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     colorModal: string;
     colorPopover: string;
     colorTarget: string;
+    colorEmbedded: string;
     textColor: string;
     titleTextColor: string;
     borderColor: string;

package/es/card/styles/light.js

@@ -1,8 +1,8 @@
 import { commonLight } from '../../_styles/common';
 import commonVariables from './_common';
 export const self = (vars) => {
-    const { primaryColor, borderRadius, lineHeight, fontSize, cardColor, textColor2, textColor1, dividerColor, actionColor, fontWeightStrong, closeColor, closeColorHover, closeColorPressed, modalColor, boxShadow1, popoverColor } = vars;
-    return Object.assign(Object.assign({}, commonVariables), { lineHeight, color: cardColor, colorModal: modalColor, colorPopover: popoverColor, colorTarget: primaryColor, textColor: textColor2, titleTextColor: textColor1, borderColor: dividerColor, actionColor: actionColor, titleFontWeight: fontWeightStrong, closeColor: closeColor, closeColorHover: closeColorHover, closeColorPressed: closeColorPressed, fontSizeSmall: fontSize, fontSizeMedium: fontSize, fontSizeLarge: fontSize, fontSizeHuge: fontSize, boxShadow: boxShadow1, borderRadius });
+    const { primaryColor, borderRadius, lineHeight, fontSize, cardColor, textColor2, textColor1, dividerColor, fontWeightStrong, closeColor, closeColorHover, closeColorPressed, modalColor, boxShadow1, popoverColor, actionColor } = vars;
+    return Object.assign(Object.assign({}, commonVariables), { lineHeight, color: cardColor, colorModal: modalColor, colorPopover: popoverColor, colorTarget: primaryColor, colorEmbedded: actionColor, textColor: textColor2, titleTextColor: textColor1, borderColor: dividerColor, actionColor: actionColor, titleFontWeight: fontWeightStrong, closeColor: closeColor, closeColorHover: closeColorHover, closeColorPressed: closeColorPressed, fontSizeSmall: fontSize, fontSizeMedium: fontSize, fontSizeLarge: fontSize, fontSizeHuge: fontSize, boxShadow: boxShadow1, borderRadius });
 };
 const cardLight = {
     name: 'Card',

package/es/cascader/src/Cascader.d.ts

@@ -122,6 +122,7 @@ declare const cascaderProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -204,6 +205,7 @@ declare const cascaderProps: {
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -290,6 +292,7 @@ declare const cascaderProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -372,6 +375,7 @@ declare const cascaderProps: {
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -458,6 +462,7 @@ declare const cascaderProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -540,6 +545,7 @@ declare const cascaderProps: {
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -709,6 +715,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -791,6 +798,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -877,6 +885,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -959,6 +968,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1045,6 +1055,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1127,6 +1138,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1372,6 +1384,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1454,6 +1467,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -1677,6 +1691,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1759,6 +1774,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1845,6 +1861,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1927,6 +1944,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -2013,6 +2031,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -2095,6 +2114,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;

package/es/cascader/src/Cascader.js

@@ -161,15 +161,16 @@ export default defineComponent({
                 }
             });
         }
-        function doUpdateValue(value) {
+        function doUpdateValue(value, option) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
             const { nTriggerFormInput, nTriggerFormChange } = formItem;
             if (onUpdateValue)
-                call(onUpdateValue, value);
-            if (_onUpdateValue)
-                call(_onUpdateValue, value);
+                call(onUpdateValue, value, option);
+            if (_onUpdateValue) {
+                call(_onUpdateValue, value, option);
+            }
             if (onChange)
-                call(onChange, value);
+                call(onChange, value, option);
             uncontrolledValueRef.value = value;
             nTriggerFormInput();
             nTriggerFormChange();
@@ -182,22 +183,23 @@ export default defineComponent({
         }
         function doCheck(key) {
             const { cascade, multiple, filterable } = props;
+            const { value: { check, getNode } } = treeMateRef;
             if (multiple) {
                 try {
-                    const { checkedKeys } = treeMateRef.value.check(key, mergedKeysRef.value.checkedKeys, {
+                    const { checkedKeys } = check(key, mergedKeysRef.value.checkedKeys, {
                         cascade,
                         checkStrategy: mergedCheckStrategyRef.value
                     });
-                    doUpdateValue(checkedKeys);
+                    doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }));
                     if (filterable)
                         focusSelectionInput();
                 }
                 catch (err) {
                     if (err instanceof SubtreeNotLoadedError) {
                         if (cascaderMenuInstRef.value) {
-                            const node = treeMateRef.value.getNode(key);
-                            if (node !== null) {
-                                cascaderMenuInstRef.value.showErrorMessage(node.rawNode[props.labelField]);
+                            const tmNode = getNode(key);
+                            if (tmNode !== null) {
+                                cascaderMenuInstRef.value.showErrorMessage(tmNode.rawNode[props.labelField]);
                             }
                         }
                     }
@@ -208,16 +210,17 @@ export default defineComponent({
             }
             else {
                 if (mergedCheckStrategyRef.value === 'child') {
-                    const node = treeMateRef.value.getNode(key);
-                    if (node === null || node === void 0 ? void 0 : node.isLeaf) {
-                        doUpdateValue(key);
+                    const tmNode = getNode(key);
+                    if (tmNode === null || tmNode === void 0 ? void 0 : tmNode.isLeaf) {
+                        doUpdateValue(key, tmNode.rawNode);
                     }
                     else {
                         return false;
                     }
                 }
                 else {
-                    doUpdateValue(key);
+                    const tmNode = getNode(key);
+                    doUpdateValue(key, (tmNode === null || tmNode === void 0 ? void 0 : tmNode.rawNode) || null);
                 }
             }
             return true;
@@ -225,11 +228,12 @@ export default defineComponent({
         function doUncheck(key) {
             const { cascade, multiple } = props;
             if (multiple) {
-                const { checkedKeys } = treeMateRef.value.uncheck(key, mergedKeysRef.value.checkedKeys, {
+                const { value: { uncheck, getNode } } = treeMateRef;
+                const { checkedKeys } = uncheck(key, mergedKeysRef.value.checkedKeys, {
                     cascade,
                     checkStrategy: mergedCheckStrategyRef.value
                 });
-                doUpdateValue(checkedKeys);
+                doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }));
             }
         }
         const selectedOptionsRef = computed(() => {
@@ -521,7 +525,12 @@ export default defineComponent({
         // --- search
         function handleClear(e) {
             e.stopPropagation();
-            doUpdateValue(null);
+            if (props.multiple) {
+                doUpdateValue([], []);
+            }
+            else {
+                doUpdateValue(null, null);
+            }
         }
         function handleTriggerFocus(e) {
             var _a;
@@ -586,7 +595,7 @@ export default defineComponent({
                 doUncheck(option[valueField]);
             }
             else {
-                doUpdateValue(null);
+                doUpdateValue(null, null);
             }
         }
         function handleKeyDown(e) {
@@ -712,7 +721,7 @@ export default defineComponent({
                     h(VTarget, null, {
                         default: () => (h(NInternalSelection, { ref: "triggerInstRef", clsPrefix: mergedClsPrefix, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, focused: this.focused, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onClick: this.handleTriggerClick, onClear: this.handleClear, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onKeydown: this.handleKeyDown, onKeyup: this.handleKeyUp }))
                     }),
-                    h(VFollower, { key: "cascaderMenu", ref: "cascaderMenuFollowerRef", show: this.mergedShow && !this.showSelectMenu, containerClass: this.namespace, placement: "bottom-start", teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, to: this.adjustedTo }, {
+                    h(VFollower, { key: "cascaderMenu", ref: "cascaderMenuFollowerRef", show: this.mergedShow && !this.showSelectMenu, containerClass: this.namespace, placement: "bottom-start", width: !this.options.length ? 'target' : undefined, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, to: this.adjustedTo }, {
                         default: () => (h(CascaderMenu, { ref: "cascaderMenuInstRef", value: this.mergedValue, show: this.mergedShow && !this.showSelectMenu, menuModel: this.menuModel, style: this.cssVars, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeyup: this.handleMenuKeyUp, onMousedown: this.handleMenuMousedown, onTabout: this.handleMenuTabout }, this.$slots.action && {
                             action: this.$slots.action
                         }))

package/es/cascader/src/CascaderMenu.js

@@ -1,5 +1,6 @@
-import { h, ref, defineComponent, watch, toRef, inject, nextTick, Transition, withDirectives } from 'vue';
+import { h, ref, defineComponent, watch, toRef, inject, nextTick, Transition, withDirectives, renderSlot } from 'vue';
 import { clickoutside } from 'vdirs';
+import { NEmpty } from '../../empty';
 import { NBaseMenuMask } from '../../_internal';
 import NCascaderSubmenu from './CascaderSubmenu';
 import { cascaderInjectionKey } from './interface';
@@ -99,23 +100,24 @@ export default defineComponent({
     render() {
         const { submenuInstRefs, mergedClsPrefix, $slots } = this;
         return (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
-            default: () => this.show
-                ? withDirectives(h("div", { tabindex: "0", ref: "selfElRef", class: `${mergedClsPrefix}-cascader-menu`, onMousedown: this.onMousedown, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.onKeyup, style: {
+            default: () => {
+                if (!this.show)
+                    return null;
+                return withDirectives(h("div", { tabindex: "0", ref: "selfElRef", class: `${mergedClsPrefix}-cascader-menu`, onMousedown: this.onMousedown, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.onKeyup, style: {
                         '--col-count': this.menuModel.length
                     } },
-                    h("div", { class: `${mergedClsPrefix}-cascader-submenu-wrapper` },
-                        this.menuModel.map((submenuOptions, index) => {
-                            return (h(NCascaderSubmenu, { ref: ((instance) => {
-                                    if (instance)
-                                        submenuInstRefs[index] = instance;
-                                }), key: index, tmNodes: submenuOptions, depth: index + 1 }));
-                        }),
-                        h(NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" })),
-                    $slots.action ? (h("div", { class: `${mergedClsPrefix}-cascader-menu-action`, "data-action": true }, {
+                    this.menuModel[0].length ? (h("div", { class: `${mergedClsPrefix}-cascader-submenu-wrapper` },
+                        this.menuModel.map((submenuOptions, index) => (h(NCascaderSubmenu, { ref: ((instance) => {
+                                if (instance) {
+                                    submenuInstRefs[index] = instance;
+                                }
+                            }), key: index, tmNodes: submenuOptions, depth: index + 1 }))),
+                        h(NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : (h("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, renderSlot($slots, 'empty', undefined, () => [h(NEmpty, null)]))),
+                    $slots.action && (h("div", { class: `${mergedClsPrefix}-cascader-menu-action`, "data-action": true }, {
                         default: $slots.action
-                    })) : null,
-                    h(FocusDetector, { onFocus: this.onTabout })), [[clickoutside, this.handleClickOutside]])
-                : null
+                    })),
+                    h(FocusDetector, { onFocus: this.onTabout })), [[clickoutside, this.handleClickOutside]]);
+            }
         }));
     }
 });

package/es/cascader/src/CascaderOption.d.ts

@@ -157,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -239,6 +240,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;

package/es/cascader/src/CascaderSelectMenu.d.ts

@@ -164,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -246,6 +247,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;

package/es/cascader/src/CascaderSubmenu.d.ts

@@ -150,6 +150,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -232,6 +233,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;

package/es/cascader/src/interface.d.ts

@@ -17,8 +17,8 @@ export declare type ExpandTrigger = 'hover' | 'click';
 export declare type TmNode = TreeNode<CascaderOption>;
 export declare type Filter = (pattern: string, option: CascaderOption, path: CascaderOption[]) => boolean;
 export declare type OnLoad = (option: CascaderOption) => Promise<void>;
-export declare type OnUpdateValue = <T extends string & number & string[] & number[] & Array<string | number> & (string | null) & (number | null) & (string[] | null) & (number[] | null) & (Array<string | number> | null)>(value: T) => void;
-export declare type OnUpdateValueImpl = (value: Value | null) => void;
+export declare type OnUpdateValue = (value: string & number & string[] & number[] & Array<string | number> & (string | null) & (number | null) & (string[] | null) & (number[] | null) & (Array<string | number> | null), option: CascaderOption & null & CascaderOption[] & Array<CascaderOption | null>) => void;
+export declare type OnUpdateValueImpl = (value: Value | null, option: CascaderOption | null | Array<CascaderOption | null>) => void;
 export declare type MenuModel = TmNode[][];
 export interface CascaderInjection {
     mergedClsPrefixRef: Ref<string>;

package/es/cascader/src/styles/index.cssr.js

@@ -30,7 +30,12 @@ export default c([cB('cascader-menu', `
  `, [fadeInScaleUpTransition({
   transformOrigin: 'inherit',
   duration: '0.2s'
-}), cB('scrollbar', {
+}), cE('empty', `
+ display: flex;
+ padding: 12px 32px;
+ flex: 1;
+ justify-content: center;
+ `), cB('scrollbar', {
   // if width not set, cascader select menu's inner scroll area's width is
   // not correct, which won't change after select menu width is set
   width: '100%'

package/es/cascader/styles/light.d.ts

@@ -54,6 +54,7 @@ declare const cascaderLight: import("../../_mixins").Theme<"Cascader", {
         optionOpacityDisabled: string;
         optionCheckColor: string;
         optionColorPending: string;
+        optionColorActive: string;
         actionTextColor: string;
         loadingColor: string;
         height: string;
@@ -136,6 +137,7 @@ declare const cascaderLight: import("../../_mixins").Theme<"Cascader", {
         fontSizeLarge: string;
         paddingSingle: string;
         clearSize: string;
+        arrowSize: string;
     }, {
         Popover: import("../../_mixins").Theme<"Popover", {
             fontSize: string;

package/es/composables/use-theme-vars.js

@@ -6,13 +6,13 @@ export function useThemeVars() {
         const configProviderInjection = inject(configProviderInjectionKey, null);
         if (configProviderInjection === null)
             return commonLight;
-        const { mergedThemeRef: { value: mergedTheme } } = configProviderInjection;
-        if (mergedTheme) {
-            const { common } = mergedTheme;
-            return common || commonLight;
+        const { mergedThemeRef: { value: mergedTheme }, mergedThemeOverridesRef: { value: mergedThemeOverrides } } = configProviderInjection;
+        const currentThemeVars = (mergedTheme === null || mergedTheme === void 0 ? void 0 : mergedTheme.common) || commonLight;
+        if (mergedThemeOverrides === null || mergedThemeOverrides === void 0 ? void 0 : mergedThemeOverrides.common) {
+            return Object.assign({}, currentThemeVars, mergedThemeOverrides.common);
         }
         else {
-            return commonLight;
+            return currentThemeVars;
         }
     });
 }

package/es/config-provider/src/internal-interface.d.ts

@@ -84,6 +84,7 @@ import { Size as ButtonSize } from '../../button/src/interface';
 import { DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
 import { IconPlacement } from '../../dialog/src/interface';
 import type { GlobalTheme, GlobalThemeOverrides } from './interface';
+import type { EmptyProps } from '../../empty';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -179,6 +180,7 @@ export interface GlobalComponentConfig {
     DynamicInput?: {
         buttonSize?: ButtonSize;
     };
+    Empty?: Pick<EmptyProps, 'description' | 'renderIcon'>;
 }
 export interface GlobalIconConfig {
     attach?: () => VNodeChild;