naive-ui 2.43.1 → 2.44.0

package/es/vitest-setup.mjs

@@ -0,0 +1,27 @@
+import { isBrowser, isJsdom } from "./_utils/index.mjs";
+// Polyfill browser APIs
+class _ResizeObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+function _matchMedia(query) {
+  return {
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: () => {},
+    removeListener: () => {},
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    dispatchEvent: () => false
+  };
+}
+if (isJsdom() && typeof window !== 'undefined') {
+  window.ResizeObserver = _ResizeObserver;
+  window.matchMedia = _matchMedia;
+}
+// https://github.com/jsdom/jsdom/issues/1422
+if (isBrowser) {
+  HTMLDivElement.prototype.scrollTo = () => {};
+}

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

@@ -286,21 +286,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, unknown>>>;
 }>> & Readonly<{}>, {
     readonly fontSize: number;
-    readonly fontStretch: string;
-    readonly fontStyle: "normal" | "italic" | "oblique" | `oblique ${number}deg`;
-    readonly fontVariant: string;
     readonly fontWeight: number;
-    readonly height: number;
     readonly lineHeight: number;
-    readonly rotate: number;
-    readonly textAlign: "left" | "right" | "center";
+    readonly height: number;
     readonly width: number;
     readonly zIndex: number;
-    readonly cross: boolean;
+    readonly fontStyle: "normal" | "italic" | "oblique" | `oblique ${number}deg`;
+    readonly fontVariant: string;
+    readonly textAlign: "left" | "right" | "center";
+    readonly rotate: number;
+    readonly fontStretch: string;
     readonly xGap: number;
     readonly yGap: number;
     readonly selectable: boolean;
     readonly debug: boolean;
+    readonly cross: boolean;
     readonly fullscreen: boolean;
     readonly yOffset: number;
     readonly xOffset: number;

package/lib/_internal/close/src/Close.d.ts

@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     absolute: BooleanConstructor;
 }>> & Readonly<{}>, {
     disabled: boolean;
-    round: boolean;
     absolute: boolean;
+    round: boolean;
     focusable: boolean;
     isButtonTag: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/_internal/fade-in-expand-transition/src/FadeInExpandTransition.d.ts

@@ -20,9 +20,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     width: BooleanConstructor;
     reverse: BooleanConstructor;
 }>> & Readonly<{}>, {
+    group: boolean;
     reverse: boolean;
-    appear: boolean;
     width: boolean;
-    group: boolean;
+    appear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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,11 +60,19 @@ 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;
-    scale: number;
     strokeWidth: number;
+    scale: number;
     radius: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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";
@@ -327,14 +331,15 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly duration: number;
-    readonly trigger: "none" | "hover";
     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;
@@ -700,12 +704,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     value: Value | null;
     size: Size;
-    show: boolean;
-    multiple: boolean;
-    loading: boolean;
-    focusable: boolean;
     inlineThemeDisabled: boolean;
     scrollable: boolean;
+    loading: boolean;
+    show: boolean;
+    focusable: boolean;
+    multiple: boolean;
     virtualScroll: boolean;
     valueField: string;
     labelField: 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;
             },
@@ -334,7 +338,7 @@ exports.default = (0, vue_1.defineComponent)({
             ], 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 +349,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/_internal/selection/src/Selection.d.ts

@@ -866,23 +866,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    pattern: string;
-    size: "small" | "medium" | "large" | "tiny";
     disabled: boolean;
-    multiple: boolean;
-    active: boolean;
-    autofocus: boolean;
-    loading: boolean;
+    size: "tiny" | "small" | "medium" | "large";
     bordered: boolean | undefined;
     inlineThemeDisabled: boolean;
     clearable: boolean;
+    loading: boolean;
+    active: boolean;
     showArrow: boolean;
+    multiple: boolean;
     filterable: boolean;
     valueField: string;
     labelField: string;
+    pattern: string;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)> | null;
     selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>[] | null;
     focused: boolean;
     ignoreComposition: boolean;
+    autofocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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/affix/src/Affix.d.ts

@@ -27,7 +27,7 @@ export declare const affixProps: {
         readonly default: undefined;
     };
 };
-export declare const affixPropKeys: ("target" | "top" | "bottom" | "position" | "listenTo" | "triggerTop" | "triggerBottom" | "offsetTop" | "offsetBottom")[];
+export declare const affixPropKeys: ("listenTo" | "top" | "bottom" | "triggerTop" | "triggerBottom" | "position" | "offsetTop" | "offsetBottom" | "target")[];
 export type AffixProps = ExtractPublicPropTypes<typeof affixProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;
