@nutui/nutui-react 3.0.2 → 3.0.3-beta.1

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

@@ -0,0 +1,5 @@
+import { AvatarCropperSizeType, AvatarCropperSourceType, BaseAvatarCropper } from './base';
+export interface TaroAvatarCropperProps extends BaseAvatarCropper {
+    sizeType: AvatarCropperSizeType[];
+    sourceType: AvatarCropperSourceType[];
+}

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

@@ -0,0 +1,24 @@
+import { BaseProps } from '../../base/props';
+export interface BaseBackTop extends BaseProps {
+    /**
+    * 设置组件页面层级
+    */
+    zIndex: number
+    tabbarHeight: number;
+    /**
+    * 获取监听的目标元素
+    */
+    target: string
+    /**
+    * 页面垂直滚动多高后出现
+    */
+    threshold: number
+    /**
+    * 设置动画持续时间，为 0 时表示无动画
+    */
+    duration: number
+    /**
+    * 按钮点击时触发事件
+    */
+    onClick: (event: any) => void
+}

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

@@ -0,0 +1,4 @@
+import { BaseBackTop } from './base';
+import { WebHoverButtonProps } from '../hoverbutton/h5';
+export interface WebBackTopProps extends WebHoverButtonProps, BaseBackTop {
+}

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

