react-native-system-ui 0.0.1-beta0 → 0.0.2

package/dist/es/water-mark/WaterMark.js

@@ -0,0 +1,151 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Image, Text, View, useWindowDimensions } from 'react-native';
+import { isFiniteNumber, isString } from '../../utils';
+import { useWaterMarkTokens } from './tokens';
+const WaterMark = props => {
+  const {
+    content: contentProp,
+    width,
+    height,
+    gapX,
+    gapY,
+    rotate,
+    image,
+    font,
+    fontSize,
+    color,
+    opacity,
+    zIndex: zIndexProp,
+    fullPage: fullPageProp,
+    tokensOverride,
+    style,
+    onLayoutCalculated,
+    textStyle,
+    ...rest
+  } = props;
+  const tokens = useWaterMarkTokens(tokensOverride);
+  const resolveFiniteNumber = (value, fallback) => isFiniteNumber(value) ? value : fallback;
+  const resolveNonNegativeNumber = (value, fallback) => Math.max(0, resolveFiniteNumber(value, fallback));
+  const resolvePositiveNumber = (value, fallback) => Math.max(1, resolveFiniteNumber(value, fallback));
+  const content = contentProp ?? tokens.defaults.content;
+  const zIndex = resolveFiniteNumber(zIndexProp, tokens.defaults.zIndex);
+  const fullPage = fullPageProp ?? tokens.defaults.fullPage;
+  const window = useWindowDimensions();
+  const [layoutSize, setLayoutSize] = useState({
+    width: 0,
+    height: 0
+  });
+  const lastLayoutRef = useRef({
+    width: 0,
+    height: 0
+  });
+  const size = fullPage ? window : layoutSize;
+  const resolvedGapX = resolveNonNegativeNumber(gapX, tokens.defaults.gapX);
+  const resolvedGapY = resolveNonNegativeNumber(gapY, tokens.defaults.gapY);
+  const resolvedRotate = resolveFiniteNumber(rotate, tokens.defaults.rotate);
+  const resolvedOpacity = Math.max(0, Math.min(1, resolveFiniteNumber(opacity, tokens.defaults.opacity)));
+  const fontSizeFromFont = isFiniteNumber(font?.size) ? font?.size : isString(font?.size) ? Number.parseFloat(font?.size) : undefined;
+  const resolvedFontSize = resolveFiniteNumber((Number.isFinite(fontSizeFromFont ?? Number.NaN) ? fontSizeFromFont : undefined) ?? fontSize, tokens.defaults.fontSize);
+  const normalizedFontSize = Math.max(0, resolvedFontSize);
+  const resolvedColor = font?.color ?? color ?? tokens.colors.mark;
+  const markWidth = resolvePositiveNumber(image?.width ?? width, tokens.defaults.width);
+  const markHeight = resolvePositiveNumber(image?.height ?? height, tokens.defaults.height);
+  const cellWidth = Math.max(1, markWidth + resolvedGapX);
+  const cellHeight = Math.max(1, markHeight + resolvedGapY);
+  const rows = size.height ? Math.ceil(size.height / cellHeight) + 1 : 1;
+  const cols = size.width ? Math.ceil(size.width / cellWidth) + 1 : 1;
+  const handleLayout = event => {
+    if (fullPage) return;
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    if (!isFiniteNumber(width) || !isFiniteNumber(height)) return;
+    const nextWidth = Math.max(0, width);
+    const nextHeight = Math.max(0, height);
+    if (lastLayoutRef.current.width === nextWidth && lastLayoutRef.current.height === nextHeight) return;
+    lastLayoutRef.current = {
+      width: nextWidth,
+      height: nextHeight
+    };
+    setLayoutSize({
+      width: nextWidth,
+      height: nextHeight
+    });
+    onLayoutCalculated?.({
+      width: nextWidth,
+      height: nextHeight
+    });
+  };
+  useEffect(() => {
+    if (!fullPage) return;
+    if (!isFiniteNumber(window.width) || !isFiniteNumber(window.height)) return;
+    if (window.width <= 0 || window.height <= 0) return;
+    onLayoutCalculated?.({
+      width: window.width,
+      height: window.height
+    });
+  }, [fullPage, onLayoutCalculated, window.width, window.height]);
+  const zIndexStyle = useMemo(() => ({
+    zIndex
+  }), [zIndex]);
+  const cellStyle = useMemo(() => ({
+    width: cellWidth,
+    height: cellHeight
+  }), [cellWidth, cellHeight]);
+  const oddRowStyle = useMemo(() => ({
+    paddingLeft: cellWidth / 2
+  }), [cellWidth]);
+  const markStyle = useMemo(() => ({
+    width: markWidth,
+    height: markHeight,
+    transform: [{
+      rotate: `${resolvedRotate}deg`
+    }]
+  }), [markHeight, markWidth, resolvedRotate]);
+  const imageStyle = useMemo(() => ({
+    width: markWidth,
+    height: markHeight,
+    opacity: resolvedOpacity
+  }), [markHeight, markWidth, resolvedOpacity]);
+  const textBaseStyle = useMemo(() => ({
+    fontSize: normalizedFontSize,
+    color: resolvedColor,
+    opacity: resolvedOpacity,
+    fontFamily: font?.family,
+    fontWeight: font?.weight
+  }), [font?.family, font?.weight, normalizedFontSize, resolvedColor, resolvedOpacity]);
+  const rowIndexes = useMemo(() => Array.from({
+    length: rows
+  }, (_, i) => i), [rows]);
+  const colIndexes = useMemo(() => Array.from({
+    length: cols
+  }, (_, i) => i), [cols]);
+  return /*#__PURE__*/React.createElement(View, _extends({
+    pointerEvents: "none",
+    style: [fullPage ? tokens.layout.absoluteFill : null, zIndexStyle, style],
+    onLayout: handleLayout
+  }, rest), /*#__PURE__*/React.createElement(View, {
+    style: tokens.layout.wrapper
+  }, rowIndexes.map(rowIndex => /*#__PURE__*/React.createElement(View, {
+    key: `row-${rowIndex}`,
+    style: [tokens.layout.row, rowIndex % 2 === 0 ? null : oddRowStyle]
+  }, colIndexes.map(colIndex => /*#__PURE__*/React.createElement(View, {
+    key: `col-${rowIndex}-${colIndex}`,
+    style: [tokens.layout.cell, cellStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [tokens.layout.mark, markStyle]
+  }, image ? /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: image.src
+    },
+    style: imageStyle,
+    resizeMode: "contain"
+  }) : /*#__PURE__*/React.createElement(Text, {
+    allowFontScaling: false,
+    style: [textBaseStyle, textStyle]
+  }, content))))))));
+};
+WaterMark.displayName = 'WaterMark';
+export default WaterMark;

