naive-ui 2.33.4 → 2.34.0

package/lib/avatar-group/src/AvatarGroup.d.ts

@@ -4,14 +4,14 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export interface AvatarGroupInjection {
     size?: Size | undefined;
 }
-interface AvatarOption {
+export interface AvatarGroupOption {
     src: string;
 }
 export declare const avatarGroupProps: {
     readonly max: NumberConstructor;
     readonly maxStyle: PropType<string | CSSProperties>;
     readonly options: {
-        readonly type: PropType<AvatarOption[]>;
+        readonly type: PropType<AvatarGroupOption[]>;
         readonly default: () => never[];
     };
     readonly vertical: BooleanConstructor;
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly max: NumberConstructor;
     readonly maxStyle: PropType<string | CSSProperties>;
     readonly options: {
-        readonly type: PropType<AvatarOption[]>;
+        readonly type: PropType<AvatarGroupOption[]>;
         readonly default: () => never[];
     };
     readonly vertical: BooleanConstructor;
@@ -264,8 +264,8 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    restOptions: import("vue").ComputedRef<AvatarOption[] | undefined>;
-    displayedOptions: import("vue").ComputedRef<AvatarOption[]>;
+    restOptions: import("vue").ComputedRef<AvatarGroupOption[] | undefined>;
+    displayedOptions: import("vue").ComputedRef<AvatarGroupOption[]>;
     cssVars: import("vue").ComputedRef<{
         '--n-gap': string;
     }>;
@@ -273,7 +273,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly max: NumberConstructor;
     readonly maxStyle: PropType<string | CSSProperties>;
     readonly options: {
-        readonly type: PropType<AvatarOption[]>;
+        readonly type: PropType<AvatarGroupOption[]>;
         readonly default: () => never[];
     };
     readonly vertical: BooleanConstructor;
@@ -331,6 +331,6 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly vertical: boolean;
-    readonly options: AvatarOption[];
+    readonly options: AvatarGroupOption[];
 }>;
 export default _default;

package/lib/avatar-group/src/styles/avatar-group-rtl.cssr.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // --n-gap
-
-
+const cssr_1 = require("../../../_utils/cssr");
+// --n-gap
 exports.default = (0, cssr_1.cB)('avatar-group', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  `, [(0, cssr_1.cNotM)('vertical', `

package/lib/avatar-group/src/styles/avatar-group.cssr.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const index_1 = require("../../../_utils/cssr/index"); // --n-gap
-
-
+const index_1 = require("../../../_utils/cssr/index");
+// --n-gap
 exports.default = (0, index_1.cB)('avatar-group', `
  flex-wrap: nowrap;
  display: inline-flex;

package/lib/back-top/src/styles/index.cssr.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
-const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
+// vars:
 // --n-bezier
 // --n-border-radius
 // --n-height
@@ -20,8 +19,6 @@ const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-sc
 // --n-icon-color-hover
 // --n-icon-color-pressed
 // --n-text-color
-
-
 exports.default = (0, cssr_1.cB)('back-top', `
  position: fixed;
  right: 40px;

package/lib/badge/src/styles/index.cssr.js

@@ -3,18 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
-const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
+// vars:
 // --n-color
 // --n-ripple-color
 // --n-bezier
 // --n-ripple-bezier
 // --n-font-size
 // --n-font-family
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes badge-wave-spread', {
   from: {
     boxShadow: '0 0 0.5px 0px var(--n-ripple-color)',

package/lib/badge/src/styles/rtl.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.cB)('badge', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  `, [(0, cssr_1.cB)('badge-sup', `

package/lib/breadcrumb/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-font-size
 // --n-bezier
 // --n-item-text-color
@@ -17,8 +17,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-item-color-hover
 // --n-item-color-active
 // --n-item-line-height
-
-
 exports.default = (0, cssr_1.cB)('breadcrumb', `
  white-space: nowrap;
  cursor: default;

package/lib/button/src/Button.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ButtonHTMLAttributes, ExtractPropTypes } from 'vue';
+import { PropType, ButtonHTMLAttributes, ExtractPropTypes, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Type, Size } from './interface';
 export declare const buttonProps: {
@@ -33,6 +33,7 @@ export declare const buttonProps: {
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
+    readonly renderIcon: PropType<() => VNodeChild>;
     readonly iconPlacement: {
         readonly type: PropType<"left" | "right">;
         readonly default: "left";
@@ -696,6 +697,7 @@ declare const Button: import("vue").DefineComponent<{
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
+    readonly renderIcon: PropType<() => VNodeChild>;
     readonly iconPlacement: {
         readonly type: PropType<"left" | "right">;
         readonly default: "left";
@@ -1413,6 +1415,7 @@ declare const Button: import("vue").DefineComponent<{
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
+    readonly renderIcon: PropType<() => VNodeChild>;
     readonly iconPlacement: {
         readonly type: PropType<"left" | "right">;
         readonly default: "left";

package/lib/button/src/Button.js

@@ -28,7 +28,7 @@ exports.buttonProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, type: {
         type: String,
         default: 'default'
-    }, dashed: Boolean, iconPlacement: {
+    }, dashed: Boolean, renderIcon: Function, iconPlacement: {
         type: String,
         default: 'left'
     }, attrType: {
@@ -451,11 +451,11 @@ const Button = (0, vue_1.defineComponent)({
             ], tabindex: this.mergedFocusable ? 0 : -1, type: this.attrType, style: this.cssVars, disabled: this.disabled, onClick: this.handleClick, onBlur: this.handleBlur, onMousedown: this.handleMousedown, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown },
             this.iconPlacement === 'right' && children,
             (0, vue_1.h)(_internal_1.NFadeInExpandTransition, { width: true }, {
-                default: () => (0, _utils_1.resolveWrappedSlot)(this.$slots.icon, (children) => (this.loading || children) && ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-button__icon`, style: {
+                default: () => (0, _utils_1.resolveWrappedSlot)(this.$slots.icon, (children) => (this.loading || this.renderIcon || children) && ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-button__icon`, style: {
                         margin: (0, _utils_1.isSlotEmpty)(this.$slots.default) ? '0' : ''
                     } },
                     (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                        default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : ((0, vue_1.h)("div", { key: "icon", class: `${mergedClsPrefix}-icon-slot`, role: "none" }, children))
+                        default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : ((0, vue_1.h)("div", { key: "icon", class: `${mergedClsPrefix}-icon-slot`, role: "none" }, this.renderIcon ? this.renderIcon() : children))
                     }))))
             }),
             this.iconPlacement === 'left' && children,

package/lib/button/src/styles/index.cssr.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 const fade_in_width_expand_cssr_1 = require("../../../_styles/transitions/fade-in-width-expand.cssr");
-
 const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
-
-const _utils_1 = require("../../../_utils"); // vars:
+const _utils_1 = require("../../../_utils");
+// vars:
 // --n-bezier
 // --n-bezier-ease-out
 // --n-ripple-duration
@@ -43,8 +40,6 @@ const _utils_1 = require("../../../_utils"); // vars:
 //
 // private-vars:
 // --n-border-color-xxx, used for custom color
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('button', `
  margin: 0;
  font-weight: var(--n-font-weight);

package/lib/button/src/styles/rtl.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.cB)('button', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  `, [(0, cssr_1.cE)('icon', {

package/lib/button-group/src/styles/index.cssr.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.n1 = exports.zero = void 0;
-
 const index_1 = require("../../../_utils/cssr/index");
-
 exports.zero = '0!important';
 exports.n1 = '-1px!important';
-
 function createLeftBorderStyle(type) {
   return (0, index_1.cM)(type + '-type', [(0, index_1.c)('& +', [(0, index_1.cB)('button', {}, [(0, index_1.cM)(type + '-type', [(0, index_1.cE)('border', {
     borderLeftWidth: exports.zero
@@ -17,7 +14,6 @@ function createLeftBorderStyle(type) {
     left: exports.n1
   })])])])]);
 }
-
 function createTopBorderStyle(type) {
   return (0, index_1.cM)(type + '-type', [(0, index_1.c)('& +', [(0, index_1.cB)('button', [(0, index_1.cM)(type + '-type', [(0, index_1.cE)('border', {
     borderTopWidth: exports.zero
@@ -25,7 +21,6 @@ function createTopBorderStyle(type) {
     top: exports.n1
   })])])])]);
 }
-
 exports.default = (0, index_1.cB)('button-group', `
  flex-wrap: nowrap;
  display: inline-flex;

package/lib/button-group/src/styles/rtl.cssr.js

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 const index_cssr_1 = require("./index.cssr");
-
 function createRightBorderStyle(type) {
   return (0, cssr_1.cM)(type + '-type', [(0, cssr_1.c)('& +', [(0, cssr_1.cB)('button', {}, [(0, cssr_1.cM)(type + '-type', [(0, cssr_1.cE)('border', {
     borderRightWidth: index_cssr_1.zero
@@ -15,7 +12,6 @@ function createRightBorderStyle(type) {
     left: index_cssr_1.n1
   })])])])]);
 }
-
 exports.default = (0, cssr_1.cB)('button-group', [(0, cssr_1.cNotM)('vertical', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  `, [(0, cssr_1.cB)('button', [(0, cssr_1.c)('&:last-child:not(:first-child)', `

package/lib/calendar/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-border-color
 // --n-border-color-modal
@@ -23,8 +23,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-cell-color-hover-modal
 // --n-cell-color-hover-popover
 // --n-bar-color
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('calendar', `
  line-height: var(--n-line-height);
  font-size: var(--n-font-size);

package/lib/card/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-border-radius
 // --n-color
@@ -32,8 +32,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-color-embedded
 // --n-color-embedded-modal
 // --n-color-embedded-popover
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('card', `
  font-size: var(--n-font-size);
  line-height: var(--n-line-height);
@@ -77,6 +75,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('card', `
  font-weight: var(--n-title-font-weight);
  transition: color .3s var(--n-bezier);
  flex: 1;
+ min-width: 0;
  color: var(--n-title-text-color);
  `), (0, cssr_1.cE)('extra', `
  display: flex;
@@ -97,7 +96,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('card', `
  border-color .3s var(--n-bezier);
  background-clip: padding-box;
  background-color: var(--n-action-color);
- `), (0, cssr_1.cE)('content', 'flex: 1;'), (0, cssr_1.cE)('content, footer', `
+ `), (0, cssr_1.cE)('content', 'flex: 1; min-width: 0;'), (0, cssr_1.cE)('content, footer', `
  box-sizing: border-box;
  padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
  font-size: var(--n-font-size);

package/lib/card/src/styles/rtl.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.cB)('card', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  `), (0, cssr_1.c)('>', [(0, cssr_1.cB)('card-header', [(0, cssr_1.c)('>', [(0, cssr_1.cE)('close', `

package/lib/carousel/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-const cssr_1 = require("../../../_utils/cssr"); // vars:
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
 // --n-bezier
 // --n-dot-color
 // --n-dot-color-focus
@@ -13,8 +13,6 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-dot-line-width
 // --n-dot-line-width-active
 // --n-arrow-color
-
-
 exports.default = (0, cssr_1.cB)('carousel', `
  position: relative;
  width: 100%;

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

@@ -1749,6 +1749,14 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     focus: () => void;
     blur: () => void;
+    getCheckedData: () => {
+        keys: import("./interface").ValueAtom[];
+        options: (CascaderOption | null)[];
+    };
+    getIndeterminateData: () => {
+        keys: import("./interface").ValueAtom[];
+        options: (CascaderOption | null)[];
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly allowCheckingNotLoaded: BooleanConstructor;
     readonly to: {

package/lib/cascader/src/Cascader.js

@@ -75,7 +75,7 @@ exports.cascaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props
 exports.default = (0, vue_1.defineComponent)({
     name: 'Cascader',
     props: exports.cascaderProps,
-    setup(props) {
+    setup(props, { slots }) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
                 if (props.leafOnly) {
@@ -208,6 +208,10 @@ exports.default = (0, vue_1.defineComponent)({
         function updateHoverKey(key) {
             hoverKeyRef.value = key;
         }
+        function getOptionsByKeys(keys) {
+            const { value: { getNode } } = treeMateRef;
+            return keys.map((keys) => { var _a; return ((_a = getNode(keys)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
+        }
         function doCheck(key) {
             var _a;
             const { cascade, multiple, filterable } = props;
@@ -219,7 +223,7 @@ exports.default = (0, vue_1.defineComponent)({
                         checkStrategy: mergedCheckStrategyRef.value,
                         allowNotLoaded: props.allowCheckingNotLoaded
                     });
-                    doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }), checkedKeys.map((checkedKey) => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
+                    doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), checkedKeys.map((checkedKey) => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
                     if (filterable)
                         focusSelectionInput();
                     keyboardKeyRef.value = key;
@@ -700,7 +704,15 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
         }
+        const showCheckboxRef = (0, vue_1.computed)(() => {
+            if (props.multiple && props.cascade)
+                return true;
+            if (mergedCheckStrategyRef.value !== 'child')
+                return true;
+            return false;
+        });
         (0, vue_1.provide)(interface_1.cascaderInjectionKey, {
+            slots,
             mergedClsPrefixRef,
             mergedThemeRef: themeRef,
             mergedValueRef,
@@ -708,6 +720,7 @@ exports.default = (0, vue_1.defineComponent)({
             indeterminateKeysRef,
             hoverKeyPathRef,
             mergedCheckStrategyRef,
+            showCheckboxRef,
             cascadeRef: (0, vue_1.toRef)(props, 'cascade'),
             multipleRef: (0, vue_1.toRef)(props, 'multiple'),
             keyboardKeyRef,
@@ -743,6 +756,32 @@ exports.default = (0, vue_1.defineComponent)({
             blur: () => {
                 var _a;
                 (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            },
+            getCheckedData: () => {
+                if (showCheckboxRef.value) {
+                    const checkedKeys = checkedKeysRef.value;
+                    return {
+                        keys: checkedKeys,
+                        options: getOptionsByKeys(checkedKeys)
+                    };
+                }
+                return {
+                    keys: [],
+                    options: []
+                };
+            },
+            getIndeterminateData: () => {
+                if (showCheckboxRef.value) {
+                    const indeterminateKeys = indeterminateKeysRef.value;
+                    return {
+                        keys: indeterminateKeys,
+                        options: getOptionsByKeys(indeterminateKeys)
+                    };
+                }
+                return {
+                    keys: [],
+                    options: []
+                };
             }
         };
         const cssVarsRef = (0, vue_1.computed)(() => {

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     hoverPending: import("vue").ComputedRef<boolean>;
     keyboardPending: import("vue").ComputedRef<boolean>;
     isLoading: import("vue").ComputedRef<boolean>;
-    showCheckbox: import("vue").ComputedRef<true | undefined>;
+    showCheckbox: import("vue").Ref<boolean>;
     isLeaf: import("vue").ComputedRef<boolean>;
     disabled: import("vue").ComputedRef<boolean>;
     label: import("vue").ComputedRef<any>;

package/lib/cascader/src/CascaderOption.js

@@ -16,7 +16,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        const { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, updateHoverKey, updateKeyboardKey, addLoadingKey, deleteLoadingKey, closeMenu, doCheck, doUncheck, renderLabelRef
+        const { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, showCheckboxRef, updateHoverKey, updateKeyboardKey, addLoadingKey, deleteLoadingKey, closeMenu, doCheck, doUncheck, renderLabelRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(interface_1.cascaderInjectionKey);
         const valueRef = (0, vue_1.computed)(() => props.tmNode.key);
@@ -63,12 +63,6 @@ exports.default = (0, vue_1.defineComponent)({
             }
             return false;
         });
-        const showCheckboxRef = (0, vue_1.computed)(() => {
-            if (multipleRef.value && cascadeRef.value)
-                return true;
-            if (mergedCheckStrategyRef.value !== 'child')
-                return true;
-        });
         const isLeafRef = (0, vue_1.computed)(() => props.tmNode.isLeaf);
         const disabledRef = (0, vue_1.computed)(() => props.tmNode.disabled);
         const labelRef = (0, vue_1.computed)(() => props.tmNode.rawNode[labelFieldRef.value]);

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

@@ -392,6 +392,9 @@ declare const _default: import("vue").DefineComponent<{
     handleResize: () => void;
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleClickOutside: (e: MouseEvent) => void;
+    cascaderSlots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<Value | null>;

package/lib/cascader/src/CascaderSelectMenu.js

@@ -7,6 +7,7 @@ const utils_1 = require("../../select/src/utils");
 const _internal_1 = require("../../_internal");
 const utils_2 = require("./utils");
 const interface_1 = require("./interface");
+const _utils_1 = require("../../_utils");
 exports.default = (0, vue_1.defineComponent)({
     name: 'NCascaderSelectMenu',
     props: {
@@ -35,7 +36,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        const { isMountedRef, mergedValueRef, mergedClsPrefixRef, mergedThemeRef, mergedCheckStrategyRef, syncSelectMenuPosition, closeMenu, handleSelectMenuClickOutside, doUncheck: cascaderDoUncheck, doCheck: cascaderDoCheck, clearPattern
+        const { isMountedRef, mergedValueRef, mergedClsPrefixRef, mergedThemeRef, mergedCheckStrategyRef, slots: cascaderSlots, syncSelectMenuPosition, closeMenu, handleSelectMenuClickOutside, doUncheck: cascaderDoUncheck, doCheck: cascaderDoCheck, clearPattern
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(interface_1.cascaderInjectionKey);
         const menuInstRef = (0, vue_1.ref)(null);
@@ -123,13 +124,16 @@ exports.default = (0, vue_1.defineComponent)({
         };
         return Object.assign({ isMounted: isMountedRef, mergedTheme: mergedThemeRef, mergedClsPrefix: mergedClsPrefixRef, menuInstRef, selectTreeMate: selectTreeMateRef, handleResize,
             handleToggle,
-            handleClickOutside }, exposedRef);
+            handleClickOutside,
+            cascaderSlots }, exposedRef);
     },
     render() {
-        const { mergedClsPrefix, isMounted, mergedTheme } = this;
+        const { mergedClsPrefix, isMounted, mergedTheme, cascaderSlots } = this;
         return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: isMounted }, {
             default: () => this.show
-                ? (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, { ref: "menuInstRef", onResize: this.handleResize, clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-cascader-menu`, autoPending: true, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, theme: mergedTheme.peers.InternalSelectMenu, treeMate: this.selectTreeMate, multiple: this.multiple, value: this.value, onToggle: this.handleToggle }), [
+                ? (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, { ref: "menuInstRef", onResize: this.handleResize, clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-cascader-menu`, autoPending: true, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, theme: mergedTheme.peers.InternalSelectMenu, treeMate: this.selectTreeMate, multiple: this.multiple, value: this.value, onToggle: this.handleToggle }, {
+                    empty: () => (0, _utils_1.resolveSlot)(cascaderSlots['not-found'], () => [])
+                }), [
                     [
                         vdirs_1.clickoutside,
                         this.handleClickOutside,

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

@@ -2,7 +2,7 @@ import { CheckStrategy, TreeNode } from 'treemate';
 import type { MergedTheme } from '../../_mixins';
 import type { NLocale } from '../../locales';
 import type { CascaderTheme } from '../styles';
-import { Ref, VNodeChild } from 'vue';
+import { Ref, Slots, VNodeChild } from 'vue';
 export declare type ValueAtom = string | number;
 export declare type Value = ValueAtom | ValueAtom[];
 export declare type Key = ValueAtom;
@@ -21,6 +21,7 @@ export declare type OnUpdateValue = (value: string & number & string[] & number[
 export declare type OnUpdateValueImpl = (value: Value | null, option: CascaderOption | null | Array<CascaderOption | null>, path: Array<CascaderOption[] | null> | CascaderOption[] | null) => void;
 export declare type MenuModel = TmNode[][];
 export interface CascaderInjection {
+    slots: Slots;
     mergedClsPrefixRef: Ref<string>;
     mergedThemeRef: Ref<MergedTheme<CascaderTheme>>;
     mergedValueRef: Ref<Value | null>;
@@ -41,6 +42,7 @@ export interface CascaderInjection {
     virtualScrollRef: Ref<boolean>;
     optionHeightRef: Ref<string>;
     labelFieldRef: Ref<string>;
+    showCheckboxRef: Ref<boolean>;
     syncCascaderMenuPosition: () => void;
     syncSelectMenuPosition: () => void;
     updateKeyboardKey: (value: Key | null) => void;
@@ -74,4 +76,12 @@ export declare const cascaderInjectionKey: import("vue").InjectionKey<CascaderIn
 export interface CascaderInst {
     focus: () => void;
     blur: () => void;
+    getCheckedData: () => {
+        keys: Key[];
+        options: Array<CascaderOption | null>;
+    };
+    getIndeterminateData: () => {
+        keys: Key[];
+        options: Array<CascaderOption | null>;
+    };
 }

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

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
-const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
+// vars:
 // --n-menu-border-radius
 // --n-menu-box-shadow
 // --n-menu-height
@@ -22,8 +21,6 @@ const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-sc
 // --n-option-arrow-color
 // --n-menu-mask-color
 // --n-loading-color
-
-
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('cascader-menu', `
  outline: none;
  position: relative;