@@ -0,0 +1,8 @@
+import { ITouchEvent } from '@tarojs/components';
+import { PageScrollObject } from '@tarojs/taro';
+import { BaseBackTop } from './base';
+import { TaroHoverButtonProps } from '../hoverbutton/taro';
+export interface TaroBackTopProps extends TaroHoverButtonProps, Omit<BaseBackTop, 'onClick'> {
+    scrollRes?: PageScrollObject;
+    onClick: (event: ITouchEvent) => void;
+}

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

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

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

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export type BadgeFill = 'solid' | 'outline';
+export type BadgeDotSize = 'small' | 'normal' | 'large';
+export interface BaseBadge extends BaseProps {
+    /**
+    * 显示的内容，支持数字、字符和自定义内容
+    */
+    value: ReactNode
+    /**
+    * 是否为小点，当value值为自定义内容时，dot不生效
+    */
+    dot: boolean
+    /**
+    * value 为数值时，最大值
+    */
+    max: number
+    /**
+    * 上下偏移量，可设置为："0"或0 等
+    */
+    top: SimpleValue
+    /**
+    * 左右偏移量，可设置为："0"或0 等
+    */
+    right: SimpleValue
+    /**
+    * 填充模式
+    */
+    fill: BadgeFill
+    /**
+    * dot 尺寸，当 dot 等于 true 时生效
+    */
+    size: BadgeDotSize
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { BaseProps } from '../../base/props';
+export interface BaseBarrage extends BaseProps {
+    /**
+    * 弹幕列表数据
+    */
+    list: Array<string>
+    /**
+    * 可视区域内每个弹幕出现的时间间隔
+    */
+    interval: number
+    /**
+    * 是否循环播放
+    */
+    loop: boolean
+    /**
+    * 每个弹幕的滚动时间
+    */
+    duration: number
+    /**
+    * 弹幕行数，分几行展示
+    */
+    rows: number
+    /**
+    * 弹幕垂直距离
+    */
+    gapY: number
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { UIFill, UIRound, UISize, UIType } from '../../base/atoms';
+export interface BaseButton extends BaseProps {
+    /**
+    * 按钮颜色，支持传入 linear-gradient 渐变色, outline 和 dashed 模式下设置的是 color，其他情况设置的是background，建议使用CSS变量实现的颜色配置
+    */
+    color: string
+    /**
+    * 按钮的形状
+    */
+    shape: UIRound
+    /**
+    * 按钮的样式
+    */
+    type: UIType
+    /**
+    * 按钮的尺寸
+    */
+    size: UISize
+    /**
+    * 填充模式
+    */
+    fill: UIFill
+    /**
+    * 是否为块级元素
+    */
+    block: boolean
+    /**
+    * 按钮loading状态
+    */
+    loading: boolean
+    /**
+    * 是否禁用按钮
+    */
+    disabled: boolean
+    /**
+    * 按钮图标
+    */
+    icon: ReactNode
+    /**
+    * 右侧按钮图标
+    */
+    rightIcon: ReactNode
+    id: string;
+    /**
+    * 按钮原始类型
+    */
+    nativeType: 'submit' | 'reset' | 'button'
+    /**
+    * 点击按钮时触发
+    */
+    onClick: (e: any) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,157 @@
+import { ReactNode } from 'react';
+import { SimpleValue } from '../../base/atoms';
+import { BaseProps } from '../../base/props';
+export interface CalendarDay {
+    day: SimpleValue;
+    type: string;
+}
+export interface CalendarMonthInfo {
+    curData: string[] | string;
+    title: string;
+    monthData: CalendarDay[];
+    cssHeight: number;
+    scrollTop: number;
+}
+export type CalendarValue = string | string[];
+export type CalendarType = 'single' | 'range' | 'multiple' | 'week';
+export type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
+export interface BaseCalendar {
+    /**
+    * 类型，日期选择'single'，区间选择'range'
+    */
+    type: CalendarType
+    /**
+    * 自动回填
+    */
+    autoBackfill: boolean
+    /**
+    * 是否弹窗状态展示
+    */
+    popup: boolean
+    /**
+    * 是否可见
+    */
+    visible: boolean
+    /**
+    * 显示标题
+    */
+    title: string
+    /**
+    * 默认值，日期选择 string 格式，区间选择 Array 格式
+    */
+    defaultValue: string | string[]
+    /**
+    * 开始日期， 如果不限制开始日期传 null
+    */
+    startDate: string
+    /**
+    * 结束日期，如果不限制结束日期传 null
+    */
+    endDate: string
+    /**
+    * 是否展示今天标记
+    */
+    showToday: boolean
+    /**
+    * 范围选择，开始信息文案
+    */
+    startText: ReactNode
+    /**
+    * 范围选择，结束信息文案
+    */
+    endText: ReactNode
+    /**
+    * 底部确认按钮文案
+    */
+    confirmText: ReactNode
+    /**
+    * 是否在展示日历标题
+    */
+    showTitle: boolean
+    /**
+    * 是否展示日期标题
+    */
+    showSubTitle: boolean
+    /**
+    * 是否启动滚动动画
+    */
+    scrollAnimation: boolean
+    /**
+    * 设置周起始日
+    */
+    firstDayOfWeek: number
+    /**
+    * 自定义 Icon
+    */
+    closeIcon?: ReactNode
+    /**
+    * 设置不可选日期
+    */
+    disableDate: (date: CalendarDay) => boolean
+    /**
+    * 自定义日历标题下部，可用以添加自定义操作
+    */
+    renderHeaderButtons?: () => string | JSX.Element
+    /**
+    * 自定义日历底部按钮
+    */
+    renderBottomButton?: () => string | JSX.Element
+    /**
+    * 日期信息
+    */
+    renderDay?: (date: CalendarDay) => string | JSX.Element
+    /**
+    * 日期顶部信息
+    */
+    renderDayTop?: (date: CalendarDay) => string | JSX.Element
+    /**
+    * 日期底部信息
+    */
+    renderDayBottom?: (date: CalendarDay) => string | JSX.Element
+    /**
+    * 关闭时触发
+    */
+    onClose: () => void
+    /**
+    * 选择之后或是点击确认按钮触发
+    */
+    onConfirm: (param: string) => void
+    /**
+    * 点击/选择后触发
+    */
+    onDayClick: (data: string) => void
+    /**
+    * 年月子标题到达顶部时触发
+    */
+    onPageChange: (param: string) => void
+}
+export interface BaseCalendarItem extends BaseProps {
+    type: CalendarType;
+    autoBackfill: boolean;
+    popup: boolean;
+    title: string;
+    value: CalendarValue;
+    defaultValue: CalendarValue;
+    startDate: CalendarValue;
+    endDate: CalendarValue;
+    showToday: boolean;
+    startText: ReactNode;
+    endText: ReactNode;
+    confirmText: ReactNode;
+    showTitle: boolean;
+    showSubTitle: boolean;
+    scrollAnimation: boolean;
+    firstDayOfWeek: number;
+    disableDate: (date: CalendarDay) => boolean;
+    renderHeaderButtons: () => string | JSX.Element;
+    renderBottomButton: () => string | JSX.Element;
+    renderDay: (date: CalendarDay) => string | JSX.Element;
+    renderDayTop: (date: CalendarDay) => string | JSX.Element;
+    renderDayBottom: (date: CalendarDay) => string | JSX.Element;
+    onConfirm: (data: string) => void;
+    onUpdate: () => void;
+    onDayClick: (data: string) => void;
+    onPageChange: (data: any) => void;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,71 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface CalendarCardDay {
+    type?: 'prev' | 'current' | 'next';
+    year: number;
+    month: number;
+    date: number;
+}
+export interface CalendarCardMonth {
+    year: number;
+    month: number;
+}
+export type CalendarCardValue = Date | Date[] | null;
+export type CalendarCardRef = {
+    jump: (step: number) => void;
+    jumpTo: (year: number, month: number) => void;
+};
+export interface BaseCalendarCard extends BaseProps {
+    /**
+    * 类型，单个日期 single，多个日期 multiple，日期范围 range，周选择 week
+    */
+    type: 'single' | 'multiple' | 'range' | 'week'
+    /**
+    * 受控模式下的值，与 onChange 搭配使用
+    */
+    value: CalendarCardValue
+    /**
+    * 默认值，单个日期 Date 格式，多个日期/范围选择 Date[] 格式
+    */
+    defaultValue: CalendarCardValue
+    /**
+    * 设置周起始日，0 为周日，1 为周一
+    */
+    firstDayOfWeek: number
+    /**
+    * 限制范围开始日期
+    */
+    startDate: Date
+    /**
+    * 限制范围结束日期
+    */
+    endDate: Date
+    /**
+    * 设置不可选日期
+    */
+    disableDay: (day: CalendarCardDay) => boolean
+    /**
+    * 日期信息
+    */
+    renderDay: (day: CalendarCardDay) => ReactNode
+    /**
+    * 日期顶部信息
+    */
+    renderDayTop: (day: CalendarCardDay) => ReactNode
+    /**
+    * 日期底部信息
+    */
+    renderDayBottom: (day: CalendarCardDay) => ReactNode
+    /**
+    * 点击后触发
+    */
+    onDayClick: (day: CalendarCardDay) => void
+    /**
+    * 切换月份时触发
+    */
+    onPageChange: (data: CalendarCardMonth) => void
+    /**
+    * 选择值发生变化时触发
+    */
+    onChange: (value: CalendarCardValue) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface BaseCard extends BaseProps {
+    /**
+    * 左侧图片 Url
+    */
+    src: string
+    /**
+    * 标题
+    */
+    title: string
+    /**
+    * 商品价格
+    */
+    price: string
+    /**
+    * 会员价格
+    */
+    vipPrice: string
+    /**
+    * 店铺介绍
+    */
+    shopDescription: string
+    /**
+    * 配送方式
+    */
+    delivery: string
+    /**
+    * 店铺名称
+    */
+    shopName: string
+    /**
+    * 自定义商品介绍
+    */
+    description: ReactNode
+    /**
+    * 店铺介绍自定义
+    */
+    tag: ReactNode
+    /**
+    * 价格后方自定义内容
+    */
+    priceTag: ReactNode
+    /**
+    * 右下角内容自定义
+    */
+    extra: ReactNode
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,106 @@
+import { ReactNode } from 'react';
+import { PopupCloseIconPosition } from '../popup/base';
+export interface CascaderPane {
+    nodes: [];
+    selectedNode: CascaderOption | null;
+    paneKey: string;
+}
+export interface CascaderOption {
+    text?: string;
+    value?: number | string;
+    paneKey?: string;
+    disabled?: boolean;
+    children?: CascaderOption[];
+    leaf?: boolean;
+    level?: number;
+    loading?: boolean;
+    root?: boolean;
+}
+export interface CascaderConfig {
+    value?: string;
+    text?: string;
+    children?: string;
+}
+export type CascaderValue = Exclude<CascaderOption['value'], undefined>[];
+export interface CascaderOptionKey {
+    textKey: string;
+    valueKey: string;
+    childrenKey: string;
+}
+export type CascaderActions = {
+    open: () => void;
+    close: () => void;
+};
+export interface CascaderFormat {
+    topId?: string | number | null;
+    idKey?: string;
+    pidKey?: string;
+    sortKey?: string;
+}
+export interface BaseCascader {
+    /**
+    * 是否弹窗状态展示
+    */
+    popup: boolean
+    /**
+    * 级联显示隐藏状态
+    */
+    visible: boolean
+    /**
+    * 选中激活颜色
+    */
+    activeColor: string
+    /**
+    * 标记选中的Icon
+    */
+    activeIcon: string
+    /**
+    * 级联数据
+    */
+    options: CascaderOption[]
+    /**
+    * 选中值，受控
+    */
+    value?: CascaderValue
+    /**
+    * 默认选中值
+    */
+    defaultValue?: CascaderValue
+    /**
+    * 自定义options中的关键字，valueKey、textKey、childrenKey
+    */
+    optionKey: CascaderOptionKey
+    /**
+    * 当options为可转换为树形结构的扁平结构时，配置转换规则
+    */
+    format: Record<string, string | number | null>
+    /**
+    * 是否显示关闭按钮，继承 Popup 组件
+    */
+    closeable: boolean
+    /**
+    * 取消按钮位置，继承 Popup 组件
+    */
+    closeIconPosition: PopupCloseIconPosition
+    /**
+    * 自定义关闭按钮，继承 Popup 组件
+    */
+    closeIcon: ReactNode
+    /**
+    * 是否开启动态加载
+    */
+    lazy: boolean
+    /**
+    * 动态加载回调，开启动态加载时生效
+    */
+    onLoad: (node: CascaderOption, levelIndex: number) => Promise<CascaderOption[]>
+    /**
+    * 选中值改变时触发
+    */
+    onChange: (value: CascaderValue, pathNodes: CascaderOption[]) => void
+    /**
+    * 选中项改变时触发
+    */
+    onPathChange: (value: CascaderValue, pathNodes: CascaderOption[]) => void
+    onTabsChange: (index: number) => void;
+}

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

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