package/dist/es/water-mark/index.js

@@ -0,0 +1,4 @@
+import WaterMark from './WaterMark';
+export { useWaterMarkTokens } from './tokens';
+export default WaterMark;
+export { WaterMark };

package/dist/es/water-mark/tokens.js

@@ -0,0 +1,42 @@
+import { StyleSheet } from 'react-native';
+import { createComponentTokensHook } from '../../design-system';
+const createTokens = foundations => {
+  const {
+    palette
+  } = foundations;
+  return {
+    defaults: {
+      content: 'WaterMark',
+      width: 120,
+      height: 64,
+      gapX: 24,
+      gapY: 48,
+      rotate: -22,
+      fontSize: 14,
+      opacity: 0.15,
+      zIndex: 2000,
+      fullPage: true
+    },
+    layout: {
+      absoluteFill: StyleSheet.absoluteFillObject,
+      wrapper: {
+        flex: 1
+      },
+      row: {
+        flexDirection: 'row'
+      },
+      cell: {
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      mark: {
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    },
+    colors: {
+      mark: palette.default[500]
+    }
+  };
+};
+export const useWaterMarkTokens = createComponentTokensHook('waterMark', createTokens);

package/dist/types/components/action-sheet/ActionSheet.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ActionSheetProps } from './types';
+declare const ActionSheet: React.FC<ActionSheetProps>;
+export default ActionSheet;

package/dist/types/components/action-sheet/index.d.ts

@@ -0,0 +1,4 @@
+import ActionSheet from './ActionSheet';
+export type { ActionSheetProps, ActionSheetAction, ActionSheetCloseAction } from './types';
+export { useActionSheetTokens } from './tokens';
+export default ActionSheet;

package/dist/types/components/action-sheet/tokens.d.ts

@@ -0,0 +1,4 @@
+import { type Foundations } from '../../design-system/tokens';
+import type { ActionSheetTokens } from './types';
+export declare const createActionSheetTokens: (foundations: Foundations) => ActionSheetTokens;
+export declare const useActionSheetTokens: (overrides?: import("../..").DeepPartial<ActionSheetTokens> | undefined) => ActionSheetTokens;

package/dist/types/components/area/Area.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AreaProps } from './types';
+declare const Area: React.FC<AreaProps>;
+export default Area;

