naive-ui 2.31.0 → 2.32.0

package/lib/locales/common/plPL.js

@@ -56,10 +56,18 @@ const plPL = {
         confirm: 'Potwierdź',
         clear: 'Wyczyść'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: 'Źródło',
         targetTitle: 'Cel'
     },
+    // TODO: translation
+    Transfer: {
+        selectAll: 'Select all',
+        unselectAll: 'Unselect all',
+        clearAll: 'Clear',
+        total: (num) => `Total ${num} items`,
+        selected: (num) => `${num} items selected`
+    },
     Empty: {
         description: 'Brak danych'
     },

package/lib/locales/common/ptBR.js

@@ -56,10 +56,18 @@ const ptBR = {
         confirm: 'Confirmar',
         clear: 'Limpar'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: 'Fonte',
         targetTitle: 'Destino'
     },
+    // TODO: translation
+    Transfer: {
+        selectAll: 'Select all',
+        unselectAll: 'Unselect all',
+        clearAll: 'Clear',
+        total: (num) => `Total ${num} items`,
+        selected: (num) => `${num} items selected`
+    },
     Empty: {
         description: 'Não há dados'
     },

package/lib/locales/common/ruRU.js

@@ -57,10 +57,18 @@ const ruRu = {
         confirm: 'Подтвердить',
         clear: 'Очистить'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: 'Источник',
         targetTitle: 'Назначение'
     },
+    // TODO: translation
+    Transfer: {
+        selectAll: 'Select all',
+        unselectAll: 'Unselect all',
+        clearAll: 'Clear',
+        total: (num) => `Total ${num} items`,
+        selected: (num) => `${num} items selected`
+    },
     Empty: {
         description: 'Нет данных'
     },

package/lib/locales/common/skSK.js

@@ -56,10 +56,18 @@ const skSK = {
         confirm: 'Potvrdiť',
         clear: 'Vyčistiť'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: 'Zdroj',
         targetTitle: 'Cieľ'
     },
+    // TODO: translation
+    Transfer: {
+        selectAll: 'Select all',
+        unselectAll: 'Unselect all',
+        clearAll: 'Clear',
+        total: (num) => `Total ${num} items`,
+        selected: (num) => `${num} items selected`
+    },
     Empty: {
         description: 'Žiadne dáta'
     },

package/lib/locales/common/thTH.js

@@ -56,10 +56,18 @@ const thTH = {
         confirm: 'ยืนยัน',
         clear: 'ล้างข้อมูล'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: 'Source',
         targetTitle: 'Target'
     },
+    // TODO: translation
+    Transfer: {
+        selectAll: 'Select all',
+        unselectAll: 'Unselect all',
+        clearAll: 'Clear',
+        total: (num) => `Total ${num} items`,
+        selected: (num) => `${num} items selected`
+    },
     Empty: {
         description: 'ไม่มีข้อมูล'
     },

package/lib/locales/common/ukUA.js

@@ -55,10 +55,18 @@ const ukUA = {
         confirm: 'Підтвердити',
         clear: 'Стерти'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: 'Джерело',
         targetTitle: 'Ціль'
     },
+    // TODO: translation
+    Transfer: {
+        selectAll: 'Select all',
+        unselectAll: 'Unselect all',
+        clearAll: 'Clear',
+        total: (num) => `Total ${num} items`,
+        selected: (num) => `${num} items selected`
+    },
     Empty: {
         description: 'Немає даних'
     },

package/lib/locales/common/viVN.js

@@ -55,10 +55,18 @@ const viVN = {
         confirm: 'Xác nhận',
         clear: 'Xóa'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: 'Nguồn',
         targetTitle: 'Đích'
     },
+    // TODO: translation
+    Transfer: {
+        selectAll: 'Select all',
+        unselectAll: 'Unselect all',
+        clearAll: 'Clear',
+        total: (num) => `Total ${num} items`,
+        selected: (num) => `${num} items selected`
+    },
     Empty: {
         description: 'Không có dữ liệu'
     },

package/lib/locales/common/zhCN.js

@@ -55,10 +55,17 @@ const zhCN = {
         confirm: '确认',
         clear: '重置'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: '源项',
         targetTitle: '目标项'
     },
