naive-ui 2.30.7 → 2.32.0

package/es/layout/index.d.ts

@@ -1,8 +1,8 @@
-export { default as NLayout } from './src/Layout';
+export { default as NLayout, layoutProps, layoutProps as layoutContentProps } from './src/Layout';
 export { default as NLayoutContent } from './src/LayoutContent';
-export { default as NLayoutHeader } from './src/LayoutHeader';
-export { default as NLayoutFooter } from './src/LayoutFooter';
-export { default as NLayoutSider } from './src/LayoutSider';
+export { default as NLayoutHeader, headerProps as layoutHeaderProps } from './src/LayoutHeader';
+export { default as NLayoutFooter, layoutFooterProps } from './src/LayoutFooter';
+export { default as NLayoutSider, layoutSiderProps } from './src/LayoutSider';
 export type { LayoutProps, LayoutProps as LayoutContentProps } from './src/Layout';
 export type { LayoutHeaderProps } from './src/LayoutHeader';
 export type { LayoutFooterProps } from './src/LayoutFooter';

package/es/layout/index.js

@@ -1,5 +1,5 @@
-export { default as NLayout } from './src/Layout';
+export { default as NLayout, layoutProps, layoutProps as layoutContentProps } from './src/Layout';
 export { default as NLayoutContent } from './src/LayoutContent';
-export { default as NLayoutHeader } from './src/LayoutHeader';
-export { default as NLayoutFooter } from './src/LayoutFooter';
-export { default as NLayoutSider } from './src/LayoutSider';
+export { default as NLayoutHeader, headerProps as layoutHeaderProps } from './src/LayoutHeader';
+export { default as NLayoutFooter, layoutFooterProps } from './src/LayoutFooter';
+export { default as NLayoutSider, layoutSiderProps } from './src/LayoutSider';

