@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

package/dist/types/packages/picker/picker.d.ts

@@ -0,0 +1,67 @@
+import React, { RefObject } from 'react';
+import { PickerOption } from './types';
+import { BasicComponent } from '../../utils/typings';
+export type PickerActions = {
+    open: () => void;
+    close: () => void;
+};
+export interface PickerProps extends Omit<BasicComponent, 'children'> {
+    /**
+    * 是否可见
+    * @default false
+    */
+    visible?: boolean | undefined
+    /**
+    * 设置标题
+    * @default -
+    */
+    title?: string
+    /**
+    * 列表数据
+    * @default []
+    */
+    options: (PickerOption | PickerOption[])[]
+    /**
+    * 选中值，受控
+    * @default []
+    */
+    value?: (number | string)[]
+    /**
+    * 默认选中
+    * @default []
+    */
+    defaultValue?: (number | string)[]
+    /**
+    * 是否开启3D效果
+    * @default true
+    */
+    threeDimensional?: boolean
+    /**
+    * 快速滑动时惯性滚动的时长，单位 ms
+    * @default 1000
+    */
+    duration: number | string
+    /**
+    * 点击确认按钮时候回调
+    * @default -
+    */
+    onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void
+    /**
+    * 关闭时触发
+    * @default -
+    */
+    onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void
+    /**
+    * 联动时，关闭时回调
+    * @default -
+    */
+    afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void
+    /**
+    * 每一列值变更时调用
+    * @default -
+    */
+    onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void
+    children?: any;
+}
+declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<unknown>>;
+export default Picker;

package/dist/types/packages/picker/pickerpanel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PickerOption } from './types';
+interface PickerPanelProps {
+    keyIndex?: number;
+    defaultValue?: string | number;
+    options?: PickerOption[];
+    threeDimensional: boolean;
+    duration: number | string;
+    chooseItem?: (val: PickerOption, idx: number) => void;
+}
+declare const PickerPanel: React.ForwardRefExoticComponent<Partial<PickerPanelProps> & React.RefAttributes<{
+    stopMomentum: () => void;
+    moving: boolean;
+}>>;
+export default PickerPanel;

package/dist/types/packages/picker/types.d.ts

@@ -0,0 +1,7 @@
+export interface PickerOption {
+    text: string | number;
+    value: string | number;
+    disabled?: boolean;
+    children?: PickerOption[];
+    className?: string | number;
+}

package/dist/types/packages/popover/index.d.ts

@@ -0,0 +1,3 @@
+import { Popover } from './popover';
+export type { PopoverLocation, PopoverProps, List } from './popover';
+export default Popover;

package/dist/types/packages/popover/popover.d.ts

