naive-ui 2.23.2 → 2.24.3

package/lib/carousel/src/utils.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNextIndex = exports.getPrevIndex = exports.getRealIndex = exports.getDisplayIndex = exports.resolveSpeed = exports.clampValue = exports.calculateSize = exports.isTouchEvent = void 0;
+function isTouchEvent(e) {
+    return window.TouchEvent && e instanceof window.TouchEvent;
+}
+exports.isTouchEvent = isTouchEvent;
+function calculateSize(element, innerOnly) {
+    let width = element.clientWidth;
+    let height = element.clientHeight;
+    if (innerOnly) {
+        const style = getComputedStyle(element);
+        width =
+            width -
+                parseFloat(style.getPropertyValue('padding-left')) -
+                parseFloat(style.getPropertyValue('padding-right'));
+        height =
+            height -
+                parseFloat(style.getPropertyValue('padding-top')) -
+                parseFloat(style.getPropertyValue('padding-bottom'));
+        return { width, height };
+    }
+    return { width, height };
+}
+exports.calculateSize = calculateSize;
+function clampValue(value, min, max) {
+    return value < min ? min : value > max ? max : value;
+}
+exports.clampValue = clampValue;
+function resolveSpeed(value) {
+    if (value === undefined)
+        return 0;
+    if (typeof value === 'number')
+        return value;
+    const timeRE = /^((\d+)?\.?\d+?)(ms|s)?$/;
+    const match = value.match(timeRE);
+    if (match) {
+        const [, number, , unit = 'ms'] = match;
+        return Number(number) * (unit === 'ms' ? 1 : 1000);
+    }
+    return 0;
+}
+exports.resolveSpeed = resolveSpeed;
+function getDisplayIndex(current, length, duplicatedable) {
+    return !duplicatedable
+        ? current
+        : current === 0
+            ? length - 3
+            : current === length - 1
+                ? 0
+                : current - 1;
+}
+exports.getDisplayIndex = getDisplayIndex;
+function getRealIndex(current, duplicatedable) {
+    return !duplicatedable ? current : current + 1;
+}
+exports.getRealIndex = getRealIndex;
+function getPrevIndex(current, length, duplicatedable) {
+    if (current < 0)
+        return null;
+    return current === 0 ? (duplicatedable ? length - 1 : null) : current - 1;
+}
+exports.getPrevIndex = getPrevIndex;
+function getNextIndex(current, length, duplicatedable) {
+    if (current > length - 1)
+        return null;
+    return current === length - 1 ? (duplicatedable ? 0 : null) : current + 1;
+}
+exports.getNextIndex = getNextIndex;

package/lib/carousel/styles/light.d.ts

@@ -4,6 +4,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     dotSize: string;
     dotColor: string;
     dotColorActive: string;
+    dotColorFocus: string;
+    dotLineWidth: string;
+    dotLineWidthActive: string;
     arrowColor: string;
 };
 export declare type CarouselThemeVars = ReturnType<typeof self>;

package/lib/carousel/styles/light.js

@@ -5,9 +5,12 @@ const common_1 = require("../../_styles/common");
 const self = (vars) => {
     return {
         dotSize: '8px',
-        dotColor: 'rgba(255, 255, 255, .3)',
+        dotColor: 'rgba(255, 255, 255, .25)',
         dotColorActive: 'rgba(255, 255, 255, 1)',
-        arrowColor: 'rgba(255, 255, 255, .6)'
+        dotColorFocus: 'rgba(255, 255, 255, .5)',
+        dotLineWidth: '16px',
+        dotLineWidthActive: '24px',
+        arrowColor: 'rgba(255, 255, 255, .5)'
     };
 };
 exports.self = self;

package/lib/cascader/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NCascader } from './src/Cascader';
 export type { CascaderProps } from './src/Cascader';
-export type { CascaderOption } from './src/interface';
+export type { CascaderOption, CascaderInst } from './src/interface';

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

@@ -1,9 +1,9 @@
-import { PropType } from 'vue';
+import { PropType, VNodeChild } from 'vue';
 import { CheckStrategy } from 'treemate';
 import { FollowerPlacement } from 'vueuc';
 import { SelectBaseOption } from '../../select/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