package/es/layout/src/Layout.d.ts

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const layoutProps: {
+export declare const layoutProps: {
     readonly embedded: BooleanConstructor;
     readonly position: {
         readonly type: PropType<"static" | "absolute">;

package/es/layout/src/Layout.js

@@ -5,7 +5,7 @@ import { createInjectionKey, useReactivated } from '../../_utils';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout.cssr';
-const layoutProps = {
+export const layoutProps = {
     embedded: Boolean,
     position: positionProp,
     nativeScrollbar: {

package/es/layout/src/LayoutFooter.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const layoutFooterProps: {
+export declare const layoutFooterProps: {
     inverted: BooleanConstructor;
     position: {
         readonly type: import("vue").PropType<"static" | "absolute">;

package/es/layout/src/LayoutFooter.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout-footer.cssr';
-const layoutFooterProps = Object.assign(Object.assign({}, useTheme.props), { inverted: Boolean, position: positionProp, bordered: Boolean });
+export const layoutFooterProps = Object.assign(Object.assign({}, useTheme.props), { inverted: Boolean, position: positionProp, bordered: Boolean });
 export default defineComponent({
     name: 'LayoutFooter',
     props: layoutFooterProps,

package/es/layout/src/LayoutHeader.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const headerProps: {
+export declare const headerProps: {
     readonly position: {
         readonly type: import("vue").PropType<"static" | "absolute">;
         readonly default: "static";

package/es/layout/src/LayoutHeader.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { layoutLight } from '../styles';
 import { positionProp } from './interface';
 import style from './styles/layout-header.cssr';
-const headerProps = {
+export const headerProps = {
     position: positionProp,
     inverted: Boolean,
     bordered: {

package/es/layout/src/LayoutSider.d.ts

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { ScrollbarProps } from '../../_internal';
-declare const layoutSiderProps: {
+export declare const layoutSiderProps: {
     readonly position: {
         readonly type: PropType<"static" | "absolute">;
         readonly default: "static";

package/es/layout/src/LayoutSider.js

@@ -9,7 +9,7 @@ import ToggleButton from './ToggleButton';
 import ToggleBar from './ToggleBar';
 import { layoutSiderInjectionKey, positionProp } from './interface';
 import { layoutInjectionKey } from './Layout';
-const layoutSiderProps = {
+export const layoutSiderProps = {
     position: positionProp,
     bordered: Boolean,
     collapsedWidth: {

package/es/legacy-grid/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NRow } from './src/Row';
-export { default as NCol } from './src/Col';
+export { default as NRow, rowProps } from './src/Row';
+export { default as NCol, colProps } from './src/Col';
 export type { RowProps } from './src/Row';
 export type { ColProps } from './src/Col';

package/es/legacy-grid/index.js

@@ -1,2 +1,2 @@
-export { default as NRow } from './src/Row';
-export { default as NCol } from './src/Col';
+export { default as NRow, rowProps } from './src/Row';
+export { default as NCol, colProps } from './src/Col';

package/es/legacy-grid/src/Row.d.ts

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

package/es/legacy-grid/src/Row.js

@@ -1,7 +1,7 @@
 import { defineComponent, h, provide, toRef } from 'vue';
 import { useMemo } from 'vooks';
 import { createInjectionKey, formatLength, keysOf } from '../../_utils';
-import { useConfig, useStyle } from '../../_mixins';
+import { useConfig, useStyle, useRtl } from '../../_mixins';
 import style from './styles/index.cssr';
 export const rowInjectionKey = createInjectionKey('n-row');
 export const rowProps = {
@@ -17,8 +17,9 @@ export default defineComponent({
     name: 'Row',
     props: rowProps,
     setup(props) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
         useStyle('-legacy-grid', style, mergedClsPrefixRef);
+        const rtlEnabledRef = useRtl('Row', mergedRtlRef, mergedClsPrefixRef);
         const verticalGutterRef = useMemo(() => {
             const { gutter } = props;
             if (Array.isArray(gutter)) {
@@ -41,6 +42,7 @@ export default defineComponent({
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
+            rtlEnabled: rtlEnabledRef,
             styleMargin: useMemo(() => `-${formatLength(verticalGutterRef.value, {
                 c: 0.5
             })} -${formatLength(horizontalGutterRef.value, { c: 0.5 })}`),
@@ -48,7 +50,10 @@ export default defineComponent({
         };
     },
     render() {
-        return (h("div", { class: `${this.mergedClsPrefix}-row`, style: {
+        return (h("div", { class: [
+                `${this.mergedClsPrefix}-row`,
+                this.rtlEnabled && `${this.mergedClsPrefix}-row--rtl`
+            ], style: {
                 margin: this.styleMargin,
                 width: this.styleWidth,
                 alignItems: this.alignItems,

package/es/legacy-grid/src/styles/rtl.cssr.d.ts

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

package/es/legacy-grid/src/styles/rtl.cssr.js

@@ -0,0 +1,21 @@
+import { cB, cM } from '../../../_utils/cssr';
+const positionStyles = Array.apply(null, {
+  length: 24
+}).map((_, index) => {
+  const prefixIndex = index + 1;
+  const percent = `calc(100% / 24 * ${prefixIndex})`;
+  return [cM(`${prefixIndex}-span`, {
+    width: percent
+  }), cM(`${prefixIndex}-offset`, {
+    marginLeft: percent
+  }), cM(`${prefixIndex}-push`, {
+    right: percent,
+    left: 'unset'
+  }), cM(`${prefixIndex}-pull`, {
+    left: percent,
+    right: 'unset'
+  })];
+});
+export default cB('row', [cM('rtl', `
+ direction: rtl;
+ `, [cB('col', positionStyles)])]);

package/es/legacy-grid/styles/dark.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '../../_mixins';
+declare const rowDark: Theme<'Row'>;
+export default rowDark;
+export declare type RowTheme = typeof rowDark;

package/es/legacy-grid/styles/dark.js

@@ -0,0 +1,6 @@
+import { commonDark } from '../../_styles/common';
+const rowDark = {
+    name: 'Row',
+    common: commonDark
+};
+export default rowDark;

package/es/legacy-grid/styles/index.d.ts

@@ -0,0 +1,4 @@
+export { default as rowLight } from './light';
+export { default as rowDark } from './dark';
+export { rowRtl } from './rtl';
+export type { RowTheme } from './light';

package/es/legacy-grid/styles/index.js

@@ -0,0 +1,3 @@
+export { default as rowLight } from './light';
+export { default as rowDark } from './dark';
+export { rowRtl } from './rtl';

package/es/legacy-grid/styles/light.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '../../_mixins';
+declare const rowLight: Theme<'Row'>;
+export default rowLight;
+export declare type RowTheme = typeof rowLight;

package/es/legacy-grid/styles/light.js

@@ -0,0 +1,6 @@
+import { commonLight } from '../../_styles/common';
+const rowLight = {
+    name: 'Row',
+    common: commonLight
+};
+export default rowLight;

package/es/legacy-grid/styles/rtl.d.ts

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

package/es/legacy-grid/styles/rtl.js

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

package/es/legacy-transfer/index.d.ts

@@ -0,0 +1,3 @@
+export { default as NLegacyTransfer, transferProps as legacyTransferProps } from './src/Transfer';
+export type { transferProps as LegacyTransferProps } from './src/Transfer';
+export type { Option as LegacyTransferOption } from './src/interface';

package/es/legacy-transfer/index.js

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