naive-ui 2.32.0 → 2.32.1

package/es/drawer/src/Drawer.d.ts

@@ -50,11 +50,11 @@ export declare const drawerProps: {
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -205,11 +205,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -536,11 +536,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -653,7 +653,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnEsc: boolean;
     readonly nativeScrollbar: boolean;
     readonly showMask: boolean | "transparent";
-    readonly defaultWidth: number;
-    readonly defaultHeight: number;
+    readonly defaultWidth: string | number;
+    readonly defaultHeight: string | number;
 }>;
 export default _default;

package/es/drawer/src/Drawer.js

@@ -36,10 +36,10 @@ export const drawerProps = Object.assign(Object.assign({}, useTheme.props), { sh
         type: Boolean,
         default: true
     }, resizable: Boolean, defaultWidth: {
-        type: Number,
+        type: [Number, String],
         default: 251
     }, defaultHeight: {
-        type: Number,
+        type: [Number, String],
         default: 251
     }, onUpdateWidth: [Function, Array], onUpdateHeight: [Function, Array], 'onUpdate:width': [Function, Array], 'onUpdate:height': [Function, Array], 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onAfterEnter: Function, onAfterLeave: Function, 
     /** @deprecated */

package/es/steps/src/Steps.d.ts

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
+    rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     current: NumberConstructor;
     status: {

package/es/steps/src/Steps.js

@@ -1,5 +1,5 @@
 import { h, defineComponent, provide } from 'vue';
-import { useConfig, useTheme } from '../../_mixins';
+import { useConfig, useTheme, useRtl } from '../../_mixins';
 import { createInjectionKey, flatten, getSlot } from '../../_utils';
 import { stepsLight } from '../styles';
 import style from './styles/index.cssr';
@@ -27,7 +27,8 @@ export default defineComponent({
     name: 'Steps',
     props: stepsProps,
     setup(props, { slots }) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+        const rtlEnabledRef = useRtl('Steps', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = useTheme('Steps', '-steps', style, stepsLight, props, mergedClsPrefixRef);
         provide(stepsInjectionKey, {
             props,
@@ -36,13 +37,15 @@ export default defineComponent({
             stepsSlots: slots
         });
         return {
-            mergedClsPrefix: mergedClsPrefixRef
+            mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef
         };
     },
     render() {
         const { mergedClsPrefix } = this;
         return (h("div", { class: [
                 `${mergedClsPrefix}-steps`,
+                this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
                 this.vertical && `${mergedClsPrefix}-steps--vertical`
             ] }, stepsWithIndex(flatten(getSlot(this)))));
     }

package/es/steps/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/es/steps/src/styles/rtl.cssr.js

@@ -0,0 +1,14 @@
+import { c, cB, cM, cE } from '../../../_utils/cssr';
+export default c([cB('steps', [cM('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [cB('step-content', [cB('step-content-header', `
+ margin-left: 0;
+ margin-right: 9px;
+ `), cE('description', `
+ margin-left: 0;
+ margin-right: 9px;
+ `)]), cM('vertical', [c('>', [cB('step', [c('>', [cB('step-indicator', [c('>', [cB('step-splitor', `
+ left: unset;
+ right: calc(var(--n-indicator-size) / 2);
+ `)])])])])])])])])]);

package/es/steps/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as stepsDark } from './dark';
 export { default as stepsLight } from './light';
+export { stepsRtl } from './rtl';
 export type { StepsThemeVars, StepsTheme } from './light';

package/es/steps/styles/index.js

@@ -1,2 +1,3 @@
 export { default as stepsDark } from './dark';
 export { default as stepsLight } from './light';
+export { stepsRtl } from './rtl';

package/es/steps/styles/rtl.d.ts

@@ -0,0 +1,2 @@
+import { RtlItem } from '../../config-provider/src/internal-interface';
+export declare const stepsRtl: RtlItem;

package/es/steps/styles/rtl.js

@@ -0,0 +1,5 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+export const stepsRtl = {
+    name: 'Steps',
+    style: rtlStyle
+};

package/es/styles.d.ts

@@ -55,7 +55,7 @@ export { sliderDark } from './slider/styles';
 export { spaceDark, spaceRtl as unstableSpaceRtl } from './space/styles';
 export { spinDark } from './spin/styles';
 export { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/styles';
-export { stepsDark } from './steps/styles';
+export { stepsDark, stepsRtl as unstableStepsRtl } from './steps/styles';
 export { switchDark } from './switch/styles';
 export { tableDark, tableRtl as unstableTableRtl } from './table/styles';
 export { tabsDark } from './tabs/styles';

package/es/styles.js

@@ -55,7 +55,7 @@ export { sliderDark } from './slider/styles';
 export { spaceDark, spaceRtl as unstableSpaceRtl } from './space/styles';
 export { spinDark } from './spin/styles';
 export { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/styles';
-export { stepsDark } from './steps/styles';
+export { stepsDark, stepsRtl as unstableStepsRtl } from './steps/styles';
 export { switchDark } from './switch/styles';
 export { tableDark, tableRtl as unstableTableRtl } from './table/styles';
 export { tabsDark } from './tabs/styles';

package/es/transfer/src/Transfer.js

@@ -73,14 +73,10 @@ export default defineComponent({
         }
         function handleItemCheck(checked, optionValue) {
             if (checked) {
-                doUpdateValue([...(mergedValueRef.value || []), optionValue]);
+                doUpdateValue((mergedValueRef.value || []).concat(optionValue));
             }
             else {
-                const index = (mergedValueRef.value || []).findIndex((v) => v === optionValue);
-                if (~index) {
-                    ;
-                    (mergedValueRef.value || []).splice(index, 1);
-                }
+                doUpdateValue((mergedValueRef.value || []).filter((v) => v !== optionValue));
             }
         }
         function handleChecked(optionValueList) {

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.32.0";
+declare const _default: "2.32.1";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.32.0';
+export default '2.32.1';

package/lib/drawer/src/Drawer.d.ts

@@ -50,11 +50,11 @@ export declare const drawerProps: {
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -205,11 +205,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -536,11 +536,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly defaultHeight: {
-        readonly type: NumberConstructor;
+        readonly type: PropType<string | number>;
         readonly default: 251;
     };
     readonly onUpdateWidth: PropType<MaybeArray<(value: number) => void>>;
@@ -653,7 +653,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnEsc: boolean;
     readonly nativeScrollbar: boolean;
     readonly showMask: boolean | "transparent";
-    readonly defaultWidth: number;
-    readonly defaultHeight: number;
+    readonly defaultWidth: string | number;
+    readonly defaultHeight: string | number;
 }>;
 export default _default;

package/lib/drawer/src/Drawer.js

@@ -42,10 +42,10 @@ exports.drawerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
         type: Boolean,
         default: true
     }, resizable: Boolean, defaultWidth: {
-        type: Number,
+        type: [Number, String],
         default: 251
     }, defaultHeight: {
-        type: Number,
+        type: [Number, String],
         default: 251
     }, onUpdateWidth: [Function, Array], onUpdateHeight: [Function, Array], 'onUpdate:width': [Function, Array], 'onUpdate:height': [Function, Array], 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onAfterEnter: Function, onAfterLeave: Function, 
     /** @deprecated */

package/lib/steps/src/Steps.d.ts

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
+    rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     current: NumberConstructor;
     status: {

package/lib/steps/src/Steps.js

@@ -33,7 +33,8 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Steps',
     props: exports.stepsProps,
     setup(props, { slots }) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Steps', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('Steps', '-steps', index_cssr_1.default, styles_1.stepsLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.stepsInjectionKey, {
             props,
@@ -42,13 +43,15 @@ exports.default = (0, vue_1.defineComponent)({
             stepsSlots: slots
         });
         return {
-            mergedClsPrefix: mergedClsPrefixRef
+            mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef
         };
     },
     render() {
         const { mergedClsPrefix } = this;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-steps`,
+                this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
                 this.vertical && `${mergedClsPrefix}-steps--vertical`
             ] }, stepsWithIndex((0, _utils_1.flatten)((0, _utils_1.getSlot)(this)))));
     }

package/lib/steps/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/lib/steps/src/styles/rtl.cssr.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('steps', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [(0, cssr_1.cB)('step-content', [(0, cssr_1.cB)('step-content-header', `
+ margin-left: 0;
+ margin-right: 9px;
+ `), (0, cssr_1.cE)('description', `
+ margin-left: 0;
+ margin-right: 9px;
+ `)]), (0, cssr_1.cM)('vertical', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-indicator', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
+ left: unset;
+ right: calc(var(--n-indicator-size) / 2);
+ `)])])])])])])])])]);

package/lib/steps/styles/index.d.ts

@@ -1,3 +1,4 @@
 export { default as stepsDark } from './dark';
 export { default as stepsLight } from './light';
+export { stepsRtl } from './rtl';
 export type { StepsThemeVars, StepsTheme } from './light';

package/lib/steps/styles/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stepsLight = exports.stepsDark = void 0;
+exports.stepsRtl = exports.stepsLight = exports.stepsDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "stepsLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "stepsRtl", { enumerable: true, get: function () { return rtl_1.stepsRtl; } });

package/lib/steps/styles/rtl.d.ts

@@ -0,0 +1,2 @@
+import { RtlItem } from '../../config-provider/src/internal-interface';
+export declare const stepsRtl: RtlItem;

package/lib/steps/styles/rtl.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stepsRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.stepsRtl = {
+    name: 'Steps',
+    style: rtl_cssr_1.default
+};

package/lib/styles.d.ts

@@ -55,7 +55,7 @@ export { sliderDark } from './slider/styles';
 export { spaceDark, spaceRtl as unstableSpaceRtl } from './space/styles';
 export { spinDark } from './spin/styles';
 export { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/styles';
-export { stepsDark } from './steps/styles';
+export { stepsDark, stepsRtl as unstableStepsRtl } from './steps/styles';
 export { switchDark } from './switch/styles';
 export { tableDark, tableRtl as unstableTableRtl } from './table/styles';
 export { tabsDark } from './tabs/styles';

package/lib/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mentionDark = exports.logDark = exports.loadingBarDark = exports.listDark = exports.layoutDark = exports.unstableInputNumberRtl = exports.inputNumberDark = exports.unstableInputRtl = exports.inputDark = exports.iconDark = exports.gradientTextDark = exports.formDark = exports.emptyDark = exports.elementDark = exports.dynamicTagsDark = exports.unstableDynamicInputRtl = exports.dynamicInputDark = exports.dropdownDark = exports.drawerDark = exports.dividerDark = exports.dialogDark = exports.descriptionsDark = exports.datePickerDark = exports.dataTableDark = exports.unstableCollapseTransitionRtl = exports.unstableCollapseRtl = exports.collapseDark = exports.codeDark = exports.unstableCheckboxRtl = exports.checkboxDark = exports.cascaderDark = exports.unstableCardRtl = exports.cardDark = exports.unstableButtonGroupRtl = exports.buttonGroupDark = exports.unstableNotificationRtl = exports.unstableButtonRtl = exports.buttonDark = exports.breadcrumbDark = exports.unstableBadgeRtl = exports.badgeDark = exports.backTopDark = exports.unstableAvatarGroupRtl = exports.avatarDark = exports.autoCompleteDark = exports.anchorDark = exports.unstableAlertRtl = exports.alertDark = exports.commonLight = exports.commonDark = void 0;
-exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = exports.scrollbarDark = exports.unstableRowRtl = exports.watermarkDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.unstableTreeRtl = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.stepsDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePageHeaderRtl = exports.unstablePaginationRtl = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = void 0;
+exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = exports.scrollbarDark = exports.unstableRowRtl = exports.watermarkDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.unstableTreeRtl = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.unstableStepsRtl = exports.stepsDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePageHeaderRtl = exports.unstablePaginationRtl = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = void 0;
 var common_1 = require("./_styles/common");
 Object.defineProperty(exports, "commonDark", { enumerable: true, get: function () { return common_1.commonDark; } });
 Object.defineProperty(exports, "commonLight", { enumerable: true, get: function () { return common_1.commonLight; } });
@@ -133,6 +133,7 @@ Object.defineProperty(exports, "statisticDark", { enumerable: true, get: functio
 Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_56.statisticRtl; } });
 var styles_57 = require("./steps/styles");
 Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_57.stepsDark; } });
+Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_57.stepsRtl; } });
 var styles_58 = require("./switch/styles");
 Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_58.switchDark; } });
 var styles_59 = require("./table/styles");

package/lib/transfer/src/Transfer.js

@@ -79,14 +79,10 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleItemCheck(checked, optionValue) {
             if (checked) {
-                doUpdateValue([...(mergedValueRef.value || []), optionValue]);
+                doUpdateValue((mergedValueRef.value || []).concat(optionValue));
             }
             else {
-                const index = (mergedValueRef.value || []).findIndex((v) => v === optionValue);
-                if (~index) {
-                    ;
-                    (mergedValueRef.value || []).splice(index, 1);
-                }
+                doUpdateValue((mergedValueRef.value || []).filter((v) => v !== optionValue));
             }
         }
         function handleChecked(optionValueList) {

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.32.0";
+declare const _default: "2.32.1";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.32.0';
+exports.default = '2.32.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.32.0",
+  "version": "2.32.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "naive-ui",
-  "version": "2.32.0",
+  "version": "2.32.1",
   "contributions": {
     "html": {
       "elements": [
@@ -3964,7 +3964,7 @@
               "default": "-",
               "description": "-",
               "value": {
-                "type": "number",
+                "type": "number | string",
                 "kind": "expression"
               }
             },
@@ -3973,7 +3973,7 @@
               "default": "-",
               "description": "-",
               "value": {
-                "type": "number",
+                "type": "number | string",
                 "kind": "expression"
               }
             },