@@ -0,0 +1,74 @@
+import React, { FunctionComponent } from 'react';
+import { PopupProps } from '../../packages/popup/popup';
+export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export interface List {
+    key?: string;
+    name: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export interface PopoverProps extends PopupProps {
+    /**
+    * 选项列表
+    * @default []
+    */
+    list: List[]
+    /**
+    * 弹出位置，里面具体的参数值可以参考上面的位置自定义例子
+    * @default bottom
+    */
+    location: PopoverLocation | string
+    /**
+    * 是否展示气泡弹出层
+    * @default false
+    */
+    visible: boolean
+    /**
+    * 出现位置的偏移量
+    * @default [0, 12]
+    */
+    offset: string[] | number[]
+    /**
+    * 自定义目标元素 id
+    * @default -
+    */
+    targetId: string
+    /**
+    * 是否显示小箭头
+    * @default true
+    */
+    showArrow: boolean
+    /**
+    * 是否在点击外部元素后关闭菜单
+    * @default true
+    */
+    closeOnClickOutside: boolean
+    /**
+    * 是否在点击选项后关闭
+    * @default true
+    */
+    closeOnClickAction: boolean
+    children?: React.ReactNode;
+    /**
+    * 点击切换 popover 展示状态
+    * @default () => {}
+    */
+    onClick: () => void
+    /**
+    * 点击菜单时触发
+    * @default () => {}
+    */
+    onOpen: () => void
+    /**
+    * 关闭菜单时触发
+    * @default () => {}
+    */
+    onClose: () => void
+    /**
+    * 点击选项时触发
+    * @default (item, index) => {}
+    */
+    onSelect: (item: List, index: number) => void
+}
+export declare const Popover: FunctionComponent<Partial<PopoverProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>>;

package/dist/types/packages/popup/index.d.ts

@@ -0,0 +1,3 @@
+import { Popup } from './popup';
+export type { PopupProps } from './popup';
+export default Popup;

package/dist/types/packages/popup/popup.d.ts

@@ -0,0 +1,84 @@
+import React, { FunctionComponent, MouseEvent, ReactNode } from 'react';
+import { OverlayProps } from '../../packages/overlay/overlay';
+type Teleport = HTMLElement | (() => HTMLElement) | null;
+export interface PopupProps extends OverlayProps {
+    /**
+    * 弹出位置
+    * @default center
+    */
+    position: string
+    /**
+    * 动画名
+    * @default -
+    */
+    transition: string
+    /**
+    * 自定义遮罩样式
+    * @default -
+    */
+    overlayStyle: React.CSSProperties
+    /**
+    * 自定义遮罩类名
+    * @default -
+    */
+    overlayClassName: string
+    /**
+    * 是否显示关闭按钮
+    * @default false
+    */
+    closeable: boolean
+    /**
+    * 关闭按钮位置
+    * @default top-right
+    */
+    closeIconPosition: string
+    /**
+    * 自定义 Icon
+    * @default close
+    */
+    closeIcon: ReactNode
+    left: ReactNode;
+    title: ReactNode;
+    /**
+    * 组件不可见时，卸载内容
+    * @default false
+    */
+    destroyOnClose: boolean
+    /**
+    * 指定节点挂载
+    * @default null
+    */
+    portal: Teleport
+    /**
+    * 是否显示遮罩
+    * @default true
+    */
+    overlay: boolean
+    /**
+    * 是否显示圆角
+    * @default false
+    */
+    round: boolean
+    /**
+    * 打开弹框时触发
+    * @default -
+    */
+    onOpen: () => void
+    /**
+    * 关闭弹框时触发
+    * @default -
+    */
+    onClose: () => void
+    /**
+    * 点击遮罩触发
+    * @default -
+    */
+    onClickOverlay: (e: MouseEvent) => boolean | void
+    /**
+    * 点击关闭图标时触发
+    * @default -
+    */
+    onClickCloseIcon: (e: MouseEvent) => boolean | void
+}
+export declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+export {};

package/dist/types/packages/price/index.d.ts

@@ -0,0 +1,3 @@
+import { Price } from './price';
+export type { PriceProps } from './price';
+export default Price;

package/dist/types/packages/price/price.d.ts

@@ -0,0 +1,40 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface PriceProps extends BasicComponent {
+    /**
+    * 价格数量
+    * @default 0
+    */
+    price: number | string
+    /**
+    * 符号类型
+    * @default ¥
+    */
+    symbol: string
+    /**
+    * 小数位位数
+    * @default 2
+    */
+    digits: number
+    /**
+    * 是否按照千分号形式显示
+    * @default false
+    */
+    thousands: boolean
+    /**
+    * 符号显示在价格前或者后，before、after
+    * @default before
+    */
+    position: string
+    /**
+    * 价格尺寸，large、normal、small
+    * @default large
+    */
+    size: string
+    /**
+    * 是否划线价
+    * @default false
+    */
+    line: boolean
+}
+export declare const Price: FunctionComponent<Partial<PriceProps>>;

package/dist/types/packages/progress/index.d.ts

@@ -0,0 +1,3 @@
+import { Progress } from './progress';
+export type { ProgressProps } from './progress';
+export default Progress;

package/dist/types/packages/progress/progress.d.ts

@@ -0,0 +1,45 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface ProgressProps extends BasicComponent {
+    /**
+    * 百分比
+    * @default 0
+    */
+    percent: number
+    /**
+    * 进度条背景颜色
+    * @default #f3f3f3
+    */
+    background: string
+    /**
+    * 进度条线条颜色
+    * @default linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)
+    */
+    color: string
+    /**
+    * 进度条宽度
+    * @default -
+    */
+    strokeWidth: string
+    /**
+    * 是否显示文字内容
+    * @default false
+    */
+    showText: boolean
+    /**
+    * 是否展示动画效果
+    * @default false
+    */
+    animated: boolean
+    /**
+    * 每次进入可视区展示进度条动画
+    * @default false
+    */
+    lazy: boolean
+    /**
+    * 延迟数据加载时长，单位 ms
+    * @default 0
+    */
+    delay: number
+}
+export declare const Progress: FunctionComponent<Partial<ProgressProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/packages/pulltorefresh/index.d.ts

@@ -0,0 +1,3 @@
+import { PullToRefresh } from './pulltorefresh';
+export type { PullToRefreshProps, PullStatus } from './pulltorefresh';
+export default PullToRefresh;

package/dist/types/packages/pulltorefresh/pulltorefresh.d.ts

@@ -0,0 +1,56 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
+export interface PullToRefreshProps extends BasicComponent {
+    /**
+    * 触发刷新时的处理函数
+    * @default -
+    */
+    onRefresh: () => Promise<any>
+    /**
+    * 下拉的提示文案
+    * @default 下拉刷新
+    */
+    pullingText: ReactNode
+    /**
+    * 释放的提示文案
+    * @default 释放立即刷新
+    */
+    canReleaseText: ReactNode
+    /**
+    * 刷新时的提示文案
+    * @default 加载中……
+    */
+    refreshingText: ReactNode
+    /**
+    * 完成时的提示文案
+    * @default 刷新成功
+    */
+    completeText: ReactNode
+    /**
+    * 完成后延迟消失的时间，单位为 ms
+    * @default 500
+    */
+    completeDelay: number
+    /**
+    * 头部提示内容区的高度，单位为 px
+    * @default 40
+    */
+    headHeight: number
+    /**
+    * 触发刷新需要下拉多少距离，单位为 px
+    * @default 60
+    */
+    threshold: number
+    /**
+    * 是否禁用下拉刷新
+    * @default false
+    */
+    disabled: boolean
+    /**
+    * 根据下拉状态，自定义下拉提示文案
+    * @default -
+    */
+    renderText: (status: PullStatus) => ReactNode
+}
+export declare const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>>;

package/dist/types/packages/radio/index.d.ts

@@ -0,0 +1,3 @@
+import { Radio } from './radio';
+export type { RadioProps, RadioShape, RadioPosition } from './radio';
+export default Radio;

package/dist/types/packages/radio/radio.d.ts

@@ -0,0 +1,55 @@
+import React, { FunctionComponent } from 'react';
+import RadioGroup from '../../packages/radiogroup';
+import { BasicComponent } from '../../utils/typings';
+export type RadioShape = 'button' | 'round';
+export type RadioPosition = 'right' | 'left';
+export interface RadioProps extends BasicComponent {
+    /**
+    * 是否禁用选择
+    * @default false
+    */
+    disabled: boolean
+    /**
+    * 指定当前是否选中
+    * @default -
+    */
+    checked: boolean
+    /**
+    * 初始是否选中
+    * @default -
+    */
+    defaultChecked: boolean
+    /**
+    * 形状
+    * @default round
+    */
+    shape: RadioShape
+    /**
+    * 文本所在的位置
+    * @default right
+    */
+    labelPosition: RadioPosition
+    /**
+    * <a href="#/icon">图标名称</a>，选中前(建议和activeIcon一起修改)
+    * @default 'CheckNormal'
+    */
+    icon: React.ReactNode
+    /**
+    * <a href="#/icon">图标名称</a>，选中后(建议和icon一起修改)
+    * @default 'CheckChecked'
+    */
+    activeIcon: React.ReactNode
+    /**
+    * 携带的标识值，用于 Group 模式
+    * @default -
+    */
+    value: string | number
+    /**
+    * 选中态变化时触发
+    * @default -
+    */
+    onChange: (checked: boolean) => void
+}
+export declare const Radio: FunctionComponent<Partial<RadioProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+    Group: typeof RadioGroup;
+};

