@nutui/nutui-react 3.0.3-beta.0 → 3.0.3

package/dist/es/types/spec/swiper/taro.d.ts

@@ -0,0 +1,20 @@
+import { SwiperProps } from '@tarojs/components';
+import { ReactNode } from 'react';
+import { BaseSwiper, BaseSwiperItem } from './base';
+import { BaseProps, Direction, SimpleValue } from "../../../types";
+type OmittedSwiperProps = Omit<SwiperProps, 'ref' | 'style'>;
+type OmittedKeys = keyof BaseSwiper;
+export type TaroSwiperProps = Omit<BaseSwiper, OmittedKeys> & OmittedSwiperProps & BaseProps & {
+    width?: SimpleValue;
+    height?: SimpleValue;
+    direction: Direction;
+    indicator: ReactNode;
+    autoPlay: boolean;
+    loop: boolean;
+    defaultValue: number;
+};
+export interface TaroSwiperItemProps extends Omit<BaseSwiperItem, 'onClick'> {
+    itemId?: string;
+    skipHiddenItemLayout?: boolean;
+}
+export {};

package/dist/es/types/spec/swiper/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/switch/base.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface BaseSwitch<EVENT = any> extends BaseProps {
+    /**
+    * 开关状态，受控
+    */
+    checked: boolean
+    /**
+    * 开关状态，非受控
+    */
+    defaultChecked: boolean
+    /**
+    * 禁用状态
+    */
+    disabled: boolean
+    /**
+    * 打开时文字描述
+    */
+    activeText: ReactNode
+    /**
+    * 关闭时文字描述
+    */
+    inactiveText: ReactNode
+    /**
+    * 切换开关时触发
+    */
+    onChange: (val: boolean, event: EVENT) => void
+}

package/dist/es/types/spec/switch/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/switch/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseSwitch } from '../switch/base';
+export interface WebSwitchProps extends BaseSwitch<React.MouseEvent> {
+}

package/dist/es/types/spec/switch/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/switch/taro.d.ts

@@ -0,0 +1,6 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseSwitch } from './base';
+type UnionEvent = React.MouseEvent<Element, MouseEvent> | ITouchEvent;
+export interface TaroSwitchProps extends BaseSwitch<UnionEvent> {
+}
+export {};

package/dist/es/types/spec/switch/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tabbar/base.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface BaseTabbar extends BaseProps {
+    /**
+    * 默认选中的标签的索引值
+    */
+    defaultValue: number
+    /**
+    * 选中的标签的索引值
+    */
+    value?: number
+    /**
+    * 是否固定在页面底部，为 true 时默认开启 safeArea
+    */
+    fixed: boolean
+    /**
+    * icon未激活的颜色
+    */
+    inactiveColor: string
+    /**
+    * icon激活的颜色
+    */
+    activeColor: string
+    /**
+    * 是否开启iphone系列全面屏底部安全区适配
+    */
+    safeArea: boolean
+    /**
+    * 切换页签时触发事件
+    */
+    onSwitch: (value: number) => void
+}
+export interface BaseTabbarItem extends BaseProps {
+    title: ReactNode;
+    icon: ReactNode;
+    value: ReactNode;
+    dot: boolean;
+    max: number;
+    top: string;
+    right: string;
+}

package/dist/es/types/spec/tabbar/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tabbar/h5.d.ts

@@ -0,0 +1,5 @@
+import { BaseTabbar, BaseTabbarItem } from './base';
+export interface WebTabbarProps extends BaseTabbar {
+}
+export interface WebTabbarItemProps extends BaseTabbarItem {
+}

package/dist/es/types/spec/tabbar/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tabbar/taro.d.ts

@@ -0,0 +1,5 @@
+import { BaseTabbar, BaseTabbarItem } from './base';
+export interface TaroTabbarProps extends BaseTabbar {
+}
+export interface TaroTabbarItemProps extends BaseTabbarItem {
+}

package/dist/es/types/spec/tabbar/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/table/base.d.ts