@@ -85,9 +85,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: undefined;
     };
 }>> & Readonly<{}>, {
-    readonly target: (() => HTMLElement) | undefined;
     readonly position: "fixed" | "absolute";
     readonly offsetTop: number | undefined;
     readonly offsetBottom: number | undefined;
+    readonly target: (() => HTMLElement) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/alert/src/Alert.d.ts

@@ -759,7 +759,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         padding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    type: "default" | "error" | "info" | "warning" | "success";
+    type: "default" | "info" | "warning" | "error" | "success";
     showIcon: boolean;
     bordered: boolean;
     closable: boolean;

package/lib/anchor/src/AnchorAdapter.d.ts

@@ -261,13 +261,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly type: "block" | "rail";
-    readonly bound: number;
-    readonly target: (() => HTMLElement) | undefined;
     readonly position: "fixed" | "absolute";
     readonly offsetTop: number | undefined;
     readonly offsetBottom: number | undefined;
+    readonly target: (() => HTMLElement) | undefined;
     readonly showRail: boolean;
     readonly showBackground: boolean;
+    readonly bound: number;
     readonly internalScrollable: boolean;
     readonly ignoreGap: boolean;
     readonly affix: boolean;

package/lib/anchor/src/BaseAnchor.d.ts

@@ -24,7 +24,7 @@ export declare const baseAnchorProps: {
     readonly ignoreGap: BooleanConstructor;
     readonly offsetTarget: PropType<string | OffsetTarget | (() => HTMLElement)>;
 };
-export declare const baseAnchorPropKeys: ("type" | "bound" | "showRail" | "showBackground" | "internalScrollable" | "ignoreGap" | "offsetTarget")[];
+export declare const baseAnchorPropKeys: ("type" | "showRail" | "showBackground" | "bound" | "internalScrollable" | "ignoreGap" | "offsetTarget")[];
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mergedClsPrefix: {
         type: StringConstructor;
@@ -83,9 +83,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     offsetTarget: PropType<string | OffsetTarget | (() => HTMLElement)>;
 }>> & Readonly<{}>, {
     type: "block" | "rail";
-    bound: number;
     showRail: boolean;
     showBackground: boolean;
+    bound: number;
     internalScrollable: boolean;
     ignoreGap: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,6 +1,7 @@
 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';
@@ -58,6 +59,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;
@@ -557,6 +559,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;
@@ -1331,6 +1334,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;
@@ -1771,17 +1775,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly options: AutoCompleteOptions;
-    readonly to: string | boolean | HTMLElement;
     readonly disabled: boolean | undefined;
-    readonly loading: boolean;
     readonly bordered: boolean | undefined;
+    readonly to: string | boolean | HTMLElement;
     readonly append: boolean;
     readonly clearable: boolean;
     readonly defaultValue: string | null;
+    readonly loading: boolean;
     readonly placement: FollowerPlacement;
     readonly blurAfterSelect: boolean;
     readonly clearAfterSelect: boolean;
     readonly showEmpty: boolean;
+    readonly options: AutoCompleteOptions;
 }, SlotsType<AutoCompleteSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/auto-complete/src/AutoComplete.js

@@ -39,7 +39,7 @@ exports.autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, showEmpty: Boolean, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
         type: Array,
         default: () => []
-    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], 
+    }, zIndex: Number, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], scrollbarProps: Object, 
     // deprecated
     onInput: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
@@ -285,7 +285,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     ], style: [
                                         menuProps === null || menuProps === void 0 ? void 0 : menuProps.style,
                                         this.cssVars
-                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle }), { empty: () => { var _a, _b; return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a); } }), [
+                                    ], treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle, scrollbarProps: this.scrollbarProps }), { empty: () => { var _a, _b; return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a); } }), [
                                     [
                                         vdirs_1.clickoutside,
                                         this.handleClickOutsideMenu,

package/lib/avatar/src/Avatar.d.ts

@@ -228,9 +228,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         colorPopover: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly round: boolean;
+    readonly bordered: boolean;
     readonly circle: boolean;
+    readonly round: boolean;
     readonly lazy: boolean;
-    readonly bordered: boolean;
 }, SlotsType<AvatarSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/back-top/src/BackTop.d.ts

@@ -249,9 +249,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconSize: string;
     }, any>>>;
 }>> & Readonly<{}>, {
+    readonly bottom: string | number;
     readonly right: string | number;
     readonly to: string | HTMLElement;
-    readonly bottom: string | number;
     readonly show: boolean | undefined;
     readonly visibilityHeight: number;
     readonly 'onUpdate:show': Function;

package/lib/badge/src/Badge.d.ts

@@ -152,7 +152,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         fontFamily: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: "default" | "error" | "info" | "warning" | "success";
+    readonly type: "default" | "info" | "warning" | "error" | "success";
     readonly show: boolean;
     readonly dot: boolean;
     readonly showZero: boolean;