package/dist/types/components/area/index.d.ts

@@ -0,0 +1,3 @@
+import Area from './Area';
+export type { AreaProps, AreaList, AreaOption } from './types';
+export default Area;

package/dist/types/components/area/utils.d.ts

@@ -0,0 +1,2 @@
+import type { AreaList, AreaOption } from './types';
+export declare const buildAreaColumns: (areaList: AreaList, columnsNum?: 1 | 2 | 3) => AreaOption[];

package/dist/types/components/avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { AvatarProps } from './types';
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<View>>;
+export default Avatar;

package/dist/types/components/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar as default } from './Avatar';
+export { Avatar } from './Avatar';
+export type { AvatarProps, AvatarShape, AvatarSize } from './types';

package/dist/types/components/avatar/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from "../../design-system/tokens";
+import type { AvatarTokens } from "./types";
+export declare const createAvatarTokens: (foundations: Foundations) => AvatarTokens;
+export declare const useAvatarTokens: (overrides?: import("../..").DeepPartial<AvatarTokens> | undefined) => AvatarTokens;

package/dist/types/components/badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { BadgeProps } from './types';
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<View>>;

package/dist/types/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+import { Badge } from './Badge';
+export type { BadgeProps, BadgeOffset } from './types';
+export default Badge;

package/dist/types/components/badge/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { BadgeTokens } from './types';
+export declare const useBadgeTokens: (overrides?: import("../..").DeepPartial<BadgeTokens> | undefined) => BadgeTokens;

package/dist/types/components/button/Button.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ButtonProps } from './types';
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<View>>;
+export default Button;

package/dist/types/components/button/ButtonContext.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ButtonIconPosition, ButtonMode, ButtonShadowLevel, ButtonSize, ButtonType } from './types';
+export interface ButtonGroupContextValue {
+    type?: ButtonType;
+    size?: ButtonSize;
+    plain?: boolean;
+    block?: boolean;
+    round?: boolean;
+    square?: boolean;
+    shadow?: boolean | ButtonShadowLevel;
+    disabled?: boolean;
+    iconPosition?: ButtonIconPosition;
+    hairline?: boolean;
+    mode?: ButtonMode;
+}
+export declare const ButtonGroupContext: React.Context<ButtonGroupContextValue | null>;

package/dist/types/components/button/ButtonGroup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { type ButtonGroupContextValue } from './ButtonContext';
+export interface ButtonGroupProps extends ButtonGroupContextValue {
+    children: React.ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    spacing?: number;
+    style?: StyleProp<ViewStyle>;
+}
+export declare const ButtonGroup: React.NamedExoticComponent<ButtonGroupProps>;

package/dist/types/components/button/index.d.ts

@@ -0,0 +1,6 @@
+declare const Button: import("react").ForwardRefExoticComponent<import("./types").ButtonProps & import("react").RefAttributes<import("react-native").View>> & {
+    Group: import("react").NamedExoticComponent<import("./ButtonGroup").ButtonGroupProps>;
+};
+export default Button;
+export { Button };
+export type { ButtonProps, ButtonType, ButtonSize, ButtonIconPosition, ButtonShadowLevel, ButtonMode, } from './types';

package/dist/types/components/button/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonTokens } from './types';
+export declare const useButtonTokens: (overrides?: import("../..").DeepPartial<ButtonTokens> | undefined) => ButtonTokens;

package/dist/types/components/calendar/Calendar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CalendarProps } from './types';
+declare const Calendar: React.FC<CalendarProps>;
+export default Calendar;

package/dist/types/components/calendar/index.d.ts

@@ -0,0 +1,3 @@
+import Calendar from './Calendar';
+export type { CalendarProps } from './types';
+export default Calendar;

package/dist/types/components/calendar/tokens.d.ts

@@ -0,0 +1,4 @@
+import { type Foundations } from "../../design-system/tokens";
+import type { CalendarTokens } from "./types";
+export declare const createCalendarTokens: (foundations: Foundations) => CalendarTokens;
+export declare const useCalendarTokens: (overrides?: import("../..").DeepPartial<CalendarTokens> | undefined) => CalendarTokens;