@@ -0,0 +1,50 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { PositionX } from '../../base/atoms';
+export interface TableColumnProps {
+    key: string;
+    title?: string;
+    align?: string;
+    sorter?: ((a: any, b: any) => number) | boolean | string;
+    render?: (rowData: any, rowIndex: number) => string | ReactNode;
+    fixed?: PositionX;
+    width?: number;
+}
+export interface BaseTable extends BaseProps {
+    /**
+    * 表头数据
+    */
+    columns: Array<TableColumnProps>
+    /**
+    * 表格数据
+    */
+    data: Array<any>
+    /**
+    * 是否显示边框
+    */
+    bordered: boolean
+    /**
+    * 是否显示简介
+    */
+    summary?: ReactNode
+    /**
+    * 条纹是否明暗交替
+    */
+    striped?: boolean
+    /**
+    * 自定义无数据
+    */
+    noData?: ReactNode
+    /**
+    * 排序 icon
+    */
+    sorterIcon?: ReactNode
+    /**
+    * 点击排序按钮触发
+    */
+    onSort?: (column: TableColumnProps, sortedData: Array<any>) => void
+    /**
+    * 是否显示表头
+    */
+    showHeader?: boolean
+}

package/dist/es/types/spec/table/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/table/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseTable } from './base';
+export interface WebTableProps extends BaseTable {
+}

package/dist/es/types/spec/table/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/table/taro.d.ts

@@ -0,0 +1,3 @@
+import { BaseTable } from './base';
+export interface TaroTableProps extends BaseTable {
+}

package/dist/es/types/spec/table/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tabs/base.d.ts

@@ -0,0 +1,64 @@
+import { CSSProperties, ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { Direction, PositionX, SimpleValue } from '../../base/atoms';
+export type TabsTitle = {
+    title: string;
+    disabled: boolean;
+    active?: boolean;
+    value: SimpleValue;
+};
+export interface BaseTabs extends BaseProps {
+    /**
+    * 标签栏样式
+    */
+    tabStyle: CSSProperties
+    /**
+    * 当前激活 tab 面板的值
+    */
+    value: SimpleValue
+    /**
+    * 初始化激活 tab 的值
+    */
+    defaultValue: SimpleValue
+    /**
+    * 标签选中色
+    */
+    activeColor: string
+    /**
+    * 使用横纵方向
+    */
+    direction: Direction
+    /**
+    * 选中底部展示样式 可选值 line、smile、simple、card、button、divider
+    */
+    activeType: 'line' | 'smile' | 'simple' | 'card' | 'button' | 'divider'
+    /**
+    * 切换动画时长,单位 ms 0 代表无动画
+    */
+    duration: number | string
+    /**
+    * 标题对齐方式
+    */
+    align: PositionX
+    /**
+    * 自定义导航区域
+    */
+    title: () => ReactNode[]
+    /**
+    * 当前激活的标签改变时触发
+    */
+    onChange: (index: SimpleValue) => void
+    /**
+    * 点击标签时触发
+    */
+    onClick: (index: SimpleValue) => void
+    /**
+    * 自动高度。设置为 true 时，nut-tabs 和 nut-tabs\_\_content 会随着当前 nut-tabpane 的高度而发生变化。
+    */
+    autoHeight: boolean
+}
+export interface BaseTabPane extends BaseProps {
+    title: SimpleValue;
+    value: SimpleValue;
+    disabled: boolean;
+}

package/dist/es/types/spec/tabs/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tabs/h5.d.ts

@@ -0,0 +1,5 @@
+import { BaseTabPane, BaseTabs } from './base';
+export interface WebTabsProps extends BaseTabs {
+}
+export interface WebTabPaneProps extends BaseTabPane {
+}

package/dist/es/types/spec/tabs/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tabs/taro.d.ts

@@ -0,0 +1,6 @@
+import { BaseTabPane, BaseTabs } from './base';
+export interface TaroTabsProps extends BaseTabs {
+    name: string;
+}
+export interface TaroTabPaneProps extends BaseTabPane {
+}

package/dist/es/types/spec/tabs/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tag/base.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { UIType } from '../../base/atoms';
+export interface BaseTag<EVENT = any> extends BaseProps {
+    /**
+    * 标签类型
+    */
+    type: UIType
+    /**
+    * 标签颜色
+    */
+    background: string
+    /**
+    * 文本颜色，优先级高于color属性
+    */
+    color: string
+    /**
+    * 是否为空心样式
+    */
+    plain: boolean
+    /**
+    * 是否为圆角样式
+    */
+    round: boolean
+    /**
+    * 是否为标记样式
+    */
+    mark: boolean
+    /**
+    * 是否为可关闭标签
+    */
+    closeable: boolean
+    /**
+    * 关闭按钮
+    */
+    closeIcon: ReactNode
+    /**
+    * 点击事件
+    */
+    onClick: (e: EVENT) => void
+    /**
+    * 关闭事件
+    */
+    onClose: (e: EVENT) => void
+}

package/dist/es/types/spec/tag/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tag/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseTag } from './base';
+export interface WebTagProps extends BaseTag<React.MouseEvent> {
+}

