naive-ui 2.30.7 → 2.32.0

package/es/thing/src/Thing.js

@@ -1,8 +1,8 @@
 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';
-const thingProps = Object.assign(Object.assign({}, useTheme.props), { title: String, titleExtra: String, description: String, content: String, contentIndented: {
+export const thingProps = Object.assign(Object.assign({}, useTheme.props), { title: String, titleExtra: String, description: String, content: String, contentIndented: {
         type: Boolean,
         default: false
     } });
@@ -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/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NTime } from './src/Time';
+export { default as NTime, timeProps } from './src/Time';
 export type { TimeProps } from './src/Time';

package/es/time/index.js

@@ -1 +1 @@
-export { default as NTime } from './src/Time';
+export { default as NTime, timeProps } from './src/Time';

package/es/time/src/Time.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const timeProps: {
+export declare const timeProps: {
     readonly time: {
         readonly type: PropType<number | Date>;
         readonly default: undefined;

package/es/time/src/Time.js

@@ -2,7 +2,7 @@ import { h, createTextVNode, defineComponent, computed } from 'vue';
 import { format, formatDistanceStrict, fromUnixTime } from 'date-fns/esm';
 import formatInTimeZone from 'date-fns-tz/esm/formatInTimeZone';
 import { useLocale } from '../../_mixins';
-const timeProps = {
+export const timeProps = {
     time: {
         type: [Number, Date],
         default: undefined // For unix or non unix mode, it should be different default value

package/es/time-picker/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NTimePicker } from './src/TimePicker';
+export { default as NTimePicker, timePickerProps } from './src/TimePicker';
 export type { TimePickerProps } from './src/TimePicker';
 export type { TimePickerInst } from './src/interface';

package/es/time-picker/index.js

@@ -1 +1 @@
-export { default as NTimePicker } from './src/TimePicker';
+export { default as NTimePicker, timePickerProps } from './src/TimePicker';

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

@@ -3,7 +3,7 @@ import { FollowerPlacement } from 'vueuc';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
-declare const timePickerProps: {
+export declare const timePickerProps: {
     to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
@@ -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/time-picker/src/TimePicker.js

@@ -28,7 +28,7 @@ function validateUnits(value, max) {
         return value >= 0 && value <= max;
     }
 }
-const timePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
+export const timePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
     }, actions: Array, defaultValue: {

package/es/timeline/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NTimeline } from './src/Timeline';
-export { default as NTimelineItem } from './src/TimelineItem';
+export { default as NTimeline, timelineProps } from './src/Timeline';
+export { default as NTimelineItem, timelineItemProps } from './src/TimelineItem';
 export type { TimelineProps } from './src/Timeline';
 export type { TimelineItemProps } from './src/TimelineItem';

package/es/timeline/index.js

@@ -1,2 +1,2 @@
-export { default as NTimeline } from './src/Timeline';
-export { default as NTimelineItem } from './src/TimelineItem';
+export { default as NTimeline, timelineProps } from './src/Timeline';
+export { default as NTimelineItem, timelineItemProps } from './src/TimelineItem';

package/es/timeline/src/Timeline.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes, Ref } from 'vue';
 import { MergedTheme } from '../../_mixins';
 import type { TimelineTheme } from '../styles';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const timelineProps: {
+export declare const timelineProps: {
     readonly horizontal: BooleanConstructor;
     readonly itemPlacement: {
         readonly type: PropType<"left" | "right">;

package/es/timeline/src/Timeline.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme } from '../../_mixins';
 import { createInjectionKey } from '../../_utils';
 import { timelineLight } from '../styles';
 import style from './styles/index.cssr';
-const timelineProps = Object.assign(Object.assign({}, useTheme.props), { horizontal: Boolean, itemPlacement: {
+export const timelineProps = Object.assign(Object.assign({}, useTheme.props), { horizontal: Boolean, itemPlacement: {
         type: String,
         default: 'left'
     }, size: {

package/es/timeline/src/TimelineItem.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const timelineItemProps: {
+export declare const timelineItemProps: {
     time: PropType<string | number>;
     title: StringConstructor;
     content: StringConstructor;

package/es/timeline/src/TimelineItem.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, inject, h } from 'vue';
 import { createKey, formatLength, resolveSlot, resolveWrappedSlot, throwError, useHoudini } from '../../_utils';
 import { timelineInjectionKey } from './Timeline';
 import { useConfig, useThemeClass } from '../../_mixins';
-const timelineItemProps = {
+export const timelineItemProps = {
     time: [String, Number],
     title: String,
     content: String,

package/es/tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NTooltip } from './src/Tooltip';
+export { default as NTooltip, tooltipProps } from './src/Tooltip';
 export type { TooltipProps, TooltipInst } from './src/Tooltip';

package/es/tooltip/index.js

@@ -1 +1 @@
-export { default as NTooltip } from './src/Tooltip';
+export { default as NTooltip, tooltipProps } from './src/Tooltip';

package/es/tooltip/src/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import type { PopoverInst } from '../../popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare type TooltipInst = PopoverInst;
-declare const tooltipProps: {
+export declare const tooltipProps: {
     theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
         borderRadius: string;
         boxShadow: string;
@@ -129,6 +129,7 @@ declare const tooltipProps: {
     scrollable: BooleanConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -281,6 +282,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -582,6 +584,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;

package/es/tooltip/src/Tooltip.js

@@ -4,7 +4,7 @@ import { NPopover } from '../../popover';
 import { popoverBaseProps } from '../../popover/src/Popover';
 import { useTheme } from '../../_mixins';
 import { tooltipLight } from '../styles';
-const tooltipProps = Object.assign(Object.assign({}, popoverBaseProps), useTheme.props);
+export const tooltipProps = Object.assign(Object.assign({}, popoverBaseProps), useTheme.props);
 export default defineComponent({
     name: 'Tooltip',
     props: tooltipProps,

package/es/transfer/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NTransfer } from './src/Transfer';
+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';

package/es/transfer/index.js

@@ -1 +1 @@
-export { default as NTransfer } from './src/Transfer';
+export { default as NTransfer, transferProps } from './src/Transfer';