naive-ui 2.30.8 → 2.32.1

package/lib/statistic/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NStatistic = void 0;
+exports.statisticProps = exports.NStatistic = void 0;
 var Statistic_1 = require("./src/Statistic");
 Object.defineProperty(exports, "NStatistic", { enumerable: true, get: function () { return __importDefault(Statistic_1).default; } });
+Object.defineProperty(exports, "statisticProps", { enumerable: true, get: function () { return Statistic_1.statisticProps; } });

package/lib/statistic/src/Statistic.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const statisticProps: {
+export declare const statisticProps: {
     tabularNums: BooleanConstructor;
     label: StringConstructor;
     value: (StringConstructor | NumberConstructor)[];
@@ -64,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         valueTextColor: string;
     }, any>>>;
 }, {
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;

package/lib/statistic/src/Statistic.js

@@ -3,18 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.statisticProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const statisticProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { tabularNums: Boolean, label: String, value: [String, Number] });
+exports.statisticProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { tabularNums: Boolean, label: String, value: [String, Number] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Statistic',
-    props: statisticProps,
+    props: exports.statisticProps,
     setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Statistic', '-statistic', index_cssr_1.default, styles_1.statisticLight, props, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Statistic', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { labelFontWeight, valueFontWeight, valuePrefixTextColor, labelTextColor, valueSuffixTextColor, valueTextColor, labelFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
@@ -32,6 +34,7 @@ exports.default = (0, vue_1.defineComponent)({
             ? (0, _mixins_1.useThemeClass)('statistic', undefined, cssVarsRef, props)
             : undefined;
         return {
+            rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
@@ -42,7 +45,11 @@ exports.default = (0, vue_1.defineComponent)({
         var _a;
         const { mergedClsPrefix, $slots: { default: defaultSlot, label: labelSlot, prefix: prefixSlot, suffix: suffixSlot } } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-statistic`, this.themeClass], style: this.cssVars },
+        return ((0, vue_1.h)("div", { class: [
+                `${mergedClsPrefix}-statistic`,
+                this.themeClass,
+                this.rtlEnabled && `${mergedClsPrefix}-statistic--rtl`
+            ], style: this.cssVars },
             (0, _utils_1.resolveWrappedSlot)(labelSlot, (children) => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-statistic__label` }, this.label || children))),
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-statistic-value`, style: {
                     fontVariantNumeric: this.tabularNums ? 'tabular-nums' : ''

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.cB)('statistic', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [(0, cssr_1.cB)('statistic-value', [(0, cssr_1.cE)('prefix', `
+ margin: 0 0 0 4px;
+ `), (0, cssr_1.cE)('suffix', `
+ margin: 0 4px 0 0;
+ `)])])]);

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

@@ -1,3 +1,4 @@
 export { default as statisticDark } from './dark';
 export { default as statisticLight } from './light';
+export { statisticRtl } from './rtl';
 export type { StatisticTheme, StatisticThemeVars } from './light';

package/lib/statistic/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.statisticLight = exports.statisticDark = void 0;
+exports.statisticRtl = exports.statisticLight = exports.statisticDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "statisticLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "statisticRtl", { enumerable: true, get: function () { return rtl_1.statisticRtl; } });

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

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

package/lib/statistic/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.statisticRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.statisticRtl = {
+    name: 'Statistic',
+    style: rtl_cssr_1.default
+};

package/lib/steps/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NSteps } from './src/Steps';
-export { default as NStep } from './src/Step';
+export { default as NSteps, stepsProps } from './src/Steps';
+export { default as NStep, stepProps } from './src/Step';
 export type { StepsProps } from './src/Steps';
 export type { StepProps } from './src/Step';

package/lib/steps/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.NStep = exports.NSteps = void 0;
+exports.stepProps = exports.NStep = exports.stepsProps = exports.NSteps = void 0;
 var Steps_1 = require("./src/Steps");
 Object.defineProperty(exports, "NSteps", { enumerable: true, get: function () { return __importDefault(Steps_1).default; } });
+Object.defineProperty(exports, "stepsProps", { enumerable: true, get: function () { return Steps_1.stepsProps; } });
 var Step_1 = require("./src/Step");
 Object.defineProperty(exports, "NStep", { enumerable: true, get: function () { return __importDefault(Step_1).default; } });
+Object.defineProperty(exports, "stepProps", { enumerable: true, get: function () { return Step_1.stepProps; } });

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const stepProps: {
+export declare const stepProps: {
     readonly status: PropType<"wait" | "error" | "finish" | "process">;
     readonly title: StringConstructor;
     readonly description: StringConstructor;

package/lib/steps/src/Step.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.stepProps = void 0;
 const vue_1 = require("vue");
 const icons_1 = require("../../_internal/icons");
 const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
 const Steps_1 = require("./Steps");
 const _mixins_1 = require("../../_mixins");
-const stepProps = {
+exports.stepProps = {
     status: String,
     title: String,
     description: String,
@@ -19,7 +20,7 @@ const stepProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'Step',
-    props: stepProps,
+    props: exports.stepProps,
     setup(props) {
         const NSteps = (0, vue_1.inject)(Steps_1.stepsInjectionKey, null);
         if (!NSteps)

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

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes, Ref, Slots } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { StepsTheme } from '../styles';
-declare const stepsProps: {
+export declare const stepsProps: {
     current: NumberConstructor;
     status: {
         type: PropType<"wait" | "error" | "finish" | "process">;
@@ -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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stepsInjectionKey = void 0;
+exports.stepsInjectionKey = exports.stepsProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -21,7 +21,7 @@ function stepWithIndex(step, i) {
 function stepsWithIndex(steps) {
     return steps.map((step, i) => stepWithIndex(step, i));
 }
-const stepsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { current: Number, status: {
+exports.stepsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { current: Number, status: {
         type: String,
         default: 'process'
     }, size: {
@@ -31,9 +31,10 @@ const stepsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
 exports.stepsInjectionKey = (0, _utils_1.createInjectionKey)('n-steps');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Steps',
-    props: stepsProps,
+    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

@@ -8,6 +8,7 @@ export { backTopDark } from './back-top/styles';
 export { badgeDark, badgeRtl as unstableBadgeRtl } from './badge/styles';
 export { breadcrumbDark } from './breadcrumb/styles';
 export { buttonDark, buttonRtl as unstableButtonRtl } from './button/styles';
+export { notificationRtl as unstableNotificationRtl } from './notification/styles';
 export { buttonGroupDark, buttonGroupRtl as unstableButtonGroupRtl } from './button-group/styles';
 export { cardDark, cardRtl as unstableCardRtl } from './card/styles';
 export { cascaderDark } from './cascader/styles';
@@ -53,22 +54,24 @@ export { selectDark } from './select/styles';
 export { sliderDark } from './slider/styles';
 export { spaceDark, spaceRtl as unstableSpaceRtl } from './space/styles';
 export { spinDark } from './spin/styles';
-export { statisticDark } from './statistic/styles';
-export { stepsDark } from './steps/styles';
+export { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/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';
 export { tagDark, tagRtl as unstableTagRtl } from './tag/styles';
-export { thingDark } from './thing/styles';
+export { thingDark, thingRtl as unstableThingRtl } from './thing/styles';
 export { timePickerDark } from './time-picker/styles';
 export { timelineDark } from './timeline/styles';
 export { tooltipDark } from './tooltip/styles';
 export { transferDark } from './transfer/styles';
-export { treeDark } from './tree/styles';
+export { treeDark, treeRtl as unstableTreeRtl } from './tree/styles';
 export { treeSelectDark } from './tree-select/styles';
 export { typographyDark } from './typography/styles';
 export { uploadDark } from './upload/styles';
 export { watermarkDark } from './watermark/styles';
+export { rowRtl as unstableRowRtl } from './legacy-grid/styles';
 export { scrollbarDark } from './_internal/scrollbar/styles';
 export { internalSelectMenuDark } from './_internal/select-menu/styles';
 export { internalSelectionDark } from './_internal/selection/styles';
+export { scrollbarRtl as unstableScrollbarRtl } from './_internal/scrollbar/styles';