package/dist/types/packages/radiogroup/context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: React.Context<{
+    labelPosition: 'left' | 'right';
+    disabled: boolean | undefined;
+    value: string | number;
+    check: (value: string | number) => void;
+    uncheck: () => void;
+} | null>;
+export default _default;

package/dist/types/packages/radiogroup/index.d.ts

@@ -0,0 +1,2 @@
+import { RadioGroup } from './radiogroup';
+export default RadioGroup;

package/dist/types/packages/radiogroup/radiogroup.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { RadioGroupOptionType } from './type';
+type Position = 'left' | 'right';
+type Direction = 'horizontal' | 'vertical';
+export interface RadioGroupProps {
+    /**
+    * 当前选中项的标识符
+    * @default -
+    */
+    value?: string | number
+    defaultValue?: string | number;
+    /**
+    * 文本所在的位置
+    * @default right
+    */
+    labelPosition: Position
+    /**
+    * 使用横纵方向
+    * @default vertical
+    */
+    direction: Direction
+    /**
+    * 是否禁用
+    * @default false
+    */
+    disabled?: boolean
+    /**
+    * 配置 options 渲染单选按钮
+    * @default -
+    */
+    options: RadioGroupOptionType[]
+    /**
+    * 值变化时触发
+    * @default -
+    */
+    onChange: (value: string | number) => void
+}
+export declare const RadioGroup: React.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
+export {};

