naive-ui 2.24.4 → 2.25.0

package/es/typography/src/headers.d.ts

@@ -1,6 +1,6 @@
 export declare const NH1: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -217,7 +217,7 @@ export declare const NH1: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -421,12 +421,12 @@ export declare const NH1: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     alignText: boolean;
 }>;
 export declare const NH2: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -643,7 +643,7 @@ export declare const NH2: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -847,12 +847,12 @@ export declare const NH2: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     alignText: boolean;
 }>;
 export declare const NH3: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1069,7 +1069,7 @@ export declare const NH3: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1273,12 +1273,12 @@ export declare const NH3: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     alignText: boolean;
 }>;
 export declare const NH4: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1495,7 +1495,7 @@ export declare const NH4: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1699,12 +1699,12 @@ export declare const NH4: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     alignText: boolean;
 }>;
 export declare const NH5: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1921,7 +1921,7 @@ export declare const NH5: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2125,12 +2125,12 @@ export declare const NH5: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     alignText: boolean;
 }>;
 export declare const NH6: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2347,7 +2347,7 @@ export declare const NH6: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2551,6 +2551,6 @@ export declare const NH6: import("vue").DefineComponent<{
         ulPadding: string;
     }, any>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
     alignText: boolean;
 }>;

package/es/typography/src/hr.js

