naive-ui 2.43.2 → 2.44.1

package/es/_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/es/_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/es/_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/es/_internal/loading/src/Loading.mjs

@@ -3,7 +3,7 @@ import { useStyle } from "../../../_mixins/index.mjs";
 import NIconSwitchTransition from "../../icon-switch-transition/index.mjs";
 import style from "./styles/index.cssr.mjs";
 const duration = '1.6s';
-const exposedLoadingProps = {
+export const exposedLoadingProps = {
   strokeWidth: {
     type: Number,
     default: 28
@@ -11,6 +11,14 @@ const exposedLoadingProps = {
   stroke: {
     type: String,
     default: undefined
+  },
+  scale: {
+    type: Number,
+    default: 1
+  },
+  radius: {
+    type: Number,
+    default: 100
   }
 };
 export default defineComponent({
@@ -23,14 +31,6 @@ export default defineComponent({
     show: {
       type: Boolean,
       default: true
-    },
-    scale: {
-      type: Number,
-      default: 1
-    },
-    radius: {
-      type: Number,
-      default: 100
     }
   }, exposedLoadingProps),
   setup(props) {

package/es/_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/es/_internal/scrollbar/src/Scrollbar.mjs

@@ -1,5 +1,5 @@
 import { off, on } from 'evtd';
-import { depx, getPadding, getPreciseEventTarget } from 'seemly';
+import { depx, getPadding, getPreciseEventTarget, pxfy } from 'seemly';
 import { useIsIos } from 'vooks';
 import { computed, defineComponent, Fragment, h, mergeProps, onBeforeUnmount, onMounted, ref, Transition, watchEffect } from 'vue';
 import { VResizeObserver } from 'vueuc';
@@ -37,6 +37,7 @@ const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), {
   onResize: Function,
   internalOnUpdateScrollLeft: Function,
   internalHoistYRail: Boolean,
+  internalExposeWidthCssVar: Boolean,
   yPlacement: {
     type: String,
     default: 'right'
@@ -695,6 +696,7 @@ const Scrollbar = defineComponent({
       handleContainerResize,
       handleYScrollMouseDown,
       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
@@ -748,7 +750,9 @@ const Scrollbar = defineComponent({
         role: "none",
         ref: "containerRef",
         class: [`${mergedClsPrefix}-scrollbar-container`, this.containerClass],
-        style: this.containerStyle,
+        style: [this.containerStyle, this.internalExposeWidthCssVar ? {
+          '--n-scrollbar-current-width': pxfy(this.containerWidth)
+        } : undefined],
         onScroll: this.handleScroll,
         onWheel: this.onWheel
       }, h(VResizeObserver, {

package/es/_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/es/_internal/select-menu/src/SelectMenu.mjs

@@ -80,13 +80,15 @@ export default defineComponent({
       default: true
     },
     inlineThemeDisabled: Boolean,
+    scrollbarProps: Object,
     // deprecated
     onToggle: Function
   }),
   setup(props) {
     const {
       mergedClsPrefixRef,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const rtlEnabledRef = useRtl('InternalSelectMenu', mergedRtlRef, mergedClsPrefixRef);
     const themeRef = useTheme('InternalSelectMenu', '-internal-select-menu', style, internalSelectMenuLight, props, toRef(props, 'clsPrefix'));
@@ -172,6 +174,10 @@ export default defineComponent({
       const tmNodes = flattenedNodesRef.value;
       return tmNodes && tmNodes.length === 0;
     });
+    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.Select) === null || _b === void 0 ? void 0 : _b.renderEmpty;
+    });
     function doToggle(tmNode) {
       const {
         onToggle
@@ -378,6 +384,7 @@ export default defineComponent({
       padding: paddingRef,
       flattenedNodes: flattenedNodesRef,
       empty: emptyRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       virtualListContainer() {
         const {
           value
@@ -416,7 +423,7 @@ export default defineComponent({
     return h("div", {
       ref: "selfRef",
       tabindex: this.focusable ? 0 : -1,
-      class: [`${clsPrefix}-base-select-menu`, this.rtlEnabled && `${clsPrefix}-base-select-menu--rtl`, themeClass, this.multiple && `${clsPrefix}-base-select-menu--multiple`],
+      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,
@@ -434,7 +441,7 @@ export default defineComponent({
     }, h(NInternalLoading, {
       clsPrefix: clsPrefix,
       strokeWidth: 20
-    })) : !this.empty ? h(NScrollbar, {
+    })) : !this.empty ? h(NScrollbar, Object.assign({
       ref: "scrollbarRef",
       theme: mergedTheme.peers.Scrollbar,
       themeOverrides: mergedTheme.peerOverrides.Scrollbar,
@@ -442,7 +449,7 @@ export default defineComponent({
       container: virtualScroll ? this.virtualListContainer : undefined,
       content: virtualScroll ? this.virtualListContent : undefined,
       onScroll: virtualScroll ? undefined : this.doScroll
-    }, {
+    }, this.scrollbarProps), {
       default: () => {
         return virtualScroll ? h(VirtualList, {
           ref: "virtualListRef",
@@ -488,11 +495,14 @@ export default defineComponent({
     }) : h("div", {
       class: `${clsPrefix}-base-select-menu__empty`,
       "data-empty": true
-    }, resolveSlot($slots.empty, () => [h(NEmpty, {
-      theme: mergedTheme.peers.Empty,
-      themeOverrides: mergedTheme.peerOverrides.Empty,
-      size: this.size
-    })])), resolveWrappedSlot($slots.action, children => children && [h("div", {
+    }, 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,
+        size: this.size
+      })];
+    })), resolveWrappedSlot($slots.action, children => children && [h("div", {
       class: `${clsPrefix}-base-select-menu__action`,
       "data-action": true,
       key: "action"

package/es/_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/es/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';

package/es/auto-complete/src/AutoComplete.d.ts

@@ -1,11 +1,13 @@
 import type { TreeNode } from 'treemate';
 import type { HTMLAttributes, InputHTMLAttributes, PropType, SlotsType, VNode } from 'vue';
 import type { FollowerPlacement } from 'vueuc';
+import type { ScrollbarProps } from '../../_internal';
 import type { RenderLabel, RenderOption } from '../../_internal/select-menu/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { AutoCompleteDefaultSlotProps, AutoCompleteOptions, OnSelect, OnUpdateValue } from './interface';
+import type { AutoCompleteSize } from './public-types';
 export declare const autoCompleteProps: {
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -46,7 +48,7 @@ export declare const autoCompleteProps: {
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<AutoCompleteSize>;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
         readonly default: () => never[];
@@ -58,6 +60,7 @@ export declare const autoCompleteProps: {
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -545,7 +548,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<AutoCompleteSize>;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
         readonly default: () => never[];
@@ -557,6 +560,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
@@ -1058,7 +1062,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } | null>;
     triggerElRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<AutoCompleteSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     active: import("vue").ComputedRef<boolean>;
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
@@ -1319,7 +1323,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<AutoCompleteSize>;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
         readonly default: () => never[];
@@ -1331,6 +1335,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;

package/es/auto-complete/src/AutoComplete.mjs

@@ -61,6 +61,7 @@ export const autoCompleteProps = Object.assign(Object.assign({}, useTheme.props)
   onSelect: [Function, Array],
   onBlur: [Function, Array],
   onFocus: [Function, Array],
+  scrollbarProps: Object,
   // deprecated
   onInput: [Function, Array]
 });
@@ -80,9 +81,25 @@ export default defineComponent({
       mergedBorderedRef,
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
-    const formItem = useFormItem(props);
+    const formItem = 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.AutoComplete) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,
@@ -379,7 +396,8 @@ export default defineComponent({
               renderLabel: this.renderLabel,
               renderOption: this.renderOption,
               size: "medium",
-              onToggle: this.handleToggle
+              onToggle: this.handleToggle,
+              scrollbarProps: this.scrollbarProps
             }), {
               empty: () => {
                 var _a, _b;

package/es/auto-complete/src/public-types.d.ts

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

package/es/breadcrumb/src/BreadcrumbItem.d.ts

@@ -6,6 +6,10 @@ export declare const breadcrumbItemProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly showSeparator: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly onClick: PropType<(e: MouseEvent) => void>;
 };
 export type BreadcrumbItemProps = Partial<ExtractPropTypes<typeof breadcrumbItemProps>>;
@@ -20,6 +24,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly showSeparator: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly onClick: PropType<(e: MouseEvent) => void>;
 }>, (() => null) | (() => JSX.Element), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     readonly separator: StringConstructor;
@@ -28,8 +36,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly showSeparator: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly onClick: PropType<(e: MouseEvent) => void>;
 }>> & Readonly<{}>, {
     readonly clickable: boolean;
+    readonly showSeparator: boolean;
 }, SlotsType<BreadcrumbItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/breadcrumb/src/BreadcrumbItem.mjs

@@ -9,6 +9,10 @@ export const breadcrumbItemProps = {
     type: Boolean,
     default: true
   },
+  showSeparator: {
+    type: Boolean,
+    default: true
+  },
   onClick: Function
 };
 export default defineComponent({
@@ -43,7 +47,7 @@ export default defineComponent({
         'aria-current': ariaCurrentRef.value,
         href: props.href,
         onClick: props.onClick
-      }, slots), h("span", {
+      }, slots), props.showSeparator && h("span", {
         class: `${mergedClsPrefix}-breadcrumb-item__separator`,
         "aria-hidden": "true"
       }, resolveSlot(slots.separator, () => {

package/es/button/index.d.ts

@@ -1,2 +1,3 @@
 export { buttonProps, default as NButton, XButton as NxButton } from './src/Button';
 export type { ButtonProps, ButtonSlots } from './src/Button';
+export type * from './src/public-types';

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

@@ -1,7 +1,7 @@
 import type { ButtonHTMLAttributes, ExtractPropTypes, PropType, SlotsType, VNode, VNodeChild } from 'vue';
 import type { BaseWaveRef } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { Size, Type } from './interface';
+import type { ButtonSize, ButtonSpinProps, ButtonType } from './public-types';
 export declare const buttonProps: {
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
@@ -10,7 +10,7 @@ export declare const buttonProps: {
     readonly loading: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<ButtonSize>;
     readonly ghost: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly secondary: BooleanConstructor;
@@ -30,7 +30,7 @@ export declare const buttonProps: {
         readonly default: "button";
     };
     readonly type: {
-        readonly type: PropType<Type>;
+        readonly type: PropType<ButtonType>;
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
@@ -52,6 +52,7 @@ export declare const buttonProps: {
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly spinProps: PropType<ButtonSpinProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -678,7 +679,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
     readonly loading: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<ButtonSize>;
     readonly ghost: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly secondary: BooleanConstructor;
@@ -698,7 +699,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly default: "button";
     };
     readonly type: {
-        readonly type: PropType<Type>;
+        readonly type: PropType<ButtonType>;
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
@@ -720,6 +721,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly spinProps: PropType<ButtonSpinProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -1398,7 +1400,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
     readonly loading: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<ButtonSize>;
     readonly ghost: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly secondary: BooleanConstructor;
@@ -1418,7 +1420,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly default: "button";
     };
     readonly type: {
-        readonly type: PropType<Type>;
+        readonly type: PropType<ButtonType>;
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
@@ -1440,6 +1442,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly spinProps: PropType<ButtonSpinProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -2054,7 +2057,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly disabled: boolean;
-    readonly type: Type;
+    readonly type: ButtonType;
     readonly bordered: boolean;
     readonly block: boolean;
     readonly loading: boolean;