+    Transfer: {
+        selectAll: '全选',
+        clearAll: '清除',
+        unselectAll: '取消全选',
+        total: (num) => `共 ${num} 项`,
+        selected: (num) => `已选 ${num} 项`
+    },
     Empty: {
         description: '无数据'
     },

package/lib/locales/common/zhTW.js

@@ -55,10 +55,18 @@ const zhTW = {
         confirm: '確認',
         clear: '重置'
     },
-    Transfer: {
+    LegacyTransfer: {
         sourceTitle: '源項',
         targetTitle: '目標項'
     },
+    Transfer: {
+        // TODO: translation
+        selectAll: '全选',
+        unselectAll: '取消全选',
+        clearAll: '清除',
+        total: (num) => `共 ${num} 項`,
+        selected: (num) => `已選 ${num} 項`
+    },
     Empty: {
         description: '無數據'
     },

package/lib/log/src/Log.d.ts

@@ -74,6 +74,7 @@ export declare const logProps: {
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Log", {
@@ -100,6 +101,7 @@ export declare const logProps: {
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Log", {
@@ -126,6 +128,7 @@ export declare const logProps: {
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>>;
 };
@@ -187,6 +190,7 @@ declare const _default: import("vue").DefineComponent<{
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Log", {
@@ -213,6 +217,7 @@ declare const _default: import("vue").DefineComponent<{
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Log", {
@@ -239,6 +244,7 @@ declare const _default: import("vue").DefineComponent<{
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>>;
 }, {
@@ -386,6 +392,7 @@ declare const _default: import("vue").DefineComponent<{
                 'hue-5-2': string;
                 'hue-6': string;
                 'hue-6-2': string;
+                lineNumberTextColor: string;
             }, any>;
         };
         peerOverrides: {
@@ -481,6 +488,7 @@ declare const _default: import("vue").DefineComponent<{
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Log", {
@@ -507,6 +515,7 @@ declare const _default: import("vue").DefineComponent<{
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Log", {
@@ -533,6 +542,7 @@ declare const _default: import("vue").DefineComponent<{
             'hue-5-2': string;
             'hue-6': string;
             'hue-6-2': string;
+            lineNumberTextColor: string;
         }, any>;
     }>>>;
 }>>, {

package/lib/log/styles/light.d.ts

@@ -31,6 +31,7 @@ declare const logLight: import("../../_mixins").Theme<"Log", {
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>;
 }>;
 export default logLight;

package/lib/mention/src/Mention.d.ts

@@ -1097,6 +1097,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     cursorRef: import("vue").Ref<HTMLElement | null>;
     followerRef: import("vue").Ref<{

package/lib/notification/src/Notification.d.ts

@@ -18,8 +18,11 @@ export declare const notificationProps: {
         readonly type: PropType<() => void>;
         readonly required: true;
     };
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
-export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "avatar" | "closable" | "onClose")[];
+export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "onMouseenter" | "onMouseleave" | "title" | "action" | "avatar" | "closable" | "onClose" | "keepAliveOnHover")[];
 export declare const Notification: import("vue").DefineComponent<{
     readonly closable: {
         readonly type: BooleanConstructor;
@@ -39,6 +42,9 @@ export declare const Notification: import("vue").DefineComponent<{
         readonly type: PropType<() => void>;
         readonly required: true;
     };
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
     showAvatar: import("vue").ComputedRef<boolean | (() => VNodeChild)>;
@@ -98,7 +104,11 @@ export declare const Notification: import("vue").DefineComponent<{
         readonly type: PropType<() => void>;
         readonly required: true;
     };
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 }>>, {
     readonly type: "default" | "error" | "info" | "success" | "warning";
     readonly closable: boolean;
+    readonly keepAliveOnHover: boolean;
 }>;

package/lib/notification/src/Notification.js

@@ -4,7 +4,6 @@ exports.Notification = exports.notificationPropKeys = exports.notificationProps
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const icons_1 = require("../../_internal/icons");
-const use_rtl_1 = require("../../_mixins/use-rtl");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
 const _mixins_1 = require("../../_mixins");
@@ -34,7 +33,10 @@ exports.notificationProps = {
     onClose: {
         type: Function,
         required: true
-    }
+    },
+    keepAliveOnHover: Boolean,
+    onMouseenter: Function,
+    onMouseleave: Function
 };
 exports.notificationPropKeys = (0, _utils_1.keysOf)(exports.notificationProps);
 exports.Notification = (0, vue_1.defineComponent)({
@@ -45,7 +47,7 @@ exports.Notification = (0, vue_1.defineComponent)({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(context_1.notificationProviderInjectionKey);
         const { inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)();
-        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Notification', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Notification', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { type } = props;
             const { self: { color, textColor, closeIconColor, closeIconColorHover, closeIconColorPressed, headerTextColor, descriptionTextColor, actionTextColor, borderRadius, headerFontWeight, boxShadow, lineHeight, fontSize, closeMargin, closeSize, width, padding, closeIconSize, closeBorderRadius, closeColorHover, closeColorPressed, titleFontSize, metaFontSize, descriptionFontSize, [(0, _utils_1.createKey)('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
@@ -105,7 +107,7 @@ exports.Notification = (0, vue_1.defineComponent)({
         var _a;
         const { mergedClsPrefix } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], style: this.cssVars },
+        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-notification-wrapper`, this.themeClass], onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: this.cssVars },
             (0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-notification`,
                     this.rtlEnabled && `${mergedClsPrefix}-notification--rtl`,

package/lib/notification/src/NotificationEnvironment.d.ts

@@ -25,6 +25,9 @@ export declare const notificationEnvOptions: {
     readonly content: PropType<string | (() => import("vue").VNodeChild)>;
     readonly meta: PropType<string | (() => import("vue").VNodeChild)>;
     readonly action: PropType<string | (() => import("vue").VNodeChild)>;
+    readonly keepAliveOnHover: BooleanConstructor;
+    readonly onMouseenter: PropType<(e: MouseEvent) => void>;
+    readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
 export declare type NotificationOptions = Partial<ExtractPropTypes<typeof notificationEnvOptions>>;
 export declare const NotificationEnvironment: import("vue").DefineComponent<{
@@ -58,6 +61,9 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     content: PropType<string | (() => import("vue").VNodeChild)>;
     meta: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<string | (() => import("vue").VNodeChild)>;
+    keepAliveOnHover: BooleanConstructor;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     show: import("vue").Ref<boolean>;
     hide: () => void;
@@ -67,6 +73,8 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     handleBeforeLeave: (el: HTMLElement) => void;
     handleAfterEnter: (el: HTMLElement) => void;
     handleBeforeEnter: (el: HTMLElement) => void;
+    handleMouseenter: (e: MouseEvent) => void;
+    handleMouseleave: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
@@ -98,7 +106,11 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     content: PropType<string | (() => import("vue").VNodeChild)>;
     meta: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<string | (() => import("vue").VNodeChild)>;
+    keepAliveOnHover: BooleanConstructor;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     closable: boolean;
+    keepAliveOnHover: boolean;
 }>;

package/lib/notification/src/NotificationEnvironment.js

@@ -80,6 +80,25 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
             if (onAfterHide)
                 onAfterHide();
         }
+        function setHideTimeout() {
+            const { duration } = props;
+            if (duration) {
+                timerId = window.setTimeout(hide, duration);
+            }
+        }
+        function handleMouseenter(e) {
+            if (e.currentTarget !== e.target)
+                return;
+            if (timerId !== null) {
+                window.clearTimeout(timerId);
+                timerId = null;
+            }
+        }
+        function handleMouseleave(e) {
+            if (e.currentTarget !== e.target)
+                return;
+            setHideTimeout();
+        }
         function handleClose() {
             const { onClose } = props;
             if (onClose) {
@@ -106,7 +125,9 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
             handleLeave,
             handleBeforeLeave,
             handleAfterEnter,
-            handleBeforeEnter
+            handleBeforeEnter,
+            handleMouseenter,
+            handleMouseleave
         };
     },
     render() {
@@ -114,7 +135,11 @@ exports.NotificationEnvironment = (0, vue_1.defineComponent)({
             // convert to any since Element is not compitable with HTMLElement
             onBeforeEnter: this.handleBeforeEnter, onAfterEnter: this.handleAfterEnter, onBeforeLeave: this.handleBeforeLeave, onLeave: this.handleLeave, onAfterLeave: this.handleAfterLeave }, {
             default: () => {
-                return this.show ? ((0, vue_1.h)(Notification_1.Notification, Object.assign({}, (0, _utils_1.keep)(this.$props, Notification_1.notificationPropKeys), { onClose: this.handleClose }))) : null;
+                return this.show ? ((0, vue_1.h)(Notification_1.Notification, Object.assign({}, (0, _utils_1.keep)(this.$props, Notification_1.notificationPropKeys), { onClose: this.handleClose, onMouseenter: this.duration && this.keepAliveOnHover
+                        ? this.handleMouseenter
+                        : undefined, onMouseleave: this.duration && this.keepAliveOnHover
+                        ? this.handleMouseleave
+                        : undefined }))) : null;
             }
         }));
     }

package/lib/notification/src/NotificationProvider.d.ts

@@ -48,6 +48,7 @@ export declare const notificationProviderProps: {
         type: PropType<NotificationPlacement>;
         default: string;
     };
+    keepAliveOnHover: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -170,6 +171,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<NotificationPlacement>;
         default: string;
     };
+    keepAliveOnHover: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -287,6 +289,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly deactivate: () => void;
         type?: "default" | "error" | "info" | "success" | "warning" | undefined;
         closable?: boolean | undefined;
+        keepAliveOnHover?: boolean | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         description?: string | (() => import("vue").VNodeChild) | undefined;
@@ -294,6 +297,8 @@ declare const _default: import("vue").DefineComponent<{
         onAfterEnter?: (() => void) | undefined;
         onLeave?: (() => void) | undefined;
         onAfterLeave?: (() => void) | undefined;
+        onMouseenter?: ((e: MouseEvent) => void) | undefined;
+        onMouseleave?: ((e: MouseEvent) => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         action?: string | (() => import("vue").VNodeChild) | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
@@ -324,6 +329,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<NotificationPlacement>;
         default: string;
     };
+    keepAliveOnHover: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Notification", {
         borderRadius: string;
         lineHeight: string;
@@ -435,5 +441,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     placement: NotificationPlacement;
     scrollable: boolean;
+    keepAliveOnHover: boolean;
 }>;
 export default _default;

package/lib/notification/src/NotificationProvider.js

@@ -21,7 +21,7 @@ exports.notificationProviderProps = Object.assign(Object.assign({}, _mixins_1.us
     }, max: Number, placement: {
         type: String,
         default: 'top-right'
-    } });
+    }, keepAliveOnHover: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'NotificationProvider',
     props: exports.notificationProviderProps,
@@ -123,7 +123,9 @@ exports.default = (0, vue_1.defineComponent)({
                                 'destroy',
                                 'hide',
                                 'deactivate'
-                            ]), { internalKey: notification.key, onInternalAfterLeave: this.handleAfterLeave })));
+                            ]), { internalKey: notification.key, onInternalAfterLeave: this.handleAfterLeave, keepAliveOnHover: notification.keepAliveOnHover === undefined
+                                    ? this.keepAliveOnHover
+                                    : notification.keepAliveOnHover })));
                         });
                     }
                 }))) : null));