package/dist/types/components/cascader/Cascader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { CascaderProps } from "./types";
+declare const Cascader: React.FC<CascaderProps>;
+export default Cascader;

package/dist/types/components/cascader/index.d.ts

@@ -0,0 +1,4 @@
+import Cascader from "./Cascader";
+export type { CascaderProps, CascaderOption, CascaderFieldNames, CascaderValue } from "./types";
+export default Cascader;
+export { Cascader };

package/dist/types/components/cascader/tokens.d.ts

@@ -0,0 +1,4 @@
+import { type Foundations } from "../../design-system/tokens";
+import type { CascaderTokens } from "./types";
+export declare const createCascaderTokens: (foundations: Foundations) => CascaderTokens;
+export declare const useCascaderTokens: (overrides?: import("../..").DeepPartial<CascaderTokens> | undefined) => CascaderTokens;

package/dist/types/components/cascader/useCascaderExtend.d.ts

@@ -0,0 +1,12 @@
+import type { CascaderOption, CascaderValue } from './types';
+interface FieldKeys {
+    textKey: string;
+    valueKey: string;
+    childrenKey: string;
+}
+export declare const useCascaderExtend: (options: CascaderOption[] | undefined, keys: FieldKeys, value: CascaderValue[]) => {
+    tabs: CascaderOption[][];
+    items: (CascaderOption | undefined)[];
+    depth: number;
+};
+export {};

package/dist/types/components/cascader/utils.d.ts

@@ -0,0 +1,6 @@
+import type { CascaderOption, CascaderValue } from "./types";
+export declare const resolveSelectedRows: (options: CascaderOption[] | undefined, keys: {
+    textKey: string;
+    valueKey: string;
+    childrenKey: string;
+}, value: CascaderValue[]) => CascaderOption[];

package/dist/types/components/cell/Cell.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { CellProps } from './types';
+export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<View>>;

package/dist/types/components/cell/CellContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CellGroupContextValue {
+    border: boolean;
+    inset: boolean;
+    isLast: boolean;
+}
+export declare const CellGroupContext: React.Context<CellGroupContextValue>;

package/dist/types/components/cell/CellGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { CellGroupProps } from './types';
+export declare const CellGroup: React.FC<CellGroupProps>;

package/dist/types/components/cell/index.d.ts

@@ -0,0 +1,8 @@
+import { CellGroup } from './CellGroup';
+declare const Cell: import("react").ForwardRefExoticComponent<import("./types").CellProps & import("react").RefAttributes<import("react-native").View>> & {
+    Group: import("react").FC<import("./types").CellGroupProps>;
+};
+export default Cell;
+export { Cell };
+export { CellGroup };
+export type { CellProps, CellGroupProps, CellArrowDirection, CellSize } from './types';

package/dist/types/components/cell/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { CellTokens } from './types';
+export declare const createCellTokens: (foundations: Foundations) => CellTokens;
+export declare const useCellTokens: (overrides?: import("../..").DeepPartial<CellTokens> | undefined) => CellTokens;

package/dist/types/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { CheckboxProps } from './types';
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<View>>;
+export default Checkbox;

package/dist/types/components/checkbox/CheckboxContext.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CheckboxGroupState } from '@react-stately/checkbox';
+import type { CheckboxGroupDirection, CheckboxIconRender, CheckboxShape, CheckboxValue } from './types';
+export interface CheckboxGroupContextValue {
+    state: CheckboxGroupState;
+    direction: CheckboxGroupDirection;
+    shape?: CheckboxShape;
+    iconSize?: number;
+    iconRender?: CheckboxIconRender;
+    checkedColor?: string;
+    labelDisabled?: boolean;
+    max?: number;
+    registerValue: (key: string, raw: CheckboxValue, disabled?: boolean) => void;
+    unregisterValue: (key: string) => void;
+}
+export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue | null>;

package/dist/types/components/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CheckboxGroupProps } from './types';
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<{
+    toggleAll: (options?: boolean | {
+        checked?: boolean;
+        skipDisabled?: boolean;
+    }) => void;
+}>>;

package/dist/types/components/checkbox/index.d.ts

@@ -0,0 +1,7 @@
+import { Checkbox as CheckboxBase } from './Checkbox';
+import { CheckboxGroup } from './CheckboxGroup';
+declare const Checkbox: typeof CheckboxBase & {
+    Group: typeof CheckboxGroup;
+};
+export { Checkbox, CheckboxGroup };
+export type { CheckboxProps, CheckboxGroupProps, CheckboxValue } from './types';