package/dist/es/types/spec/tag/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/tag/taro.d.ts

@@ -0,0 +1,4 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseTag } from './base';
+export interface TaroTagProps extends BaseTag<ITouchEvent> {
+}

package/dist/es/types/spec/tag/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/textarea/base.d.ts

@@ -0,0 +1,59 @@
+import { BaseProps } from '../../base/props';
+export interface BaseTextArea<EVENT = any> extends BaseProps {
+    /**
+    * 输入框内容，受控
+    */
+    value: string
+    /**
+    * 初始默认值，非受控
+    */
+    defaultValue: string
+    /**
+    * textarea 是否展示输入字符。须配合maxLength使用
+    */
+    showCount: boolean
+    /**
+    * 限制最长输入字符，-1 表示无限制
+    */
+    maxLength: number
+    /**
+    * textarea 的行数
+    */
+    rows: number
+    /**
+    * 设置占位提示文字
+    */
+    placeholder: string
+    /**
+    * 只读属性
+    */
+    readOnly: boolean
+    /**
+    * 禁用属性
+    */
+    disabled: boolean
+    /**
+    * 高度是否可拉伸
+    */
+    autoSize: boolean
+    /**
+    * 标记文本域的容器类型，false 为容器型 container, true 为 纯文本型
+    */
+    plain: boolean
+    /**
+    * 文本域状态，可标记为 默认状态 和 错误状态
+    */
+    status: 'error' | 'default'
+    /**
+    * 输入内容时触发
+    */
+    onChange: (value: string) => void
+    /**
+    * 失焦时触发
+    */
+    onBlur: (event: EVENT) => void
+    /**
+    * 聚焦时触发
+    */
+    onFocus: (event: EVENT) => void
+}

package/dist/es/types/spec/textarea/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/textarea/h5.d.ts

@@ -0,0 +1,3 @@
+import { BaseTextArea } from './base';
+export interface WebTextAreaProps extends BaseTextArea<React.FocusEvent<HTMLTextAreaElement>> {
+}

package/dist/es/types/spec/textarea/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/textarea/taro.d.ts

@@ -0,0 +1,3 @@
+import { TextareaProps } from '@tarojs/components';
+import { BaseTextArea } from './base';
+export type TaroTextAreaProps = Omit<BaseTextArea, 'style'> & Omit<TextareaProps, 'showCount' | 'onFocus' | 'onBlur'>;