package/dist/types/packages/radiogroup/type.d.ts

@@ -0,0 +1,6 @@
+export interface RadioGroupOptionType {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}

package/dist/types/packages/range/index.d.ts

@@ -0,0 +1,3 @@
+import { Range } from './range';
+export type { RangeProps, RangeValue } from './range';
+export default Range;

package/dist/types/packages/range/range.d.ts

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

package/dist/types/packages/rate/index.d.ts

@@ -0,0 +1,3 @@
+import { Rate } from './rate';
+export type { RateProps } from './rate';
+export default Rate;

package/dist/types/packages/rate/rate.d.ts

@@ -0,0 +1,55 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface RateProps extends BasicComponent {
+    /**
+    * star 总数
+    * @default 5
+    */
+    count: number
+    /**
+    * 受控的 star 数值
+    * @default 0
+    */
+    value: number
+    /**
+    * 非受控的 star 默认值
+    * @default 0
+    */
+    defaultValue: number
+    /**
+    * 最少选中star数量
+    * @default 0
+    */
+    min: number
+    /**
+    * 使用图标(选中)
+    * @default star-n
+    */
+    checkedIcon: React.ReactNode
+    /**
+    * 使用图标(未选中)
+    * @default star-n
+    */
+    uncheckedIcon: React.ReactNode
+    /**
+    * 是否禁用
+    * @default false
+    */
+    disabled: boolean
+    /**
+    * 是否只读
+    * @default false
+    */
+    readOnly: boolean
+    /**
+    * 是否半星
+    * @default false
+    */
+    allowHalf: boolean
+    /**
+    * 当前 star 数修改时触发
+    * @default -
+    */
+    onChange: (value: number) => void
+}
+export declare const Rate: FunctionComponent<Partial<RateProps>>;