naive-ui 2.31.0 → 2.32.0

package/es/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 { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/styles';
 export { stepsDark } 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';

package/es/styles.js

@@ -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,23 +54,25 @@ 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 { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/styles';
 export { stepsDark } 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';
 // danger zone, internal 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';

package/es/themes/dark.js

@@ -38,6 +38,7 @@ import { imageDark } from '../image/styles';
 import { inputDark } from '../input/styles';
 import { inputNumberDark } from '../input-number/styles';
 import { layoutDark } from '../layout/styles';
+import { legacyTransferDark } from '../legacy-transfer/styles';
 import { listDark } from '../list/styles';
 import { loadingBarDark } from '../loading-bar/styles';
 import { logDark } from '../log/styles';
@@ -55,6 +56,7 @@ import { progressDark } from '../progress/styles';
 import { radioDark } from '../radio/styles';
 import { rateDark } from '../rate/styles';
 import { resultDark } from '../result/styles';
+import { rowDark } from '../legacy-grid/styles';
 import { scrollbarDark } from '../_internal/scrollbar/styles';
 import { selectDark } from '../select/styles';
 import { skeletonDark } from '../skeleton/styles';
@@ -118,6 +120,7 @@ export const darkTheme = {
     Image: imageDark,
     Input: inputDark,
     InputNumber: inputNumberDark,
+    LegacyTransfer: legacyTransferDark,
     Layout: layoutDark,
     List: listDark,
     LoadingBar: loadingBarDark,
@@ -136,6 +139,7 @@ export const darkTheme = {
     Radio: radioDark,
     Rate: rateDark,
     Result: resultDark,
+    Row: rowDark,
     Scrollbar: scrollbarDark,
     Select: selectDark,
     Skeleton: skeletonDark,

package/es/themes/light.js

@@ -40,6 +40,7 @@ import { imageLight } from '../image/styles';
 import { inputLight } from '../input/styles';
 import { inputNumberLight } from '../input-number/styles';
 import { layoutLight } from '../layout/styles';
+import { legacyTransferLight } from '../legacy-transfer/styles';
 import { listLight } from '../list/styles';
 import { loadingBarLight } from '../loading-bar/styles';
 import { logLight } from '../log/styles';
@@ -57,6 +58,7 @@ import { progressLight } from '../progress/styles';
 import { radioLight } from '../radio/styles';
 import { rateLight } from '../rate/styles';
 import { resultLight } from '../result/styles';
+import { rowLight } from '../legacy-grid/styles';
 import { scrollbarLight } from '../_internal/scrollbar/styles';
 import { selectLight } from '../select/styles';
 import { skeletonLight } from '../skeleton/styles';
@@ -121,6 +123,7 @@ export const lightTheme = {
     Input: inputLight,
     InputNumber: inputNumberLight,
     Layout: layoutLight,
+    LegacyTransfer: legacyTransferLight,
     List: listLight,
     LoadingBar: loadingBarLight,
     Log: logLight,
@@ -137,6 +140,7 @@ export const lightTheme = {
     Progress: progressLight,
     Radio: radioLight,
     Rate: rateLight,
+    Row: rowLight,
     Result: resultLight,
     Scrollbar: scrollbarLight,
     Skeleton: skeletonLight,

package/es/thing/src/Thing.js

@@ -1,5 +1,5 @@
 import { h, defineComponent, computed, Fragment } from 'vue';
-import { useConfig, useTheme, useThemeClass } from '../../_mixins';
+import { useConfig, useTheme, useThemeClass, useRtl } from '../../_mixins';
 import { thingLight } from '../styles';
 import style from './styles/index.cssr';
 export const thingProps = Object.assign(Object.assign({}, useTheme.props), { title: String, titleExtra: String, description: String, content: String, contentIndented: {
@@ -10,8 +10,9 @@ export default defineComponent({
     name: 'Thing',
     props: thingProps,
     setup(props, { slots }) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
         const themeRef = useTheme('Thing', '-thing', style, thingLight, props, mergedClsPrefixRef);
+        const rtlEnabledRef = useRtl('Thing', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { self: { titleTextColor, textColor, titleFontWeight, fontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
@@ -28,8 +29,13 @@ export default defineComponent({
         return () => {
             var _a;
             const { value: mergedClsPrefix } = mergedClsPrefixRef;
+            const rtlEnabled = rtlEnabledRef ? rtlEnabledRef.value : false;
             (_a = themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender) === null || _a === void 0 ? void 0 : _a.call(themeClassHandle);
-            return (h("div", { class: [`${mergedClsPrefix}-thing`, themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass], style: inlineThemeDisabled
+            return (h("div", { class: [
+                    `${mergedClsPrefix}-thing`,
+                    themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+                    rtlEnabled && `${mergedClsPrefix}-thing--rtl`
+                ], style: inlineThemeDisabled
                     ? undefined
                     : cssVarsRef.value },
                 slots.avatar && props.contentIndented ? (h("div", { class: `${mergedClsPrefix}-thing-avatar` }, slots.avatar())) : null,

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

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

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

@@ -0,0 +1,8 @@
+import { cB, cM } from '../../../_utils/cssr';
+export default cB('thing', [cM('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [cB('thing-avatar', `
+ margin-left: 12px;
+ margin-right: 0;
+ `)])]);

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

@@ -1,3 +1,4 @@
 export { default as thingDark } from './dark';
 export { default as thingLight } from './light';
+export { thingRtl } from './rtl';
 export type { ThingThemeVars, ThingTheme } from './light';

package/es/thing/styles/index.js

@@ -1,2 +1,3 @@
 export { default as thingDark } from './dark';
 export { default as thingLight } from './light';
+export { thingRtl } from './rtl';

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

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

package/es/thing/styles/rtl.js

@@ -0,0 +1,8 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+import { buttonRtl } from '../../button/styles/rtl';
+import { spaceRtl } from '../../space/styles/rtl';
+export const thingRtl = {
+    name: 'Thing',
+    style: rtlStyle,
+    peers: [buttonRtl, spaceRtl]
+};

package/es/time-picker/src/TimePicker.d.ts

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

package/es/transfer/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NTransfer, transferProps } from './src/Transfer';
 export type { TransferProps } from './src/Transfer';
-export type { Option as TransferOption } from './src/interface';
+export type { Option as TransferOption, TransferRenderSourceLabel, TransferRenderTargetLabel, TransferRenderSourceList } from './src/interface';