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

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

@@ -0,0 +1,6 @@
+import { BasePopup } from './base';
+export interface TaroPopupProps extends BasePopup {
+    overlayStyle: React.CSSProperties;
+    overlayClassName: string;
+    portal: any;
+}

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

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

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

@@ -0,0 +1,38 @@
+import { BaseProps } from '../../base/props';
+import { SimpleValue, UISize } from '../../base/atoms';
+export type PriceSize = Exclude<UISize, 'mini'>;
+export type PriceColor = 'primary' | 'gray' | 'darkgray';
+export interface BasePrice extends BaseProps {
+    /**
+    * 价格类型
+    */
+    color: PriceColor
+    /**
+    * 价格数量
+    */
+    price: SimpleValue
+    /**
+    * 符号类型
+    */
+    symbol: string
+    /**
+    * 小数位位数
+    */
+    digits: number
+    /**
+    * 是否按照千分号形式显示
+    */
+    thousands: boolean
+    /**
+    * 符号显示在价格前或者后，before、after
+    */
+    position: string
+    /**
+    * 价格尺寸，xlarge | large | normal | small
+    */
+    size: PriceSize
+    /**
+    * 是否划线价
+    */
+    line: boolean
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,35 @@
+import { BaseProps } from '../../base/props';
+export interface BaseProgress extends BaseProps {
+    /**
+    * 百分比
+    */
+    percent: number
+    /**
+    * 进度条背景颜色
+    */
+    background: string
+    /**
+    * 进度条线条颜色
+    */
+    color: string
+    /**
+    * 进度条宽度
+    */
+    strokeWidth: string
+    /**
+    * 是否显示文字内容
+    */
+    showText: boolean
+    /**
+    * 是否展示动画效果
+    */
+    animated: boolean
+    /**
+    * 每次进入可视区展示进度条动画
+    */
+    lazy: boolean
+    /**
+    * 延迟数据加载时长，单位 ms
+    */
+    delay: number
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,52 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { UIType } from '../../base/atoms';
+export type PullToRefreshType = Extract<UIType, 'default' | 'primary'>;
+export type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
+export interface BasePullToRefresh extends BaseProps {
+    /**
+    * 触发刷新时的处理函数
+    */
+    onRefresh: () => Promise<any>
+    type: PullToRefreshType;
+    /**
+    * 下拉的提示文案
+    */
+    pullingText: ReactNode
+    /**
+    * 释放的提示文案
+    */
+    canReleaseText: ReactNode
+    /**
+    * 刷新时的提示文案
+    */
+    refreshingText: ReactNode
+    /**
+    * 完成时的提示文案
+    */
+    completeText: ReactNode
+    /**
+    * 完成后延迟消失的时间，单位为 ms
+    */
+    completeDelay: number
+    /**
+    * 头部提示内容区的高度，单位为 px
+    */
+    headHeight: number
+    /**
+    * 触发刷新需要下拉多少距离，单位为 px
+    */
+    threshold: number
+    /**
+    * 是否禁用下拉刷新
+    */
+    disabled: boolean
+    /**
+    * 根据下拉状态，自定义下拉提示图标
+    */
+    renderIcon: (status: PullStatus) => ReactNode
+    /**
+    * 根据下拉状态，自定义下拉提示文案
+    */
+    renderText: (status: PullStatus) => ReactNode
+}

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { BasePullToRefresh } from './base';
+export interface TaroPullToRefreshProps extends BasePullToRefresh {
+    scrollTop: number;
+}

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

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

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

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { Direction, PositionX, SimpleValue } from '../../base/atoms';
+export type RadioShape = 'button' | 'round';
+export interface RadioGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    shape?: RadioShape;
+    onChange?: (checked: boolean) => void;
+}
+export interface BaseRadio extends BaseProps {
+    /**
+    * 是否禁用选择
+    */
+    disabled: boolean
+    /**
+    * 指定当前是否选中
+    */
+    checked: boolean
+    /**
+    * 初始是否选中
+    */
+    defaultChecked: boolean
+    /**
+    * 形状
+    */
+    shape: RadioShape
+    /**
+    * 文本所在的位置
+    */
+    labelPosition: PositionX
+    /**
+    * <a href="#/icon">图标名称</a>，选中前(建议和activeIcon一起修改)
+    */
+    icon: ReactNode
+    /**
+    * <a href="#/icon">图标名称</a>，选中后(建议和icon一起修改)
+    */
+    activeIcon: ReactNode
+    /**
+    * 携带的标识值，用于 Group 模式
+    */
+    value: SimpleValue
+    /**
+    * 选中态变化时触发
+    */
+    onChange: (checked: boolean) => void
+}
+export interface BaseRadioGroup extends BaseProps {
+    value?: SimpleValue;
+    defaultValue?: SimpleValue;
+    labelPosition: PositionX;
+    direction: Direction;
+    shape?: RadioShape;
+    disabled?: boolean;
+    options: RadioGroupOption[];
+    onChange: (value: SimpleValue) => void;
+}

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

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

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

@@ -0,0 +1,5 @@
+import { BaseRadio, BaseRadioGroup } from './base';
+export interface WebRadioProps extends BaseRadio {
+}
+export interface WebRadioGroupProps extends BaseRadioGroup {
+}

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

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

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

@@ -0,0 +1,5 @@
+import { BaseRadio, BaseRadioGroup } from './base';
+export interface TaroRadioProps extends BaseRadio {
+}
+export interface TaroRadioGroupProps extends BaseRadioGroup {
+}

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

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

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

@@ -0,0 +1,73 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export type RangeValue = number | number[];
+export type RangeMark = {
+    value: number;
+    label?: ReactNode;
+};
+export interface BaseRange extends BaseProps {
+    /**
+    * 当前进度百分比，受控
+    */
+    value: RangeValue
+    /**
+    * 默认进度百分比，非受控
+    */
+    defaultValue: RangeValue
+    /**
+    * 是否开启双滑块模式
+    */
+    range: boolean
+    /**
+    * 是否禁用滑块
+    */
+    disabled: boolean
+    /**
+    * 最小值
+    */
+    min: number
+    /**
+    * 最大值
+    */
+    max: number
+    /**
+    * 步长
+    */
+    step: number
+    /**
+    * 最小值描述，传 null 表示隐藏
+    */
+    minDescription: ReactNode
+    /**
+    * 最大值描述，传 null 表示隐藏
+    */
+    maxDescription: ReactNode
+    /**
+    * 自定义滑动按钮
+    */
+    button: ReactNode
+    /**
+    * 是否竖向展示
+    */
+    vertical: boolean
+    /**
+    * 刻度标示
+    */
+    marks: Record<string, ReactNode> | RangeMark[]
+    /**
+    * 当前值描述，传 null 表示隐藏
+    */
+    currentDescription: ((value: RangeValue) => ReactNode) | null
+    /**
+    * 进度实时变化，通常在受控方式中与 value 一起使用
+    */
+    onChange: (value: RangeValue) => void
+    /**
+    * 开始拖动时触发
+    */
+    onStart: () => void
+    /**
+    * 结束拖动时触发
+    */
+    onEnd: (value: RangeValue) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { BasicComponent } from "../../../utils/typings";
+import { UISize } from '../../base/atoms';
+export type RateSize = Extract<UISize, 'large' | 'normal' | 'small'>;
+export interface BaseRate extends BasicComponent {
+    /**
+    * star 尺寸
+    */
+    size: RateSize
+    /**
+    * 展示评分
+    */
+    showScore: boolean
+    /**
+    * star 总数
+    */
+    count: number
+    /**
+    * 受控的 star 数值
+    */
+    value: number
+    /**
+    * 非受控的 star 默认值
+    */
+    defaultValue: number
+    /**
+    * 最少选中star数量
+    */
+    min: number
+    /**
+    * 使用图标(选中)
+    */
+    checkedIcon: ReactNode
+    /**
+    * 使用图标(未选中)
+    */
+    uncheckedIcon: ReactNode
+    /**
+    * 是否禁用
+    */
+    disabled: boolean
+    /**
+    * 是否只读
+    */
+    readOnly: boolean
+    /**
+    * 是否半星
+    */
+    allowHalf: boolean
+    /**
+    * 是否允许滑动选择
+    */
+    touchable: boolean
+    /**
+    * 当前 star 数修改时触发
+    */
+    onChange: (value: number) => void
+    /**
+    * touch 滑动结束时触发
+    */
+    onTouchEnd: (e: TouchEvent, value: number) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { UIFill, UISize, UIType } from '../../base/atoms';
+import { BaseProps } from '../../base/props';
+export type ResultPageStatusOptions = {
+    [key: string]: React.ReactNode;
+};
+export type ResultPageStatus = 'success' | 'error' | 'warning' | 'info' | 'waiting';
+export type ResultPageAction = {
+    text: ReactNode;
+    type?: UIType;
+    size?: UISize;
+    fill?: UIFill;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export interface BaseResultPage extends BaseProps {
+    /**
+    * 标题
+    */
+    title: ReactNode
+    /**
+    * 描述，最多展示两行
+    */
+    description: ReactNode
+    /**
+    * 自定义 icon
+    */
+    icon: ReactNode
+    /**
+    * 状态类型
+    */
+    status: ResultPageStatus
+    /**
+    * 可用于处理操作的一组数据
+    */
+    actions: ResultPageAction[]
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { BaseProps } from '../../base/props';
+import { PositionY } from '../../base/atoms';
+export interface BaseSafeArea extends BaseProps {
+    /**
+    * 安全区的位置
+    */
+    position: PositionY
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+import { UIRound } from '../../base/atoms';
+import { BaseProps } from '../../base/props';
+export interface BaseSearchBar extends BaseProps {
+    /**
+    * 当前输入的值
+    */
+    value: string
+    /**
+    * 输入框默认暗纹
+    */
+    placeholder: string
+    /**
+    * 搜索框形状，可选值为 round
+    */
+    shape: UIRound
+    /**
+    * 是否禁用输入框
+    */
+    disabled: boolean
+    /**
+    * 最大输入长度
+    */
+    maxLength: number
+    /**
+    * 是否展示清除按钮
+    */
+    clearable: boolean
+    /**
+    * 输入框只读
+    */
+    readOnly: boolean
+    /**
+    * 是否自动聚焦
+    */
+    autoFocus: boolean
+    /**
+    * 是否展示返回按钮
+    */
+    backable: boolean
+    /**
+    * 搜索框左侧区域
+    */
+    left: ReactNode
+    /**
+    * 搜搜框右侧区域
+    */
+    right: ReactNode
+    /**
+    * 输入框内左侧区域
+    */
+    leftIn: ReactNode
+    /**
+    * 输入框内右侧区域
+    */
+    rightIn: ReactNode
+    /**
+    * 确定搜索时触发
+    */
+    onSearch: (val: string) => void
+    /**
+    * 输入内容时触发
+    */
+    onChange: (value: string, e: any) => void
+    /**
+    * 聚焦时触发
+    */
+    onFocus: (value: string, e: any) => void
+    /**
+    * 失焦时触发
+    */
+    onBlur: (value: string, e: any) => void
+    /**
+    * 点击清空时触发
+    */
+    onClear: (e: any) => void
+    /**
+    * 点击输入区域时触发
+    */
+    onInputClick: (e: any) => void
+}

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

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

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

@@ -0,0 +1,9 @@
+import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import { BaseSearchBar } from './base';
+export interface WebSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'onFocus' | 'onBlur' | 'onClear' | 'onInputClick'> {
+    onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onClear?: (event: MouseEvent<HTMLDivElement>) => void;
+    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
+}

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

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

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

@@ -0,0 +1,10 @@
+import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import { ITouchEvent } from '@tarojs/components';
+import { BaseSearchBar } from './base';
+export interface TaroSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'onFocus' | 'onBlur' | 'onClear' | 'onInputClick'> {
+    onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onClear?: (event: React.MouseEvent<Element, MouseEvent> | ITouchEvent) => void;
+    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
+}

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

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