@@ -7,7 +7,7 @@ export default defineComponent({
     props: Object.assign({}, useTheme.props),
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Hr', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-hr', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/ol.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: olProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Ol&Ul', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-xl', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/p.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: pProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'P', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-p', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/text.js

@@ -24,7 +24,7 @@ export default defineComponent({
     props: textProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Text', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-text', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             compitableTag: useCompitable(props, ['as', 'tag']),

package/es/typography/src/ul.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: ulProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Ol&Ul', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-xl', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/upload/src/Upload.js

@@ -221,7 +221,7 @@ export default defineComponent({
             throwError('upload', 'when the list-type is image-card, abstract is not supported.');
         }
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Upload', 'Upload', style, uploadLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Upload', '-upload', style, uploadLight, props, mergedClsPrefixRef);
         const formItem = useFormItem(props);
         const maxReachedRef = computed(() => {
             const { max } = props;

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

@@ -377,7 +377,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-    progressStatus: import("vue").ComputedRef<"error" | "info" | "success">;
+    progressStatus: import("vue").ComputedRef<"success" | "error" | "info">;
     buttonType: import("vue").ComputedRef<"error" | undefined>;
     showProgress: import("vue").ComputedRef<boolean>;
     disabled: import("vue").Ref<boolean>;

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

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     status: {
-        type: PropType<"error" | "info" | "success">;
+        type: PropType<"success" | "error" | "info">;
         required: true;
     };
 }, {
@@ -380,7 +380,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     status: {
-        type: PropType<"error" | "info" | "success">;
+        type: PropType<"success" | "error" | "info">;
         required: true;
     };
 }>>, {

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.24.4";
+declare const _default: "2.25.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.24.4';
+export default '2.25.0';

package/lib/_internal/clear/src/Clear.js

@@ -20,7 +20,7 @@ exports.default = (0, vue_1.defineComponent)({
         onClear: Function
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseClear', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-clear', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
         const { NConfigProvider } = (0, _mixins_1.useConfig)();
         return {
             NConfigProvider,
@@ -34,9 +34,10 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-base-clear` },
             (0, vue_1.h)(icon_switch_transition_1.default, null, {
                 default: () => {
+                    var _a, _b;
                     return this.show ? ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, {
                         default: () => (0, vue_1.h)(icons_1.ClearIcon, null)
-                    })) : ((0, vue_1.h)("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, this.$slots));
+                    })) : ((0, vue_1.h)("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)));
                 }
             })));
     }

package/lib/_internal/close/src/Close.js

@@ -22,7 +22,7 @@ exports.default = (0, vue_1.defineComponent)({
         onClick: Function
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseClose', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-close', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
         return () => {
             const { clsPrefix, disabled } = props;
             return ((0, vue_1.h)(icon_1.default, { role: "button", ariaDisabled: disabled, ariaLabel: "close", clsPrefix: clsPrefix, class: [

package/lib/_internal/icon/src/Icon.js

@@ -28,7 +28,7 @@ exports.default = (0, vue_1.defineComponent)({
         onMouseup: Function
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseIcon', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-icon', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
     },
     render() {
         return ((0, vue_1.h)("i", { class: `${this.clsPrefix}-base-icon`, onClick: this.onClick, onMousedown: this.onMousedown, onMouseup: this.onMouseup, role: this.role, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, "aria-disabled": this.ariaDisabled }, this.$slots));

package/lib/_internal/icons/ArrowUp.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/_internal/icons/ArrowUp.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'ArrowUp',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M3.13 9.163a.5.5 0 1 0 .74.674L9.5 3.67V17.5a.5.5 0 0 0 1 0V3.672l5.63 6.165a.5.5 0 0 0 .738-.674l-6.315-6.916a.746.746 0 0 0-.632-.24a.746.746 0 0 0-.476.24L3.131 9.163z", fill: "currentColor" }))));
+    }
+});

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

@@ -1,5 +1,6 @@
 export { default as AddIcon } from './Add';
 export { default as ArrowDownIcon } from './ArrowDown';
+export { default as ArrowUpIcon } from './ArrowUp';
 export { default as AttachIcon } from './Attach';
 export { default as BackwardIcon } from './Backward';
 export { default as DateIcon } from './Date';

package/lib/_internal/icons/index.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PhotoIcon = exports.FileIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = exports.ArrowBackIcon = exports.RetryIcon = exports.ToIcon = exports.ChevronDownFilledIcon = exports.ClearIcon = exports.ChevronDownIcon = exports.CancelIcon = exports.WarningIcon = exports.TimeIcon = exports.SwitcherIcon = exports.SuccessIcon = exports.SearchIcon = exports.RemoveIcon = exports.MoreIcon = exports.InfoIcon = exports.ForwardIcon = exports.FilterIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.ErrorIcon = exports.EmptyIcon = exports.DownloadIcon = exports.TrashIcon = exports.EyeOffIcon = exports.EyeIcon = exports.CloseIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.CheckmarkIcon = exports.DateIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowDownIcon = exports.AddIcon = void 0;
+exports.PhotoIcon = exports.FileIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = exports.ArrowBackIcon = exports.RetryIcon = exports.ToIcon = exports.ChevronDownFilledIcon = exports.ClearIcon = exports.ChevronDownIcon = exports.CancelIcon = exports.WarningIcon = exports.TimeIcon = exports.SwitcherIcon = exports.SuccessIcon = exports.SearchIcon = exports.RemoveIcon = exports.MoreIcon = exports.InfoIcon = exports.ForwardIcon = exports.FilterIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.ErrorIcon = exports.EmptyIcon = exports.DownloadIcon = exports.TrashIcon = exports.EyeOffIcon = exports.EyeIcon = exports.CloseIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.CheckmarkIcon = exports.DateIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowDownIcon = exports.AddIcon = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "AddIcon", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var ArrowDown_1 = require("./ArrowDown");
 Object.defineProperty(exports, "ArrowDownIcon", { enumerable: true, get: function () { return __importDefault(ArrowDown_1).default; } });
+var ArrowUp_1 = require("./ArrowUp");
+Object.defineProperty(exports, "ArrowUpIcon", { enumerable: true, get: function () { return __importDefault(ArrowUp_1).default; } });
 var Attach_1 = require("./Attach");
 Object.defineProperty(exports, "AttachIcon", { enumerable: true, get: function () { return __importDefault(Attach_1).default; } });
 var Backward_1 = require("./Backward");

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

@@ -38,7 +38,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseLoading', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-loading', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
     },
     render() {
         const { clsPrefix, radius, strokeWidth, stroke, scale } = this;

package/lib/_internal/menu-mask/src/MenuMask.js

@@ -15,7 +15,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseMenuMask', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-menu-mask', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
         const messageRef = (0, vue_1.ref)(null);
         let timerId = null;
         const uncontrolledShowRef = (0, vue_1.ref)(false);

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

@@ -460,7 +460,7 @@ const Scrollbar = (0, vue_1.defineComponent)({
             (0, evtd_1.off)('mousemove', window, handleYScrollMouseMove, true);
             (0, evtd_1.off)('mouseup', window, handleYScrollMouseUp, true);
         });
-        const themeRef = (0, _mixins_1.useTheme)('Scrollbar', 'Scrollbar', index_cssr_1.default, styles_1.scrollbarLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Scrollbar', '-scrollbar', index_cssr_1.default, styles_1.scrollbarLight, props, mergedClsPrefixRef);
         const exposedMethods = {
             scrollTo,
             sync,

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { TreeNode } from 'treemate';
-import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption, Value, SelectTreeMate } from '../../../select/src/interface';
+import type { SelectOption, SelectGroupOption, SelectIgnoredOption, Value, SelectTreeMate } from '../../../select/src/interface';
 import type { RenderLabel, Size, RenderOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    onToggle: PropType<(tmNode: TreeNode<SelectBaseOption>) => void>;
+    onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     selfRef: import("vue").Ref<HTMLElement | null>;
-    getPendingTmNode: () => TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
+    getPendingTmNode: () => TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
     prev: () => void;
     next: () => void;
     mergedTheme: import("vue").ComputedRef<{
@@ -425,7 +425,7 @@ declare const _default: import("vue").DefineComponent<{
     })[]>;
     itemSize: import("vue").ComputedRef<number>;
     padding: import("vue").ComputedRef<import("seemly").Margin>;
-    flattenedNodes: import("vue").ComputedRef<TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>[]>;
+    flattenedNodes: import("vue").ComputedRef<TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>[]>;
     empty: import("vue").ComputedRef<boolean>;
     virtualListContainer(): HTMLElement;
     virtualListContent(): HTMLElement;
@@ -486,7 +486,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    onToggle: PropType<(tmNode: TreeNode<SelectBaseOption>) => void>;
+    onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;

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

@@ -14,11 +14,11 @@ const cssr_1 = require("../../../_utils/cssr");
 const _mixins_1 = require("../../../_mixins");
 const loading_1 = __importDefault(require("../../loading"));
 const focus_detector_1 = __importDefault(require("../../focus-detector"));
+const styles_1 = require("../styles");
 const SelectOption_1 = __importDefault(require("./SelectOption"));
 const SelectGroupHeader_1 = __importDefault(require("./SelectGroupHeader"));
-const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const styles_1 = require("../styles");
 const interface_1 = require("./interface");
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.default = (0, vue_1.defineComponent)({
     name: 'InternalSelectMenu',
     props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), { clsPrefix: {
@@ -51,7 +51,7 @@ exports.default = (0, vue_1.defineComponent)({
         // deprecated
         onToggle: Function }),
     setup(props) {
-        const themeRef = (0, _mixins_1.useTheme)('InternalSelectMenu', 'InternalSelectMenu', index_cssr_1.default, styles_1.internalSelectMenuLight, props, (0, vue_1.toRef)(props, 'clsPrefix'));
+        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);
         const virtualListRef = (0, vue_1.ref)(null);
         const scrollbarRef = (0, vue_1.ref)(null);
@@ -60,15 +60,27 @@ exports.default = (0, vue_1.defineComponent)({
         const pendingNodeRef = (0, vue_1.ref)(null);
         function initPendingNode() {
             const { treeMate } = props;
-            setPendingTmNode(props.autoPending
-                ? props.value === null
-                    ? treeMate.getFirstAvailableNode()
-                    : props.multiple
-                        ? treeMate.getNode((props.value || [])[(props.value || [])
-                            .length - 1]) || treeMate.getFirstAvailableNode()
-                        : treeMate.getNode(props.value) ||
-                            treeMate.getFirstAvailableNode()
-                : null);
+            let defaultPendingNode = null;
+            if (props.autoPending) {
+                const { value } = props;
+                if (value === null) {
+                    defaultPendingNode = treeMate.getFirstAvailableNode();
+                }
+                else {
+                    if (props.multiple) {
+                        defaultPendingNode = treeMate.getNode((value || [])[(value || []).length - 1]);
+                    }
+                    else {
+                        defaultPendingNode = treeMate.getNode(value);
+                    }
+                    if (!defaultPendingNode || defaultPendingNode.disabled) {
+                        defaultPendingNode = treeMate.getFirstAvailableNode();
+                    }
+                }
+                if (defaultPendingNode) {
+                    setPendingTmNode(defaultPendingNode);
+                }
+            }
         }
         let initPendingNodeWatchStopHandle;
         (0, vue_1.watch)((0, vue_1.toRef)(props, 'show'), (value) => {
@@ -295,8 +307,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` }, $slots.empty ? ($slots.empty()) : ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })))),
-            $slots.action && ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__action`, "data-action": true }, $slots.action())),
-            $slots.action && (0, vue_1.h)(focus_detector_1.default, { onFocus: this.onTabOut })));
+            })) : ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__empty` }, (0, _utils_1.resolveSlot)($slots.empty, () => [
+                (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
+            ]))),
+            (0, _utils_1.resolveWrappedSlot)($slots.action, (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

@@ -1,8 +1,10 @@
 import { PropType, InputHTMLAttributes } from 'vue';
 import type { SelectBaseOption } from '../../../select/src/interface';
-import { RenderTag } from './interface';
+import type { FormValidationStatus } from '../../../form/src/interface';
+import type { RenderTag } from './interface';
 import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interface';
 export interface InternalSelectionInst {
+    isCompositing: boolean;
     focus: () => void;
     focusInput: () => void;
     blur: () => void;
@@ -20,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     active: BooleanConstructor;
     pattern: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     placeholder: StringConstructor;
     selectedOption: {
@@ -57,7 +59,10 @@ declare const _default: import("vue").DefineComponent<{
     maxTagCount: PropType<number | "responsive">;
     onClear: PropType<(e: MouseEvent) => void>;
     onPatternInput: PropType<(e: InputEvent) => void>;
+    onPatternFocus: PropType<(e: FocusEvent) => void>;
+    onPatternBlur: PropType<(e: FocusEvent) => void>;
     renderLabel: PropType<RenderLabel>;
+    status: PropType<FormValidationStatus>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
@@ -479,7 +484,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePatternKeyDown: (e: KeyboardEvent) => void;
     handlePatternInputInput: (e: InputEvent) => void;
     handlePatternInputBlur: (e: FocusEvent) => void;
-    handlePatternInputFocus: () => void;
+    handlePatternInputFocus: (e: FocusEvent) => void;
     handleMouseEnterCounter: () => void;
     handleMouseLeaveCounter: () => void;
     handleFocusout: (e: FocusEvent) => void;
@@ -553,7 +558,7 @@ declare const _default: import("vue").DefineComponent<{
     active: BooleanConstructor;
     pattern: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     placeholder: StringConstructor;
     selectedOption: {
@@ -590,7 +595,10 @@ declare const _default: import("vue").DefineComponent<{
     maxTagCount: PropType<number | "responsive">;
     onClear: PropType<(e: MouseEvent) => void>;
     onPatternInput: PropType<(e: InputEvent) => void>;
+    onPatternFocus: PropType<(e: FocusEvent) => void>;
+    onPatternBlur: PropType<(e: FocusEvent) => void>;
     renderLabel: PropType<RenderLabel>;
+    status: PropType<FormValidationStatus>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
@@ -805,8 +813,8 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     disabled: boolean;
     autofocus: boolean;
-    loading: boolean;
     bordered: boolean | undefined;
+    loading: boolean;
     showArrow: boolean;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null;
     selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null;