+import type { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
 declare const cascaderProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -80,6 +80,7 @@ declare const cascaderProps: {
         readonly type: StringConstructor;
         readonly default: "children";
     };
+    readonly renderLabel: PropType<(option: CascaderOption, checked: boolean) => VNodeChild>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
@@ -206,6 +207,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -389,6 +391,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -572,6 +575,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -714,6 +718,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "children";
     };
+    readonly renderLabel: PropType<(option: CascaderOption, checked: boolean) => VNodeChild>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
@@ -840,6 +845,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1023,6 +1029,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1206,6 +1213,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1280,6 +1288,7 @@ declare const _default: import("vue").DefineComponent<{
     triggerInstRef: import("vue").Ref<{
         focus: () => void;
         focusInput: () => void;
+        blur: () => void;
         $el: HTMLElement;
     } | null>;
     selectMenuInstRef: import("vue").Ref<{
@@ -1312,7 +1321,7 @@ declare const _default: import("vue").DefineComponent<{
         value: import("treemate").Key;
     }[]>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    menuModel: import("vue").ComputedRef<import("treemate").TreeNode<CascaderOption, CascaderOption, CascaderOption>[][]>;
+    menuModel: import("vue").ComputedRef<any>;
     handleMenuTabout: () => void;
     handleMenuFocus: (e: FocusEvent) => void;
     handleMenuBlur: (e: FocusEvent) => void;
@@ -1552,6 +1561,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -1692,75 +1702,93 @@ declare const _default: import("vue").DefineComponent<{
         '--n-menu-mask-color': string;
         '--n-loading-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly bordered?: unknown;
-    readonly options?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly placeholder?: unknown;
-    readonly multiple?: unknown;
-    readonly size?: unknown;
-    readonly filterable?: unknown;
-    readonly disabled?: unknown;
-    readonly expandTrigger?: unknown;
-    readonly clearable?: unknown;
-    readonly remote?: unknown;
-    readonly onLoad?: unknown;
-    readonly separator?: unknown;
-    readonly filter?: unknown;
-    readonly placement?: unknown;
-    readonly cascade?: unknown;
-    readonly leafOnly?: unknown;
-    readonly showPath?: unknown;
-    readonly show?: unknown;
-    readonly maxTagCount?: unknown;
-    readonly virtualScroll?: unknown;
-    readonly checkStrategy?: unknown;
-    readonly valueField?: unknown;
-    readonly labelField?: unknown;
-    readonly childrenField?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly 'onUpdate:show'?: unknown;
-    readonly onUpdateShow?: unknown;
-    readonly onBlur?: unknown;
-    readonly onFocus?: unknown;
-    readonly onChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    separator: string;
-    multiple: boolean;
-    placement: FollowerPlacement;
-    virtualScroll: boolean;
-    filterable: boolean;
-    clearable: boolean;
-    options: CascaderOption[];
-    defaultValue: Value | null;
-    remote: boolean;
-    expandTrigger: ExpandTrigger;
-    cascade: boolean;
-    labelField: string;
-    childrenField: string;
-    checkStrategy: CheckStrategy;
-    leafOnly: boolean;
-    showPath: boolean;
-    valueField: string;
-} & {
-    value?: Value | null | undefined;
-    filter?: Filter | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    show?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    onLoad?: OnLoad | undefined;
-    placeholder?: string | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Cascader", {
+    focus: () => void;
+    blur: () => void;
+}, 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 to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly bordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly options: {
+        readonly type: PropType<CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly value: PropType<Value | null>;
+    readonly defaultValue: {
+        readonly type: PropType<Value | null>;
+        readonly default: null;
+    };
+    readonly placeholder: StringConstructor;
+    readonly multiple: BooleanConstructor;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly filterable: BooleanConstructor;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly expandTrigger: {
+        readonly type: PropType<ExpandTrigger>;
+        readonly default: "click";
+    };
+    readonly clearable: BooleanConstructor;
+    readonly remote: BooleanConstructor;
+    readonly onLoad: PropType<OnLoad>;
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly filter: PropType<Filter>;
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
+    readonly cascade: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly leafOnly: BooleanConstructor;
+    readonly showPath: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly show: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly maxTagCount: PropType<number | "responsive">;
+    readonly virtualScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly checkStrategy: {
+        readonly type: PropType<CheckStrategy>;
+        readonly default: "all";
+    };
+    readonly valueField: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    readonly labelField: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly childrenField: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly renderLabel: PropType<(option: CascaderOption, checked: boolean) => VNodeChild>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -1879,6 +1907,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1942,8 +1971,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -2062,6 +2091,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -2125,8 +2155,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -2245,6 +2275,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -2308,14 +2339,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    "onUpdate:show"?: MaybeArray<(show: Boolean) => void> | undefined;
-    onUpdateShow?: MaybeArray<(show: Boolean) => void> | undefined;
-    maxTagCount?: number | "responsive" | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
     separator: string;
     multiple: boolean;

package/lib/cascader/src/Cascader.js

@@ -62,7 +62,7 @@ const cascaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, childrenField: {
         type: String,
         default: 'children'
-    }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onBlur: Function, onFocus: Function, 
+    }, renderLabel: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onBlur: Function, onFocus: Function, 
     // deprecated
     onChange: [Function, Array] });
 // TODO refactor cascader menu keyboard scroll (use virtual list)