package/lib/pagination/src/Pagination.d.ts

@@ -2094,6 +2094,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     mergedPage: import("vue").ComputedRef<number>;
     pageItems: import("vue").ComputedRef<PageItem[]>;

package/lib/progress/src/Circle.js

@@ -69,7 +69,9 @@ exports.default = (0, vue_1.defineComponent)({
             const pathStyle = {
                 stroke: strokeColor,
                 strokeDasharray: `${(percent / 100) * (len - gapDegree)}px ${viewBoxWidth * 8}px`,
-                strokeDashoffset: `-${gapDegree / 2 + (Math.PI / 3.6) * offsetDegree}px`
+                strokeDashoffset: `-${gapDegree / 2}px`,
+                transformOrigin: offsetDegree ? 'center' : undefined,
+                transform: offsetDegree ? `rotate(${offsetDegree}deg)` : undefined
             };
             return {
                 pathString,

package/lib/select/src/Select.js

@@ -331,6 +331,9 @@ exports.default = (0, vue_1.defineComponent)({
                     // already focused, don't need to return focus
                     closeMenu();
                 }
+                else {
+                    focusSelectionInput();
+                }
             }
         }
         function handleTriggerBlur(e) {

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

@@ -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

@@ -14,8 +14,9 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Statistic',
     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 {
@@ -33,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,
@@ -43,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
+};