naive-ui 2.43.2 → 2.44.0

package/es/button-group/src/ButtonGroup.d.ts

@@ -1,34 +1,24 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { Size } from '../../button/src/interface';
+import type { ButtonSize } from '../../button/src/public-types';
 export interface ButtonGroupInjection {
-    size?: Size | undefined;
+    size?: ButtonSize | undefined;
 }
 export declare const buttonGroupProps: {
-    readonly size: {
-        readonly type: PropType<Size | undefined>;
-        readonly default: undefined;
-    };
+    readonly size: PropType<ButtonSize | undefined>;
     readonly vertical: BooleanConstructor;
 };
 export type ButtonGroupProps = ExtractPublicPropTypes<typeof buttonGroupProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<Size | undefined>;
-        readonly default: undefined;
-    };
+    readonly size: PropType<ButtonSize | undefined>;
     readonly vertical: BooleanConstructor;
 }>, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").Ref<string, string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<Size | undefined>;
-        readonly default: undefined;
-    };
+    readonly size: PropType<ButtonSize | undefined>;
     readonly vertical: BooleanConstructor;
 }>> & Readonly<{}>, {
-    readonly size: Size | undefined;
     readonly vertical: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/button-group/src/ButtonGroup.mjs

@@ -4,10 +4,7 @@ import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { buttonGroupInjectionKey } from "./context.mjs";
 import style from "./styles/index.cssr.mjs";
 export const buttonGroupProps = {
-  size: {
-    type: String,
-    default: undefined
-  },
+  size: String,
   vertical: Boolean
 };
 export default defineComponent({

package/es/card/index.d.ts

@@ -1,2 +1,3 @@
 export { cardProps, default as NCard } from './src/Card';
 export type { CardProps, CardSegmented, CardSlots } from './src/Card';
+export type * from './src/public-types';

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

@@ -1,5 +1,6 @@
 import type { CSSProperties, PropType, SlotsType, VNode, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { CardSize } from './public-types';
 export interface CardSegmented {
     content?: boolean | 'soft';
     footer?: boolean | 'soft';
@@ -9,6 +10,7 @@ export declare const cardBaseProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<CSSProperties | string>;
+    readonly contentScrollable: BooleanConstructor;
     readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<CSSProperties | string>;
     readonly headerExtraClass: StringConstructor;
@@ -20,10 +22,7 @@ export declare const cardBaseProps: {
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<CardSize>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -43,11 +42,12 @@ export declare const cardBaseProps: {
     readonly headerExtra: PropType<() => VNodeChild>;
     readonly closeFocusable: BooleanConstructor;
 };
-export declare const cardBasePropKeys: ("size" | "title" | "bordered" | "closable" | "onClose" | "content" | "cover" | "footer" | "tag" | "contentClass" | "contentStyle" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "action" | "headerExtra" | "closeFocusable")[];
+export declare const cardBasePropKeys: ("size" | "title" | "bordered" | "closable" | "onClose" | "content" | "contentClass" | "contentStyle" | "cover" | "footer" | "tag" | "contentScrollable" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "action" | "headerExtra" | "closeFocusable")[];
 export declare const cardProps: {
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -59,10 +59,7 @@ export declare const cardProps: {
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<CardSize>;
     bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -206,6 +203,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -217,10 +215,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<CardSize>;
     bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -435,6 +430,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -446,10 +442,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<CardSize>;
     bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -580,10 +573,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         closeSize: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    size: "small" | "medium" | "large" | "huge";
     bordered: boolean;
     closable: boolean;
     tag: keyof HTMLElementTagNameMap;
+    contentScrollable: boolean;
     embedded: boolean;
     segmented: boolean | CardSegmented;
     hoverable: boolean;

package/es/card/src/Card.mjs

@@ -1,6 +1,6 @@
 import { getPadding } from 'seemly';
 import { computed, defineComponent, h } from 'vue';
-import { NBaseClose } from "../../_internal/index.mjs";
+import { NBaseClose, NScrollbar } from "../../_internal/index.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { call, createKey, keysOf, resolveWrappedSlot } from "../../_utils/index.mjs";
@@ -11,6 +11,7 @@ export const cardBaseProps = {
   title: [String, Function],
   contentClass: String,
   contentStyle: [Object, String],
+  contentScrollable: Boolean,
   headerClass: String,
   headerStyle: [Object, String],
   headerExtraClass: String,
@@ -22,10 +23,7 @@ export const cardBaseProps = {
     type: [Boolean, Object],
     default: false
   },
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   bordered: {
     type: Boolean,
     default: true
@@ -56,19 +54,24 @@ export default defineComponent({
       const {
         onClose
       } = props;
-      if (onClose) call(onClose);
+      if (onClose) {
+        call(onClose);
+      }
     };
     const {
       inlineThemeDisabled,
       mergedClsPrefixRef,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Card', '-card', style, cardLight, props, mergedClsPrefixRef);
     const rtlEnabledRef = useRtl('Card', mergedRtlRef, mergedClsPrefixRef);
+    const mergedSizeRef = computed(() => {
+      var _a, _b;
+      return props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Card) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
+    });
     const cssVarsRef = computed(() => {
-      const {
-        size
-      } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         self: {
           color,
@@ -94,9 +97,9 @@ export default defineComponent({
           colorEmbedded,
           colorEmbeddedModal,
           colorEmbeddedPopover,
-          [createKey('padding', size)]: padding,
-          [createKey('fontSize', size)]: fontSize,
-          [createKey('titleFontSize', size)]: titleFontSize
+          [createKey('padding', mergedSize)]: padding,
+          [createKey('fontSize', mergedSize)]: fontSize,
+          [createKey('titleFontSize', mergedSize)]: titleFontSize
         },
         common: {
           cubicBezierEaseInOut
@@ -141,7 +144,7 @@ export default defineComponent({
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('card', computed(() => {
-      return props.size[0];
+      return mergedSizeRef.value[0];
     }), cssVarsRef, props) : undefined;
     return {
       rtlEnabled: rtlEnabledRef,
@@ -169,6 +172,7 @@ export default defineComponent({
     return h(Component, {
       class: [`${mergedClsPrefix}-card`, this.themeClass, embedded && `${mergedClsPrefix}-card--embedded`, {
         [`${mergedClsPrefix}-card--rtl`]: rtlEnabled,
+        [`${mergedClsPrefix}-card--content-scrollable`]: this.contentScrollable,
         [`${mergedClsPrefix}-card--content${typeof segmented !== 'boolean' && segmented.content === 'soft' ? '-soft' : ''}-segmented`]: segmented === true || segmented !== false && segmented.content,
         [`${mergedClsPrefix}-card--footer${typeof segmented !== 'boolean' && segmented.footer === 'soft' ? '-soft' : ''}-segmented`]: segmented === true || segmented !== false && segmented.footer,
         [`${mergedClsPrefix}-card--action-segmented`]: segmented === true || segmented !== false && segmented.action,
@@ -213,11 +217,15 @@ export default defineComponent({
         content
       } = this;
       const mergedChildren = content ? ensureValidVNode(typeof content === 'function' ? [content()] : [content]) : children;
-      return mergedChildren && h("div", {
-        class: [`${mergedClsPrefix}-card__content`, this.contentClass],
+      return mergedChildren ? this.contentScrollable ? h(NScrollbar, {
+        class: `${mergedClsPrefix}-card__content-scrollbar`,
+        contentClass: [`${mergedClsPrefix}-card-content`, this.contentClass],
+        contentStyle: this.contentStyle
+      }, mergedChildren) : h("div", {
+        class: [`${mergedClsPrefix}-card-content`, this.contentClass],
         style: this.contentStyle,
         role: "none"
-      }, mergedChildren);
+      }, mergedChildren) : null;
     }), resolveWrappedSlot($slots.footer, children => {
       const mergedChildren = this.footer ? ensureValidVNode([this.footer()]) : children;
       return mergedChildren && h("div", {

package/es/card/src/public-types.d.ts

@@ -0,0 +1 @@
+export type CardSize = 'small' | 'medium' | 'large' | 'huge';

package/es/card/src/styles/index.cssr.mjs

@@ -1,4 +1,11 @@
 import { asModal, c, cB, cE, cM, insideModal, insidePopover } from "../../../_utils/cssr/index.mjs";
+const contentBaseStyle = cB('card-content', `
+ flex: 1;
+ min-width: 0;
+ box-sizing: border-box;
+ padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
+ font-size: var(--n-font-size);
+`);
 // vars:
 // --n-bezier
 // --n-border-radius
@@ -46,14 +53,19 @@ export default c([cB('card', `
  border-color .3s var(--n-bezier);
  `, [asModal({
   background: 'var(--n-color-modal)'
-}), cM('hoverable', [c('&:hover', 'box-shadow: var(--n-box-shadow);')]), cM('content-segmented', [c('>', [cE('content', {
-  paddingTop: 'var(--n-padding-bottom)'
-})])]), cM('content-soft-segmented', [c('>', [cE('content', `
+}), cM('hoverable', [c('&:hover', 'box-shadow: var(--n-box-shadow);')]), cM('content-segmented', [c('>', [cB('card-content', `
+ padding-top: var(--n-padding-bottom);
+ `), cE('content-scrollbar', [c('>', [cB('scrollbar-container', [c('>', [cB('card-content', `
+ padding-top: var(--n-padding-bottom);
+ `)])])])])])]), cM('content-soft-segmented', [c('>', [cB('card-content', `
  margin: 0 var(--n-padding-left);
  padding: var(--n-padding-bottom) 0;
- `)])]), cM('footer-segmented', [c('>', [cE('footer', {
-  paddingTop: 'var(--n-padding-bottom)'
-})])]), cM('footer-soft-segmented', [c('>', [cE('footer', `
+ `), cE('content-scrollbar', [c('>', [cB('scrollbar-container', [c('>', [cB('card-content', `
+ margin: 0 var(--n-padding-left);
+ padding: var(--n-padding-bottom) 0;
+ `)])])])])])]), cM('footer-segmented', [c('>', [cE('footer', `
+ padding-top: var(--n-padding-bottom);
+ `)])]), cM('footer-soft-segmented', [c('>', [cE('footer', `
  padding: var(--n-padding-bottom) 0;
  margin: 0 var(--n-padding-left);
  `)])]), c('>', [cB('card-header', `
@@ -91,13 +103,20 @@ export default c([cB('card', `
  border-color .3s var(--n-bezier);
  background-clip: padding-box;
  background-color: var(--n-action-color);
- `), cE('content', 'flex: 1; min-width: 0;'), cE('content, footer', `
+ `), contentBaseStyle, cB('card-content', [c('&:first-child', `
+ padding-top: var(--n-padding-bottom);
+ `)]), cE('content-scrollbar', `
+ display: flex;
+ flex-direction: column;
+ `, [c('>', [cB('scrollbar-container', [c('>', [contentBaseStyle])])]), c('&:first-child >', [cB('scrollbar-container', [c('>', [cB('card-content', `
+ padding-top: var(--n-padding-bottom);
+ `)])])])]), cE('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);
- `, [c('&:first-child', {
-  paddingTop: 'var(--n-padding-bottom)'
-})]), cE('action', `
+ `, [c('&:first-child', `
+ padding-top: var(--n-padding-bottom);
+ `)]), cE('action', `
  background-color: var(--n-action-color);
  padding: var(--n-padding-bottom) var(--n-padding-left);
  border-bottom-left-radius: var(--n-border-radius);
@@ -111,17 +130,21 @@ export default c([cB('card', `
  width: 100%;
  `)]), cM('bordered', `
  border: 1px solid var(--n-border-color);
- `, [c('&:target', 'border-color: var(--n-color-target);')]), cM('action-segmented', [c('>', [cE('action', [c('&:not(:first-child)', {
-  borderTop: '1px solid var(--n-border-color)'
-})])])]), cM('content-segmented, content-soft-segmented', [c('>', [cE('content', {
-  transition: 'border-color 0.3s var(--n-bezier)'
-}, [c('&:not(:first-child)', {
-  borderTop: '1px solid var(--n-border-color)'
-})])])]), cM('footer-segmented, footer-soft-segmented', [c('>', [cE('footer', {
-  transition: 'border-color 0.3s var(--n-bezier)'
-}, [c('&:not(:first-child)', {
-  borderTop: '1px solid var(--n-border-color)'
-})])])]), cM('embedded', `
+ `, [c('&:target', 'border-color: var(--n-color-target);')]), cM('action-segmented', [c('>', [cE('action', [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)])])]), cM('content-segmented, content-soft-segmented', [c('>', [cB('card-content', `
+ transition: border-color 0.3s var(--n-bezier);
+ `, [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)]), cE('content-scrollbar', `
+ transition: border-color 0.3s var(--n-bezier);
+ `, [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)])])]), cM('footer-segmented, footer-soft-segmented', [c('>', [cE('footer', `
+ transition: border-color 0.3s var(--n-bezier);
+ `, [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)])])]), cM('embedded', `
  background-color: var(--n-color-embedded);
  `)]), insideModal(cB('card', `
  background: var(--n-color-modal);

package/es/carousel/src/Carousel.d.ts

@@ -329,6 +329,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowColor: string;
     }, any>>>;
 }>> & Readonly<{}>, {
+    trigger: "hover" | "click";
     keyboard: boolean;
     defaultIndex: number;
     showArrow: boolean;
@@ -343,7 +344,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loop: boolean;
     effect: "card" | "slide" | "fade" | "custom";
     showDots: boolean;
-    trigger: "click" | "hover";
     transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
     draggable: boolean;
     touchable: boolean;

package/es/carousel/src/CarouselDots.d.ts

@@ -63,10 +63,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     keyboard: BooleanConstructor;
 }>> & Readonly<{}>, {
+    trigger: "hover" | "click";
     keyboard: boolean;
     currentIndex: number;
     dotType: "dot" | "line" | "never";
-    trigger: "click" | "hover";
     total: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/cascader/index.d.ts

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

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

@@ -1,12 +1,13 @@
 import type { CheckStrategy } from 'treemate';
 import type { CSSProperties, HTMLAttributes, PropType, SlotsType, VNode, VNodeChild } from 'vue';
 import type { FollowerInst, FollowerPlacement } from 'vueuc';
-import type { InternalSelectionInst } from '../../_internal';
+import type { InternalSelectionInst, ScrollbarProps } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
 import type { PopoverProps } from '../../popover';
 import type { SelectBaseOption } from '../../select/src/interface';
 import type { CascaderMenuInstance, CascaderOption, ExpandTrigger, Filter, Key, OnLoad, OnUpdateValue, SelectMenuInstance, Value } from './interface';
+import type { CascaderSpinProps } from './public-types';
 export declare const cascaderProps: {
     readonly allowCheckingNotLoaded: BooleanConstructor;
     readonly to: {
@@ -106,6 +107,7 @@ export declare const cascaderProps: {
     readonly getColumnStyle: PropType<(detail: {
         level: number;
     }) => string | CSSProperties>;
+    readonly spinProps: PropType<CascaderSpinProps>;
     readonly renderPrefix: PropType<(props: {
         option: CascaderOption;
         checked: boolean;
@@ -116,6 +118,7 @@ export declare const cascaderProps: {
         checked: boolean;
         node: VNode | null;
     }) => VNodeChild>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
@@ -899,6 +902,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly getColumnStyle: PropType<(detail: {
         level: number;
     }) => string | CSSProperties>;
+    readonly spinProps: PropType<CascaderSpinProps>;
     readonly renderPrefix: PropType<(props: {
         option: CascaderOption;
         checked: boolean;
@@ -909,6 +913,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         checked: boolean;
         node: VNode | null;
     }) => VNodeChild>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
@@ -2104,6 +2109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly getColumnStyle: PropType<(detail: {
         level: number;
     }) => string | CSSProperties>;
+    readonly spinProps: PropType<CascaderSpinProps>;
     readonly renderPrefix: PropType<(props: {
         option: CascaderOption;
         checked: boolean;
@@ -2114,6 +2120,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         checked: boolean;
         node: VNode | null;
     }) => VNodeChild>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;

package/es/cascader/src/Cascader.mjs

@@ -106,8 +106,10 @@ export const cascaderProps = Object.assign(Object.assign({}, useTheme.props), {
   onBlur: Function,
   onFocus: Function,
   getColumnStyle: Function,
+  spinProps: Object,
   renderPrefix: Function,
   renderSuffix: Function,
+  scrollbarProps: Object,
   // deprecated
   onChange: [Function, Array]
 });
@@ -853,6 +855,7 @@ export default defineComponent({
       getColumnStyleRef: toRef(props, 'getColumnStyle'),
       renderPrefixRef: toRef(props, 'renderPrefix'),
       renderSuffixRef: toRef(props, 'renderSuffix'),
+      spinPropsRef: toRef(props, 'spinProps'),
       syncCascaderMenuPosition,
       syncSelectMenuPosition,
       updateKeyboardKey,
@@ -864,6 +867,7 @@ export default defineComponent({
       closeMenu,
       handleSelectMenuClickOutside,
       handleCascaderMenuClickOutside,
+      scrollbarPropsRef: toRef(props, 'scrollbarProps'),
       clearPattern
     });
     const exposedMethods = {

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

@@ -661,6 +661,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => import("vue").VNodeChild) | undefined>;
     getColumnStyle: import("vue").Ref<((detail: {
         level: number;
     }) => string | import("vue").CSSProperties) | undefined, ((detail: {

package/es/cascader/src/CascaderMenu.mjs

@@ -1,7 +1,8 @@
 import { clickoutside } from 'vdirs';
-import { defineComponent, h, inject, ref, Transition, withDirectives } from 'vue';
+import { computed, defineComponent, h, inject, ref, Transition, withDirectives } from 'vue';
 import { NBaseMenuMask } from "../../_internal/index.mjs";
 import FocusDetector from "../../_internal/focus-detector/index.mjs";
+import { useConfig } from "../../_mixins/index.mjs";
 import { resolveSlot, resolveWrappedSlot, useOnResize } from "../../_utils/index.mjs";
 import { NEmpty } from "../../empty/index.mjs";
 import NCascaderSubmenu from "./CascaderSubmenu.mjs";
@@ -51,6 +52,9 @@ export default defineComponent({
       mergedThemeRef,
       getColumnStyleRef
     } = inject(cascaderInjectionKey);
+    const {
+      mergedComponentPropsRef
+    } = useConfig();
     const submenuInstRefs = [];
     const maskInstRef = ref(null);
     const selfElRef = ref(null);
@@ -104,6 +108,10 @@ export default defineComponent({
       submenuInstRefs,
       maskInstRef,
       mergedTheme: mergedThemeRef,
+      mergedRenderEmpty: computed(() => {
+        var _a, _b;
+        return (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Cascader) === null || _b === void 0 ? void 0 : _b.renderEmpty;
+      }),
       getColumnStyle: getColumnStyleRef,
       handleFocusin,
       handleFocusout,
@@ -152,10 +160,13 @@ export default defineComponent({
           ref: "maskInstRef"
         })) : h("div", {
           class: `${mergedClsPrefix}-cascader-menu__empty`
-        }, resolveSlot(this.$slots.empty, () => [h(NEmpty, {
-          theme: mergedTheme.peers.Empty,
-          themeOverrides: mergedTheme.peerOverrides.Empty
-        })])), resolveWrappedSlot(this.$slots.action, children => children && h("div", {
+        }, resolveSlot(this.$slots.empty, () => {
+          var _a;
+          return [((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || h(NEmpty, {
+            theme: mergedTheme.peers.Empty,
+            themeOverrides: mergedTheme.peerOverrides.Empty
+          })];
+        })), resolveWrappedSlot(this.$slots.action, children => children && h("div", {
           class: `${mergedClsPrefix}-cascader-menu-action`,
           "data-action": true
         }, children)), h(FocusDetector, {

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

@@ -634,6 +634,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
+    spinProps: import("vue").Ref<import("../../_internal").SharedSpinProps | undefined, import("../../_internal").SharedSpinProps | undefined>;
     handleClick: (e: MouseEvent) => void;
     handleCheckboxUpdateValue: () => void;
     mergedHandleMouseEnter: import("vue").ComputedRef<(() => void) | undefined>;

package/es/cascader/src/CascaderOption.mjs

@@ -33,6 +33,7 @@ export default defineComponent({
       showCheckboxRef,
       renderPrefixRef,
       renderSuffixRef,
+      spinPropsRef,
       updateHoverKey,
       updateKeyboardKey,
       addLoadingKey,
@@ -184,6 +185,7 @@ export default defineComponent({
       label: labelRef,
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: mergedThemeRef,
+      spinProps: spinPropsRef,
       handleClick,
       handleCheckboxUpdateValue,
       mergedHandleMouseEnter: mergedHandleMouseEnterRef,
@@ -224,13 +226,13 @@ export default defineComponent({
     let suffixNode = null;
     const originalSuffixChild = h("div", {
       class: `${mergedClsPrefix}-cascader-option-icon-placeholder`
-    }, !this.isLeaf ? h(NBaseLoading, {
+    }, !this.isLeaf ? h(NBaseLoading, Object.assign({
       clsPrefix: mergedClsPrefix,
       scale: 0.85,
       strokeWidth: 24,
       show: this.isLoading,
       class: `${mergedClsPrefix}-cascader-option-icon`
-    }, {
+    }, this.spinProps), {
       default: () => h(NBaseIcon, {
         clsPrefix: mergedClsPrefix,
         key: "arrow",

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

@@ -670,6 +670,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     cascaderSlots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
+    scrollbarProps: import("vue").Ref<import("../../_internal").ScrollbarProps | undefined, import("../../_internal").ScrollbarProps | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<Value | null>;

package/es/cascader/src/CascaderSelectMenu.mjs

@@ -46,6 +46,7 @@ export default defineComponent({
       handleSelectMenuClickOutside,
       doUncheck: cascaderDoUncheck,
       doCheck: cascaderDoCheck,
+      scrollbarPropsRef,
       clearPattern
     } = inject(cascaderInjectionKey);
     const menuInstRef = ref(null);
@@ -144,7 +145,8 @@ export default defineComponent({
       handleResize,
       handleToggle,
       handleClickOutside,
-      cascaderSlots
+      cascaderSlots,
+      scrollbarProps: scrollbarPropsRef
     }, exposedRef);
   },
   render() {
@@ -169,7 +171,8 @@ export default defineComponent({
         treeMate: this.selectTreeMate,
         multiple: this.multiple,
         value: this.value,
-        onToggle: this.handleToggle
+        onToggle: this.handleToggle,
+        scrollbarProps: this.scrollbarProps
       }, {
         empty: () => resolveSlot(cascaderSlots['not-found'], () => [])
       }), [[clickoutside, this.handleClickOutside, undefined, {

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

@@ -1,8 +1,10 @@
 import type { CheckStrategy, TreeNode } from 'treemate';
 import type { CSSProperties, Ref, Slots, VNode, VNodeChild } from 'vue';
+import type { ScrollbarProps } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { NLocale } from '../../locales';
 import type { CascaderTheme } from '../styles';
+import type { CascaderSpinProps } from './public-types';
 export type ValueAtom = string | number;
 export type Value = ValueAtom | ValueAtom[];
 export type Key = ValueAtom;
@@ -68,6 +70,8 @@ export interface CascaderInjection {
     handleSelectMenuClickOutside: (e: MouseEvent) => void;
     handleCascaderMenuClickOutside: (e: MouseEvent) => void;
     renderLabelRef: Ref<((option: CascaderOption, checked: boolean) => VNodeChild) | undefined>;
+    spinPropsRef: Ref<CascaderSpinProps | undefined>;
+    scrollbarPropsRef: Ref<ScrollbarProps | undefined>;
     clearPattern: () => void;
 }
 export interface CascaderSubmenuInstance {