@@ -658,6 +658,7 @@ exports.default = (0, vue_1.defineComponent)({
             optionHeightRef,
             localeRef,
             labelFieldRef: (0, vue_1.toRef)(props, 'labelField'),
+            renderLabelRef: (0, vue_1.toRef)(props, 'renderLabel'),
             syncCascaderMenuPosition,
             syncSelectMenuPosition,
             updateKeyboardKey,
@@ -670,28 +671,21 @@ exports.default = (0, vue_1.defineComponent)({
             handleSelectMenuClickOutside,
             handleCascaderMenuClickOutside
         });
-        return {
-            selectMenuFollowerRef,
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        return Object.assign(Object.assign({}, exposedMethods), { selectMenuFollowerRef,
             cascaderMenuFollowerRef,
             triggerInstRef,
             selectMenuInstRef,
-            cascaderMenuInstRef,
-            mergedBordered: mergedBorderedRef,
-            mergedClsPrefix: mergedClsPrefixRef,
-            namespace: namespaceRef,
-            mergedValue: mergedValueRef,
-            mergedShow: mergedShowRef,
-            showSelectMenu: showSelectMenuRef,
-            pattern: patternRef,
-            treeMate: treeMateRef,
-            mergedSize: mergedSizeRef,
-            mergedDisabled: mergedDisabledRef,
-            localizedPlaceholder: localizedPlaceholderRef,
-            selectedOption: selectedOptionRef,
-            selectedOptions: selectedOptionsRef,
-            adjustedTo: adjustedToRef,
-            menuModel: menuModelRef,
-            handleMenuTabout,
+            cascaderMenuInstRef, mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, showSelectMenu: showSelectMenuRef, pattern: patternRef, treeMate: treeMateRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, localizedPlaceholder: localizedPlaceholderRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, adjustedTo: adjustedToRef, menuModel: menuModelRef, handleMenuTabout,
             handleMenuFocus,
             handleMenuBlur,
             handleMenuKeyUp,
@@ -703,11 +697,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleDeleteOption,
             handlePatternInput,
             handleKeyDown,
-            handleKeyUp,
-            focused: focusedRef,
-            optionHeight: optionHeightRef,
-            mergedTheme: themeRef,
-            cssVars: (0, vue_1.computed)(() => {
+            handleKeyUp, focused: focusedRef, optionHeight: optionHeightRef, mergedTheme: themeRef, cssVars: (0, vue_1.computed)(() => {
                 const { self: { optionArrowColor, optionTextColor, optionTextColorActive, optionTextColorDisabled, optionCheckMarkColor, menuColor, menuBoxShadow, menuDividerColor, menuBorderRadius, menuHeight, optionColorHover, optionHeight, optionFontSize, loadingColor, columnWidth }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
                     '--n-bezier': cubicBezierEaseInOut,
@@ -728,8 +718,7 @@ exports.default = (0, vue_1.defineComponent)({
                     '--n-menu-mask-color': (0, seemly_1.changeColor)(menuColor, { alpha: 0.75 }),
                     '--n-loading-color': loadingColor
                 };
-            })
-        };
+            }) });
     },
     render() {
         const { mergedClsPrefix, $slots } = this;

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

@@ -267,6 +267,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -391,30 +392,39 @@ declare const _default: import("vue").DefineComponent<{
     handleFocusin: (e: FocusEvent) => void;
     handleFocusout: (e: FocusEvent) => void;
     handleClickOutside: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    value?: unknown;
-    placement?: unknown;
-    show?: unknown;
-    menuModel?: unknown;
-    loading?: unknown;
-    onFocus?: unknown;
-    onBlur?: unknown;
-    onKeyup?: unknown;
-    onMousedown?: unknown;
-    onTabout?: unknown;
-} & {
-    show: boolean;
-    onFocus: (e: FocusEvent) => void;
-    onBlur: (e: FocusEvent) => void;
-    onKeyup: (e: KeyboardEvent) => void;
-    onMousedown: (e: MouseEvent) => void;
-    loading: boolean;
-    placement: FollowerPlacement;
-    menuModel: MenuModel;
-    onTabout: () => void;
-} & {
-    value?: Value | null | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: PropType<Value | null>;
+    placement: {
+        type: PropType<FollowerPlacement>;
+        default: string;
+    };
+    show: BooleanConstructor;
+    menuModel: {
+        type: PropType<MenuModel>;
+        required: true;
+    };
+    loading: BooleanConstructor;
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+        required: true;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+        required: true;
+    };
+    onKeyup: {
+        type: PropType<(e: KeyboardEvent) => void>;
+        required: true;
+    };
+    onMousedown: {
+        type: PropType<(e: MouseEvent) => void>;
+        required: true;
+    };
+    onTabout: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>>, {
     show: boolean;
     loading: boolean;
     placement: FollowerPlacement;

package/lib/cascader/src/CascaderMenu.js

@@ -116,9 +116,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     submenuInstRefs[index] = instance;
                                 }
                             }), key: index, tmNodes: submenuOptions, depth: index + 1 }))),