package/dist/types/components/checkbox/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { CheckboxTokens } from './types';
+export declare const useCheckboxTokens: (overrides?: import("../..").DeepPartial<CheckboxTokens> | undefined) => CheckboxTokens;

package/dist/types/components/circle/Circle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CircleProps } from './types';
+export declare const Circle: React.FC<CircleProps>;
+export type { CircleLineCap, CircleProps, CircleStartPosition, CircleTokens } from './types';
+export default Circle;

package/dist/types/components/circle/index.d.ts

@@ -0,0 +1,3 @@
+import Circle from './Circle';
+export type { CircleProps, CircleStartPosition, CircleLineCap } from './Circle';
+export default Circle;

package/dist/types/components/circle/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { CircleTokens } from './types';
+export declare const createCircleTokens: (foundations: Foundations) => CircleTokens;
+export declare const useCircleTokens: (overrides?: import("../..").DeepPartial<CircleTokens> | undefined) => CircleTokens;

package/dist/types/components/collapse/Collapse.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { type ViewProps, type TextProps } from 'react-native';
+import type { DeepPartial } from '../../types';
+import type { CollapseTokens } from './types';
+export type CollapseValue = string | string[];
+export interface CollapseProps extends ViewProps {
+    children?: React.ReactNode;
+    accordion?: boolean;
+    value?: CollapseValue;
+    defaultValue?: CollapseValue;
+    onChange?: (value: CollapseValue) => void;
+    border?: boolean;
+    iconPosition?: 'left' | 'right';
+    expandIcon?: React.ReactNode | ((active: boolean) => React.ReactNode);
+    disabled?: boolean;
+    tokensOverride?: DeepPartial<CollapseTokens>;
+}
+export interface CollapsePanelProps extends ViewProps {
+    /** @private */
+    index?: number;
+    name?: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    extra?: React.ReactNode;
+    value?: React.ReactNode;
+    border?: boolean;
+    isLink?: boolean;
+    size?: 'normal' | 'large';
+    disabled?: boolean;
+    readOnly?: boolean;
+    children?: React.ReactNode;
+    titleStyle?: TextProps['style'];
+    descriptionStyle?: TextProps['style'];
+}
+export type CollapsePanelInstance = {
+    toggle: (expand?: boolean) => void;
+};
+type CollapseComponent = React.FC<CollapseProps> & {
+    Panel: React.ForwardRefExoticComponent<CollapsePanelProps & React.RefAttributes<CollapsePanelInstance>>;
+    Item: React.ForwardRefExoticComponent<CollapsePanelProps & React.RefAttributes<CollapsePanelInstance>>;
+};
+export declare const Collapse: CollapseComponent;
+export default Collapse;

package/dist/types/components/collapse/index.d.ts

@@ -0,0 +1,3 @@
+import { Collapse } from './Collapse';
+export type { CollapseProps, CollapsePanelProps, CollapsePanelInstance, CollapseValue } from './Collapse';
+export default Collapse;

package/dist/types/components/collapse/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { CollapseTokens } from './types';
+export declare const createCollapseTokens: (foundations: Foundations) => CollapseTokens;
+export declare const useCollapseTokens: (overrides?: import("../..").DeepPartial<CollapseTokens> | undefined) => CollapseTokens;

package/dist/types/components/config-provider/ConfigProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ConfigProviderProps } from './types';
+export declare const ConfigProvider: React.NamedExoticComponent<ConfigProviderProps>;

package/dist/types/components/config-provider/LocaleContext.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+export declare const LocaleContext: React.Context<{
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        confirm: string;
+        startEnd: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanPicker: {
+        select: string;
+    };
+    vanContactCard: {
+        addText: string;
+    };
+    vanContactList: {
+        addText: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+        loading: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        postal: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        postalEmpty: string;
+        defaultAddress: string;
+    };
+    vanAddressEditDetail: {
+        label: string;
+        placeholder: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+}>;

package/dist/types/components/config-provider/index.d.ts

@@ -0,0 +1,5 @@
+export { ConfigProvider } from './ConfigProvider';
+export { useLocale } from './useLocale';
+export { zhCN } from './locale/zh-CN';
+export { enUS } from './locale/en-US';
+export type { ConfigProviderProps } from './types';