package/dist/es/types/spec/textarea/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/timeselect/base.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface TimeType {
+    value?: string;
+    text?: string;
+    [prop: string]: any;
+}
+export interface TimeSelectDateType {
+    value?: string;
+    text?: string;
+    children?: TimeType[];
+    [prop: string]: any;
+}
+export interface TimeSelectOptionKeyType {
+    valueKey: string;
+    textKey: string;
+    childrenKey: string;
+}
+export interface BaseTimeSelect extends BaseProps {
+    /**
+    * 是否显示弹层
+    */
+    visible: boolean
+    /**
+    * 是否支持多选
+    */
+    multiple?: boolean
+    /**
+    * 弹层标题
+    */
+    title?: ReactNode
+    /**
+    * 默认选中的值，非受控
+    */
+    defaultValue: TimeSelectDateType[]
+    /**
+    * 数据
+    */
+    options: TimeSelectDateType[]
+    /**
+    * 配置数据中的关键字, valueKey, textKey, childrenKey
+    */
+    optionKey: TimeSelectOptionKeyType
+    /**
+    * 关闭遮罩之后的回调
+    */
+    onSelect?: (value: TimeSelectDateType[]) => void
+    /**
+    * 点击左栏时的回调
+    */
+    onDateChange?: (date: TimeSelectDateType, value: TimeSelectDateType[]) => void
+    /**
+    * 点击右侧选项时的回调
+    */
+    onTimeChange?: (time: TimeType, value: TimeSelectDateType[]) => void
+}
+export interface BaseTimeSelectDetail extends BaseProps {
+    activeDate: string;
+    activeTime: TimeSelectDateType[];
+    options: TimeSelectDateType[];
+    optionKey: TimeSelectOptionKeyType;
+    onSelect: (time: TimeType) => void;
+}

package/dist/es/types/spec/timeselect/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/timeselect/h5.d.ts

@@ -0,0 +1,5 @@
+import { BaseTimeSelect, BaseTimeSelectDetail } from './base';
+export interface WebTimeSelectProps extends BaseTimeSelect {
+}
+export interface WebTimeSelectDetailProps extends BaseTimeSelectDetail {
+}

package/dist/es/types/spec/timeselect/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/timeselect/taro.d.ts

@@ -0,0 +1,5 @@
+import { BaseTimeSelect, BaseTimeSelectDetail } from './base';
+export interface TaroTimeSelectProps extends BaseTimeSelect {
+}
+export interface TaroTimeSelectDetailProps extends BaseTimeSelectDetail {
+}

package/dist/es/types/spec/timeselect/taro.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/toast/base.d.ts

@@ -0,0 +1,44 @@
+import { CSSProperties, ReactNode } from 'react';
+import { UISize, VAlign } from '../../base/atoms';
+export type ToastIcon = 'success' | 'fail' | 'loading' | 'warn' | ReactNode;
+export type ToastWordBreak = 'normal' | 'break-all' | 'break-word';
+export type ToastSize = Extract<UISize, 'large' | 'small'> | 'base';
+export type BaseToast<OVERLAY_PROPS> = OVERLAY_PROPS & {
+    id: string;
+    /**
+    * toast展示位置
+    */
+    position: VAlign
+    /**
+    * 标题
+    */
+    title: string
+    /**
+    * 文案尺寸，三选一
+    */
+    size: ToastSize
+    /**
+    * 自定义图标
+    */
+    icon: ToastIcon
+    /**
+    * 消息文本内容
+    */
+    content: ReactNode
+    /**
+    * 自定义内容区类名
+    */
+    contentClassName: string
+    /**
+    * 自定义内容区样式
+    */
+    contentStyle: CSSProperties
+    /**
+    * 换行截断方式
+    */
+    wordBreak: ToastWordBreak
+    /**
+    * 关闭时触发的事件
+    */
+    onClose: () => void
+};

package/dist/es/types/spec/toast/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/toast/h5.d.ts

@@ -0,0 +1,4 @@
+import { BaseToast } from './base';
+import { WebOverlayProps } from '../overlay/h5';
+export interface WebToastProps extends BaseToast<WebOverlayProps> {
+}

package/dist/es/types/spec/toast/h5.js

@@ -0,0 +1 @@
+export { };

package/dist/es/types/spec/toast/taro.d.ts

@@ -0,0 +1,4 @@
+import { BaseToast } from './base';
+import { TaroOverlayProps } from '../overlay/taro';
+export interface TaroToastProps extends BaseToast<TaroOverlayProps> {
+}

package/dist/es/types/spec/toast/taro.js

@@ -0,0 +1 @@
+export { };