-                        (0, vue_1.h)(_internal_1.NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, (0, vue_1.renderSlot)($slots, 'empty', undefined, () => [
-                        (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
-                    ]))),
+                        (0, vue_1.h)(_internal_1.NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, $slots.empty ? ($slots.empty()) : ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })))),
                     $slots.action && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu-action`, "data-action": true }, {
                         default: $slots.action
                     })),

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

@@ -243,6 +243,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -368,9 +369,11 @@ declare const _default: import("vue").DefineComponent<{
     handleCheckboxUpdateValue: () => void;
     mergedHandleMouseEnter: import("vue").ComputedRef<(() => void) | undefined>;
     mergedHandleMouseMove: import("vue").ComputedRef<(() => void) | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    tmNode?: unknown;
-} & {
-    tmNode: TmNode;
-} & {}>, {}>;
+    renderLabel: import("vue").Ref<((option: import("./interface").CascaderOption, checked: boolean) => import("vue").VNodeChild) | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tmNode: {
+        type: PropType<TmNode>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

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
+        const { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, 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);
@@ -153,11 +153,12 @@ exports.default = (0, vue_1.defineComponent)({
             handleClick,
             handleCheckboxUpdateValue,
             mergedHandleMouseEnter: mergedHandleMouseEnterRef,
-            mergedHandleMouseMove: mergedHandleMouseMoveRef
+            mergedHandleMouseMove: mergedHandleMouseMoveRef,
+            renderLabel: renderLabelRef
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
+        const { mergedClsPrefix, renderLabel } = this;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-cascader-option`,
                 {
@@ -168,7 +169,9 @@ exports.default = (0, vue_1.defineComponent)({
             ], onMouseenter: this.mergedHandleMouseEnter, onMousemove: this.mergedHandleMouseMove, onClick: this.handleClick },
             this.showCheckbox ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-option__prefix` },
                 (0, vue_1.h)(checkbox_1.NCheckbox, { focusable: false, "data-checkbox": true, disabled: this.disabled, checked: this.checked, indeterminate: this.indeterminate, theme: this.mergedTheme.peers.Checkbox, themeOverrides: this.mergedTheme.peerOverrides.Checkbox, onUpdateChecked: this.handleCheckboxUpdateValue }))) : null,
-            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-cascader-option__label` }, this.label),
+            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-cascader-option__label` }, renderLabel
+                ? renderLabel(this.tmNode.rawNode, this.checked)
+                : this.label),
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-option__suffix` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-option-icon-placeholder` }, !this.isLeaf ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, scale: 0.85, strokeWidth: 24, show: this.isLoading, class: `${mergedClsPrefix}-cascader-option-icon` }, {
                     default: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "arrow", class: `${mergedClsPrefix}-cascader-option-icon ${mergedClsPrefix}-cascader-option-icon--arrow` }, {