naive-ui 2.43.2 → 2.44.1

package/es/tree-select/index.d.ts

@@ -1,4 +1,5 @@
 export type { TreeOverrideNodeClickBehavior as TreeSelectOverrideNodeClickBehavior, TreeOverrideNodeClickBehaviorReturn as TreeSelectOverrideNodeClickBehaviorReturn } from '../tree';
 export type { TreeSelectInst, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './src/interface';
+export type * from './src/public-types';
 export { default as NTreeSelect, treeSelectProps } from './src/TreeSelect';
 export type { TreeSelectProps, TreeSelectSlots } from './src/TreeSelect';

package/es/tree-select/src/TreeSelect.d.ts

@@ -8,6 +8,7 @@ import type { PopoverProps } from '../../popover';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import type { GetChildren, InternalTreeInst, Key, TreeOption, TreeOverrideNodeClickBehaviorReturn } from '../../tree/src/interface';
 import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
+import type { TreeSelectSize } from './public-types';
 type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
     readonly renderLabel: PropType<TreeSelectRenderLabel>;
@@ -94,6 +95,7 @@ export declare const treeSelectProps: {
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly showLine: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -112,7 +114,7 @@ export declare const treeSelectProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TreeSelectSize>;
     readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -777,6 +779,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly showLine: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -795,7 +798,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TreeSelectSize>;
     readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -1411,7 +1414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mergedExpandedKeys: import("vue").ComputedRef<Key[] | undefined>;
     treeSelectedKeys: import("vue").ComputedRef<Key[]>;
     treeCheckedKeys: import("vue").ComputedRef<Key[]>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<TreeSelectSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)>[] | null>;
@@ -1738,6 +1741,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => VNodeChild) | undefined>;
     cssVars: import("vue").ComputedRef<{
         '--n-menu-box-shadow': string;
         '--n-menu-border-radius': string;
@@ -1850,6 +1854,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: BooleanConstructor;
     readonly maxTagCount: PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly showLine: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -1868,7 +1873,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TreeSelectSize>;
     readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -2470,5 +2475,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly keyField: string;
     readonly defaultExpandedKeys: Key[];
     readonly checkable: boolean;
+    readonly showLine: boolean;
 }, SlotsType<TreeSelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/tree-select/src/TreeSelect.mjs

@@ -48,6 +48,7 @@ export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.
   loading: Boolean,
   maxTagCount: [String, Number],
   multiple: Boolean,
+  showLine: Boolean,
   showPath: Boolean,
   separator: {
     type: String,
@@ -115,7 +116,8 @@ export default defineComponent({
     const {
       mergedClsPrefixRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const {
       localeRef
@@ -128,7 +130,22 @@ export default defineComponent({
       nTriggerFormChange,
       nTriggerFormFocus,
       nTriggerFormInput
-    } = useFormItem(props);
+    } = useFormItem(props, {
+      mergedSize: NFormItem => {
+        var _a, _b;
+        const {
+          size
+        } = props;
+        if (size) return size;
+        const {
+          mergedSize: formItemSize
+        } = NFormItem || {};
+        if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value) return formItemSize.value;
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.TreeSelect) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const uncontrolledValueRef = ref(props.defaultValue);
     const controlledValueRef = toRef(props, 'value');
     const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
@@ -642,6 +659,10 @@ export default defineComponent({
       }
     };
     const themeRef = useTheme('TreeSelect', '-tree-select', style, treeSelectLight, props, mergedClsPrefixRef);
+    const mergedRenderEmptyRef = computed(() => {
+      var _a, _b;
+      return (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.TreeSelect) === null || _b === void 0 ? void 0 : _b.renderEmpty;
+    });
     const cssVarsRef = computed(() => {
       const {
         common: {
@@ -728,6 +749,7 @@ export default defineComponent({
       handleTabOut,
       handleMenuMousedown,
       mergedTheme: themeRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
       themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
       onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
@@ -848,6 +870,7 @@ export default defineComponent({
               cascade: this.mergedCascade,
               leafOnly: this.leafOnly,
               multiple: this.multiple,
+              showLine: this.showLine,
               renderLabel: this.renderLabel,
               renderPrefix: this.renderPrefix,
               renderSuffix: this.renderSuffix,
@@ -864,10 +887,13 @@ export default defineComponent({
               internalCheckboxFocusable: false,
               internalRenderEmpty: () => h("div", {
                 class: `${mergedClsPrefix}-tree-select-menu__empty`
-              }, resolveSlot($slots.empty, () => [h(NEmpty, {
-                theme: mergedTheme.peers.Empty,
-                themeOverrides: mergedTheme.peerOverrides.Empty
-              })])),
+              }, resolveSlot($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
+                })];
+              })),
               onLoad: this.onLoad,
               onUpdateCheckedKeys: this.handleUpdateCheckedKeys,
               onUpdateIndeterminateKeys: this.handleUpdateIndeterminateKeys,

package/es/tree-select/src/public-types.d.ts

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

package/es/tree-select/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/upload/src/Upload.d.ts

@@ -1665,7 +1665,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>>>;
 }>, {
     openOpenFileDialog: () => void;
-    submit: (fileId?: string) => void;
+    submit: (options?: {
+        fileId?: string;
+        retry?: boolean;
+    }) => void;
     clear: () => void;
     mergedClsPrefix: import("vue").Ref<string, string>;
     draggerInsideRef: {

package/es/upload/src/Upload.mjs

@@ -476,7 +476,10 @@ export default defineComponent({
         }
       });
     }
-    function submit(fileId) {
+    function submit({
+      fileId,
+      retry = false
+    } = {}) {
       const {
         method,
         action,
@@ -486,7 +489,7 @@ export default defineComponent({
         name: fieldName
       } = props;
       const filesToUpload = fileId !== undefined ? mergedFileListRef.value.filter(file => file.id === fileId) : mergedFileListRef.value;
-      const shouldReupload = fileId !== undefined;
+      const shouldReupload = retry || fileId !== undefined;
       filesToUpload.forEach(file => {
         const {
           status

package/es/upload/src/UploadFile.mjs

@@ -138,7 +138,9 @@ export default defineComponent({
             return;
           }
         }
-        NUpload.submit(props.file.id);
+        NUpload.submit({
+          fileId: props.file.id
+        });
       });
     }
     function handleRemoveOrCancelClick(e) {

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

@@ -54,7 +54,10 @@ export interface UploadInjection {
     triggerStyleRef: Ref<CSSProperties | string | undefined>;
     doChange: DoChange;
     onRender: undefined | (() => void);
-    submit: (fileId?: string) => void;
+    submit: (options?: {
+        fileId?: string;
+        retry?: boolean;
+    }) => void;
     onRetryRef: Ref<undefined | OnRetry>;
     shouldUseThumbnailUrlRef: Ref<ShouldUseThumbnailUrl>;
     getFileThumbnailUrlResolver: (file: UploadSettledFileInfo) => Promise<string> | string;

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

@@ -2,7 +2,10 @@ import type { FuncOrRecordOrUndef } from './interface';
 export type { UploadProps } from './Upload';
 export interface UploadInst {
     openOpenFileDialog: () => void;
-    submit: (fileId?: string) => void;
+    submit: (options?: {
+        fileId?: string;
+        retry?: boolean;
+    }) => void;
     clear: () => void;
 }
 export interface UploadFileInfo {

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.43.2";
+declare const _default: "2.44.1";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.43.2';
+export default '2.44.1';

package/es/virtual-list/src/VirtualList.d.ts

@@ -151,9 +151,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
 }>> & Readonly<{}>, {
-    readonly paddingTop: string | number;
     readonly items: VirtualListItemData[];
     readonly paddingBottom: string | number;
+    readonly paddingTop: string | number;
     readonly keyField: string;
     readonly itemResizable: boolean;
     readonly visibleItemsTag: string | object;

package/es/watermark/src/Watermark.d.ts

@@ -288,9 +288,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly fontSize: number;
     readonly fontWeight: number;
     readonly lineHeight: number;
-    readonly zIndex: number;
-    readonly width: number;
     readonly height: number;
+    readonly width: number;
+    readonly zIndex: number;
     readonly fontStyle: "normal" | "italic" | "oblique" | `oblique ${number}deg`;
     readonly fontVariant: string;
     readonly textAlign: "left" | "right" | "center";

package/lib/_internal/index.d.ts

@@ -5,7 +5,7 @@ export { default as NBaseFocusDetector } from './focus-detector';
 export { NBaseIcon } from './icon';
 export { default as NIconSwitchTransition } from './icon-switch-transition';
 export { default as NBaseLoading } from './loading';
-export type { BaseLoadingExposedProps } from './loading';
+export type { SharedSpinProps } from './loading';
 export { default as NBaseMenuMask } from './menu-mask';
 export { NScrollbar, NxScrollbar } from './scrollbar';
 export type { ScrollbarInst, ScrollbarProps } from './scrollbar';

package/lib/_internal/loading/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './src/Loading';
-export type { BaseLoadingExposedProps } from './src/Loading';
+export type { SharedSpinProps } from './src/Loading';

package/lib/_internal/loading/src/Loading.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../../_utils';
-declare const exposedLoadingProps: {
+export declare const exposedLoadingProps: {
     strokeWidth: {
         type: NumberConstructor;
         default: number;
@@ -8,8 +8,16 @@ declare const exposedLoadingProps: {
         type: StringConstructor;
         default: undefined;
     };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
-export type BaseLoadingExposedProps = ExtractPublicPropTypes<typeof exposedLoadingProps>;
+export type SharedSpinProps = ExtractPublicPropTypes<typeof exposedLoadingProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     strokeWidth: {
         type: NumberConstructor;
@@ -19,14 +27,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
-    clsPrefix: {
-        type: StringConstructor;
-        required: true;
-    };
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     scale: {
         type: NumberConstructor;
         default: number;
@@ -35,6 +35,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     strokeWidth: {
         type: NumberConstructor;
@@ -44,14 +52,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
-    clsPrefix: {
-        type: StringConstructor;
-        required: true;
-    };
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     scale: {
         type: NumberConstructor;
         default: number;
@@ -60,6 +60,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     show: boolean;
     stroke: string;

package/lib/_internal/loading/src/Loading.js

@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.exposedLoadingProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../../_mixins");
 const icon_switch_transition_1 = __importDefault(require("../../icon-switch-transition"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const duration = '1.6s';
-const exposedLoadingProps = {
+exports.exposedLoadingProps = {
     strokeWidth: {
         type: Number,
         default: 28
@@ -16,6 +17,14 @@ const exposedLoadingProps = {
     stroke: {
         type: String,
         default: undefined
+    },
+    scale: {
+        type: Number,
+        default: 1
+    },
+    radius: {
+        type: Number,
+        default: 100
     }
 };
 exports.default = (0, vue_1.defineComponent)({
@@ -26,13 +35,7 @@ exports.default = (0, vue_1.defineComponent)({
         }, show: {
             type: Boolean,
             default: true
-        }, scale: {
-            type: Number,
-            default: 1
-        }, radius: {
-            type: Number,
-            default: 100
-        } }, exposedLoadingProps),
+        } }, exports.exposedLoadingProps),
     setup(props) {
         (0, _mixins_1.useStyle)('-base-loading', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
     },

package/lib/_internal/scrollbar/src/Scrollbar.d.ts

@@ -76,6 +76,7 @@ declare const scrollbarProps: {
     readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
     readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
     readonly internalHoistYRail: BooleanConstructor;
+    readonly internalExposeWidthCssVar: BooleanConstructor;
     readonly yPlacement: {
         readonly type: PropType<"left" | "right">;
         readonly default: "right";
@@ -152,6 +153,7 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
     readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
     readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
     readonly internalHoistYRail: BooleanConstructor;
+    readonly internalExposeWidthCssVar: BooleanConstructor;
     readonly yPlacement: {
         readonly type: PropType<"left" | "right">;
         readonly default: "right";
@@ -219,6 +221,7 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
     handleContainerResize: (e: ResizeObserverEntry) => void;
     handleYScrollMouseDown: (e: MouseEvent) => void;
     handleXScrollMouseDown: (e: MouseEvent) => void;
+    containerWidth: import("vue").Ref<number | null, number | null>;
     cssVars: import("vue").ComputedRef<{
         '--n-scrollbar-bezier': string;
         '--n-scrollbar-color': string;
@@ -281,6 +284,7 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
     readonly onResize: PropType<(e: ResizeObserverEntry) => void>;
     readonly internalOnUpdateScrollLeft: PropType<(scrollLeft: number) => void>;
     readonly internalHoistYRail: BooleanConstructor;
+    readonly internalExposeWidthCssVar: BooleanConstructor;
     readonly yPlacement: {
         readonly type: PropType<"left" | "right">;
         readonly default: "right";
@@ -326,15 +330,16 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
         railColor: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly trigger: "none" | "hover";
     readonly duration: number;
     readonly scrollable: boolean;
     readonly xScrollable: boolean;
-    readonly yPlacement: "left" | "right";
-    readonly xPlacement: "top" | "bottom";
+    readonly trigger: "none" | "hover";
     readonly useUnifiedContainer: boolean;
     readonly triggerDisplayManually: boolean;
     readonly internalHoistYRail: boolean;
+    readonly internalExposeWidthCssVar: boolean;
+    readonly yPlacement: "left" | "right";
+    readonly xPlacement: "top" | "bottom";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type NativeScrollbarProps = Omit<HTMLAttributes, keyof ScrollbarInternalProps>;
 type MergedProps = Partial<ScrollbarInternalProps & NativeScrollbarProps>;

package/lib/_internal/scrollbar/src/Scrollbar.js

@@ -24,7 +24,7 @@ const scrollbarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props)
         default: 'hover'
     }, useUnifiedContainer: Boolean, triggerDisplayManually: Boolean, 
     // If container is set, resize observer won't not attached
-    container: Function, content: Function, containerClass: String, containerStyle: [String, Object], contentClass: [String, Array], contentStyle: [String, Object], horizontalRailStyle: [String, Object], verticalRailStyle: [String, Object], onScroll: Function, onWheel: Function, onResize: Function, internalOnUpdateScrollLeft: Function, internalHoistYRail: Boolean, yPlacement: {
+    container: Function, content: Function, containerClass: String, containerStyle: [String, Object], contentClass: [String, Array], contentStyle: [String, Object], horizontalRailStyle: [String, Object], verticalRailStyle: [String, Object], onScroll: Function, onWheel: Function, onResize: Function, internalOnUpdateScrollLeft: Function, internalHoistYRail: Boolean, internalExposeWidthCssVar: Boolean, yPlacement: {
         type: String,
         default: 'right'
     }, xPlacement: {
@@ -575,7 +575,7 @@ const Scrollbar = (0, vue_1.defineComponent)({
             handleContentResize,
             handleContainerResize,
             handleYScrollMouseDown,
-            handleXScrollMouseDown, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
+            handleXScrollMouseDown, containerWidth: containerWidthRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
         var _a;
@@ -618,7 +618,12 @@ const Scrollbar = (0, vue_1.defineComponent)({
                 this.container ? ((_b = $slots.default) === null || _b === void 0 ? void 0 : _b.call($slots)) : ((0, vue_1.h)("div", { role: "none", ref: "containerRef", class: [
                         `${mergedClsPrefix}-scrollbar-container`,
                         this.containerClass
-                    ], style: this.containerStyle, onScroll: this.handleScroll, onWheel: this.onWheel },
+                    ], style: [
+                        this.containerStyle,
+                        this.internalExposeWidthCssVar
+                            ? { '--n-scrollbar-current-width': (0, seemly_1.pxfy)(this.containerWidth) }
+                            : undefined
+                    ], onScroll: this.handleScroll, onWheel: this.onWheel },
                     (0, vue_1.h)(vueuc_1.VResizeObserver, { onResize: this.handleContentResize }, {
                         default: () => ((0, vue_1.h)("div", { ref: "contentRef", role: "none", style: [
                                 {

package/lib/_internal/select-menu/src/SelectMenu.d.ts

@@ -3,6 +3,7 @@ import type { PropType } from 'vue';
 import type { VirtualListInst } from 'vueuc';
 import type { SelectGroupOption, SelectIgnoredOption, SelectOption, SelectTreeMate, Value } from '../../../select/src/interface';
 import type { ScrollbarInst } from '../../scrollbar';
+import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar';
 import type { NodeProps, RenderLabel, RenderOption, Size } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     clsPrefix: {
@@ -67,6 +68,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     inlineThemeDisabled: BooleanConstructor;
+    scrollbarProps: PropType<ScrollbarProps>;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeTiny: string;
@@ -395,6 +397,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     padding: import("vue").ComputedRef<import("seemly").Margin>;
     flattenedNodes: import("vue").ComputedRef<TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>[]>;
     empty: import("vue").ComputedRef<boolean>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => import("vue").VNodeChild) | undefined>;
     virtualListContainer(): HTMLElement | undefined;
     virtualListContent(): HTMLElement | null | undefined;
     doScroll: (e: Event) => void;
@@ -495,6 +498,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     inlineThemeDisabled: BooleanConstructor;
+    scrollbarProps: PropType<ScrollbarProps>;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeTiny: string;
@@ -701,10 +705,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     value: Value | null;
     size: Size;
     inlineThemeDisabled: boolean;
+    scrollable: boolean;
     loading: boolean;
     show: boolean;
     focusable: boolean;
-    scrollable: boolean;
     multiple: boolean;
     virtualScroll: boolean;
     valueField: string;

package/lib/_internal/select-menu/src/SelectMenu.js

@@ -53,11 +53,11 @@ exports.default = (0, vue_1.defineComponent)({
         }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, nodeProps: Function, showCheckmark: { type: Boolean, default: true }, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, onResize: Function, resetMenuOnOptionsChange: {
             type: Boolean,
             default: true
-        }, inlineThemeDisabled: Boolean, 
+        }, inlineThemeDisabled: Boolean, scrollbarProps: Object, 
         // deprecated
         onToggle: Function }),
     setup(props) {
-        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const rtlEnabledRef = (0, _mixins_1.useRtl)('InternalSelectMenu', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('InternalSelectMenu', '-internal-select-menu', index_cssr_1.default, styles_1.internalSelectMenuLight, props, (0, vue_1.toRef)(props, 'clsPrefix'));
         const selfRef = (0, vue_1.ref)(null);
@@ -142,6 +142,10 @@ exports.default = (0, vue_1.defineComponent)({
             const tmNodes = flattenedNodesRef.value;
             return tmNodes && tmNodes.length === 0;
         });
+        const mergedRenderEmptyRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Select) === null || _b === void 0 ? void 0 : _b.renderEmpty;
+        });
         function doToggle(tmNode) {
             const { onToggle } = props;
             if (onToggle)
@@ -306,7 +310,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         (0, _utils_1.useOnResize)(selfRef, props.onResize);
         return Object.assign({ mergedTheme: themeRef, mergedClsPrefix: mergedClsPrefixRef, rtlEnabled: rtlEnabledRef, virtualListRef,
-            scrollbarRef, itemSize: itemSizeRef, padding: paddingRef, flattenedNodes: flattenedNodesRef, empty: emptyRef, virtualListContainer() {
+            scrollbarRef, itemSize: itemSizeRef, padding: paddingRef, flattenedNodes: flattenedNodesRef, empty: emptyRef, mergedRenderEmpty: mergedRenderEmptyRef, virtualListContainer() {
                 const { value } = virtualListRef;
                 return value === null || value === void 0 ? void 0 : value.listElRef;
             },
@@ -328,13 +332,14 @@ exports.default = (0, vue_1.defineComponent)({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: this.focusable ? 0 : -1, class: [
                 `${clsPrefix}-base-select-menu`,
+                `${clsPrefix}-base-select-menu--${this.size}-size`,
                 this.rtlEnabled && `${clsPrefix}-base-select-menu--rtl`,
                 themeClass,
                 this.multiple && `${clsPrefix}-base-select-menu--multiple`
             ], style: this.cssVars, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.handleKeyUp, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave },
             (0, _utils_1.resolveWrappedSlot)($slots.header, children => children && ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__header`, "data-header": true, key: "header" }, children))),
             this.loading ? ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__loading` },
-                (0, vue_1.h)(loading_1.default, { clsPrefix: clsPrefix, strokeWidth: 20 }))) : !this.empty ? ((0, vue_1.h)(scrollbar_1.NScrollbar, { ref: "scrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, scrollable: this.scrollable, container: virtualScroll ? this.virtualListContainer : undefined, content: virtualScroll ? this.virtualListContent : undefined, onScroll: virtualScroll ? undefined : this.doScroll }, {
+                (0, vue_1.h)(loading_1.default, { clsPrefix: clsPrefix, strokeWidth: 20 }))) : !this.empty ? ((0, vue_1.h)(scrollbar_1.NScrollbar, Object.assign({ ref: "scrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, scrollable: this.scrollable, container: virtualScroll ? this.virtualListContainer : undefined, content: virtualScroll ? this.virtualListContent : undefined, onScroll: virtualScroll ? undefined : this.doScroll }, this.scrollbarProps), {
                 default: () => {
                     return virtualScroll ? ((0, vue_1.h)(vueuc_1.VirtualList, { ref: "virtualListRef", class: `${clsPrefix}-virtual-list`, items: this.flattenedNodes, itemSize: this.itemSize, showScrollbar: false, paddingTop: this.padding.top, paddingBottom: this.padding.bottom, onResize: this.handleVirtualListResize, onScroll: this.handleVirtualListScroll, itemResizable: true }, {
                         default: ({ item: tmNode }) => {
@@ -345,9 +350,12 @@ exports.default = (0, vue_1.defineComponent)({
                             paddingBottom: this.padding.bottom
                         } }, this.flattenedNodes.map(tmNode => tmNode.isGroup ? ((0, vue_1.h)(SelectGroupHeader_1.default, { key: tmNode.key, clsPrefix: clsPrefix, tmNode: tmNode })) : ((0, vue_1.h)(SelectOption_1.default, { clsPrefix: clsPrefix, key: tmNode.key, tmNode: tmNode })))));
                 }
-            })) : ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, (0, _utils_1.resolveSlot)($slots.empty, () => [
-                (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty, size: this.size })
-            ]))),
+            })) : ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, (0, _utils_1.resolveSlot)($slots.empty, () => {
+                var _a;
+                return [
+                    ((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty, size: this.size }))
+                ];
+            }))),
             (0, _utils_1.resolveWrappedSlot)($slots.action, children => children && [
                 (0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__action`, "data-action": true, key: "action" }, children),
                 (0, vue_1.h)(focus_detector_1.default, { onFocus: this.onTabOut, key: "focus-detector" })

package/lib/_mixins/use-form-item.d.ts

@@ -1,6 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { FormValidationStatus } from '../form/src/public-types';
-type FormItemSize = 'small' | 'medium' | 'large';
+import type { FormItemSize, FormValidationStatus } from '../form/src/public-types';
 type AllowedSize = 'tiny' | 'small' | 'medium' | 'large' | 'huge' | number;
 export interface FormItemInjection {
     path: Ref<string | undefined>;

package/lib/auto-complete/index.d.ts

@@ -1,3 +1,4 @@
 export { autoCompleteProps, default as NAutoComplete } from './src/AutoComplete';
 export type { AutoCompleteProps, AutoCompleteSlots } from './src/AutoComplete';
 export type { AutoCompleteDefaultSlotProps, AutoCompleteGroupOption, AutoCompleteInst, AutoCompleteOption } from './src/interface';
+export type * from './src/public-types';