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

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

@@ -0,0 +1,26 @@
+import { BaseProps } from '../../base/props';
+import { UIType } from '../../base/atoms';
+export type IndicatorType = 'anchor' | 'slide';
+export type IndicatorColor = Extract<UIType, 'primary' | 'default'>;
+export interface BaseIndicator extends BaseProps {
+    /**
+    * 总页数
+    */
+    total: number
+    /**
+    * 当前页
+    */
+    current: number
+    /**
+    * 方向，默认为水平方向
+    */
+    direction: string
+    /**
+    * 颜色
+    */
+    color: IndicatorColor
+    /**
+    * 交互类型
+    */
+    type: IndicatorType
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { UIType } from '../../base/atoms';
+export type InfiniteLoadingType = Extract<UIType, 'primary' | 'default'>;
+export interface BaseInfiniteLoading extends BaseProps {
+    /**
+    * 主题类型
+    */
+    type: InfiniteLoadingType
+    /**
+    * 是否还有更多数据
+    */
+    hasMore: boolean
+    /**
+    * 距离底部多远加载
+    */
+    threshold: number
+    /**
+    * 获取监听的目标元素
+    */
+    target: string
+    /**
+    * 是否使用捕获模式 true 捕获 false 冒泡
+    */
+    capture: boolean
+    /**
+    * 是否开启下拉刷新
+    */
+    pullRefresh: boolean
+    /**
+    * 下拉刷新提示文案
+    */
+    pullingText: ReactNode
+    /**
+    * 上拉加载提示文案
+    */
+    loadingText: ReactNode
+    /**
+    * “没有更多数据”展示文案
+    */
+    loadMoreText: ReactNode
+    /**
+    * 下拉刷新事件回调
+    */
+    onRefresh: () => Promise<void>
+    /**
+    * 继续加载的回调函数
+    */
+    onLoadMore: () => Promise<void>
+    /**
+    * 实时监听滚动高度
+    */
+    onScroll: (param: number) => void
+}

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { ScrollViewProps } from '@tarojs/components';
+import { BaseInfiniteLoading } from './base';
+export interface TaroInfiniteLoadingProps extends BaseInfiniteLoading, Omit<ScrollViewProps, 'style' | 'type' | 'onScroll'> {
+}

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

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

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

@@ -0,0 +1,88 @@
+import { ReactNode } from 'react';
+import { Align } from '../../base/atoms';
+import { BaseProps } from '../../base/props';
+export type InputFormatTrigger = 'onChange' | 'onBlur';
+export type InputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
+export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends BaseProps {
+    /**
+    * 输入框类型，支持原生 input 标签的所有 type 属性，另外还支持 number digit
+    */
+    type: INPUT_TYPE
+    /**
+    * 组件名字，用于表单提交获取数据
+    */
+    name: string
+    /**
+    * 初始默认值
+    */
+    defaultValue?: string
+    /**
+    * 初始默认值
+    */
+    value?: string
+    /**
+    * 输入框为空时占位符
+    */
+    placeholder?: string
+    /**
+    * 输入框内容对齐方式，可选值 left、center、right
+    */
+    align?: Align
+    /**
+    * 是否禁用
+    */
+    disabled: boolean
+    /**
+    * 是否只读
+    */
+    readOnly: boolean
+    /**
+    * 限制最长输入字符
+    */
+    maxLength: number
+    /**
+    * 展示清除 Icon
+    */
+    clearable: boolean
+    /**
+    * 清除图标 Icon <a href="#/icon">可参考 Icon </a>
+    */
+    clearIcon: ReactNode
+    /**
+    * 格式化函数触发的时机，可选值为 onChange、onBlur
+    */
+    formatTrigger: InputFormatTrigger
+    /**
+    * 是否自动获得焦点，iOS 系统不支持该属性
+    */
+    autoFocus: boolean
+    /**
+    * 键盘右下角按钮的文字，仅在type='text'时生效,可选值 send：发送、search：搜索、next：下一个、go：前往、done：完成
+    */
+    confirmType: CONFIRM_TYPE
+    plain: boolean;
+    /**
+    * 输入内容格式化函数
+    */
+    formatter?: (value: string) => string
+    /**
+    * 输入框内容变化时触发
+    */
+    onChange?: (value: string) => void
+    /**
+    * 失去焦点后触发
+    */
+    onBlur?: (value: string) => void
+    /**
+    * 获得焦点后触发
+    */
+    onFocus?: (value: string) => void
+    /**
+    * 点击清空按钮时触发
+    */
+    onClear?: (value: string) => void
+    /**
+    * 点击 input 容器触发
+    */
+    onClick?: (event: any) => void
+}

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

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

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

@@ -0,0 +1,7 @@
+import { HTMLInputTypeAttribute } from 'react';
+import { BaseInput } from './base';
+export type WebInputType = HTMLInputTypeAttribute;
+export type WebInputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
+export interface WebInputProps extends Omit<BaseInput<WebInputType, WebInputConfirmType>, 'onClick'> {
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+}

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

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

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

@@ -0,0 +1,9 @@
+import { InputProps, ITouchEvent } from '@tarojs/components';
+import { HTMLInputTypeAttribute } from 'react';
+import { BaseInput } from './base';
+export type TaroInputType = keyof InputProps.Type | HTMLInputTypeAttribute;
+export type TaroInputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
+export interface TaroInputProps extends Omit<BaseInput<TaroInputType, TaroInputConfirmType>, 'onClick' | 'onFocus'> {
+    onClick?: (e: ITouchEvent) => void;
+    onFocus?: (value: string, height?: number) => void;
+}

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

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

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

@@ -0,0 +1,73 @@
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export interface BaseInputNumber extends BaseProps {
+    /**
+    * 当前值，受控值
+    */
+    value: SimpleValue
+    /**
+    * 默认值
+    */
+    defaultValue: SimpleValue
+    /**
+    * 是否允许内容为空
+    */
+    allowEmpty: boolean
+    /**
+    * 最小值限制
+    */
+    min: SimpleValue
+    /**
+    * 最大值限制
+    */
+    max: SimpleValue
+    /**
+    * 禁用所有功能
+    */
+    disabled: boolean
+    /**
+    * 只读状态禁用输入框操作行为
+    */
+    readOnly: boolean
+    /**
+    * 步长
+    */
+    step: number
+    /**
+    * 设置保留的小数位
+    */
+    digits: number
+    /**
+    * 支持取消文本全选中
+    */
+    select: boolean
+    /**
+    * 指定输入框展示值的格式
+    */
+    formatter?: (value?: SimpleValue) => string
+    /**
+    * 点击增加按钮时触发
+    */
+    onPlus: (e: any) => void
+    /**
+    * 点击减少按钮时触发
+    */
+    onMinus: (e: any) => void
+    /**
+    * 点击不可用的按钮时触发
+    */
+    onOverlimit: (e: any) => void
+    /**
+    * 输入框失去焦点时触发
+    */
+    onBlur: (e: any) => void
+    /**
+    * 输入框获得焦点时触发
+    */
+    onFocus: (e: any) => void
+    beforeChange: (value: SimpleValue) => boolean | Promise<boolean>;
+    /**
+    * 值改变时触发
+    */
+    onChange: (param: string | number, e: any) => void
+}

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

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

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

@@ -0,0 +1,9 @@
+import { BaseInputNumber } from './base';
+export interface WebInputNumberProps extends BaseInputNumber {
+    onPlus: (e: React.MouseEvent) => void;
+    onMinus: (e: React.MouseEvent) => void;
+    onOverlimit: (e: React.MouseEvent | React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange: (param: string | number, e: React.MouseEvent | React.ChangeEvent<HTMLInputElement>) => void;
+}

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

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

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

@@ -0,0 +1,13 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseInputNumber } from './base';
+import { TaroInputType } from '../input/taro';
+import { SimpleValue } from "../../../types";
+export interface TaroInputNumberProps extends Omit<BaseInputNumber, 'onPlus' | 'onMinus' | 'onOverlimit' | 'onBlur' | 'onFocus' | 'onChange'> {
+    type: TaroInputType;
+    onPlus?: (e: ITouchEvent) => void;
+    onMinus?: (e: ITouchEvent) => void;
+    onOverlimit?: (e: ITouchEvent | React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (param: SimpleValue, e: ITouchEvent | React.ChangeEvent<HTMLInputElement>) => void;
+}

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

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

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

@@ -0,0 +1,18 @@
+import { BaseProps } from '../../base/props';
+import { SimpleValue, UILayout } from '../../base/atoms';
+export interface BaseCol extends BaseProps {
+    span: SimpleValue;
+    offset: SimpleValue;
+    gutter: SimpleValue;
+    isFirst: boolean;
+    isLast: boolean;
+    onClick: (e: any, type: UILayout) => void;
+}
+export interface BaseRow extends BaseProps {
+    type: string;
+    justify: string;
+    align: string;
+    wrap: string;
+    gutter: SimpleValue;
+    onClick: (e: any, type: UILayout) => void;
+}

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

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

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

@@ -0,0 +1,7 @@
+import { BaseCol, BaseRow } from './base';
+import { UILayout } from "../../../types";
+export interface WebColProps extends BaseCol {
+}
+export interface WebRowProps extends BaseRow {
+    onClick: (e: React.MouseEvent<HTMLDivElement>, type: UILayout) => void;
+}

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

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

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

@@ -0,0 +1,8 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseCol, BaseRow } from './base';
+import { UILayout } from "../../../types";
+export interface TaroColProps extends BaseCol {
+}
+export interface TaroRowProps extends BaseRow {
+    onClick: (e: React.MouseEvent<Element, MouseEvent> | ITouchEvent, type: UILayout) => void;
+}

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

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

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { Direction } from '../../base/atoms';
+export type LoadingRef = any;
+export type LoadingType = 'spinner' | 'circular' | 'lottie';
+export interface BaseLoading<LOTTIE_PROPS = any> extends BaseProps {
+    /**
+    * loading图标的样式
+    */
+    type: LoadingType
+    /**
+    * loading图标和文字的排列方式
+    */
+    direction: Direction
+    /**
+    * 自定义loading的图标
+    */
+    icon: ReactNode
+    jsonData: any;
+    lottieProps: Partial<LOTTIE_PROPS>;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export type BaseLottie<LOTTIE_LIBRARY> = BaseProps & LOTTIE_LIBRARY & {
+    /**
+    * 包含导出动画数据的 JSON 对象
+    */
+    source: NonNullable<unknown>
+    /**
+    * 动画是否循环播放，设置为数字时代表循环次数
+    */
+    loop: SimpleValue | boolean
+    /**
+    * 动画将在加载后立即播放
+    */
+    autoPlay: boolean
+    /**
+    * 第一个值是初始帧，第二个值是最终帧。如果设置了该值，动画将从此时间位置开始
+    */
+    initialSegment: [number, number]
+    /**
+    * 播放速度
+    */
+    speed: number
+};

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

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

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

@@ -0,0 +1,4 @@
+import { LottieOptions } from 'lottie-react';
+import { BaseLottie } from './base';
+export interface WebLottieProps extends BaseLottie<Omit<LottieOptions, 'animationData'>> {
+}

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

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

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

@@ -0,0 +1,4 @@
+import { LottieOptions } from 'lottie-react';
+import { BaseLottie } from './base';
+export interface TaroLottieProps extends BaseLottie<Omit<LottieOptions, 'animationData'>> {
+}

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

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

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

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export type MenuTriggerType = 'NORMAL' | 'REF';
+export type MenuCallBack = (index: number, from?: MenuTriggerType) => void;
+export interface MenuOptionItem {
+    text: string;
+    value: SimpleValue;
+}
+export interface BaseMenu extends BaseProps {
+    /**
+    * 选项的选中态图标颜色
+    */
+    activeColor: string
+    overlay: boolean;
+    /**
+    * 是否在点击遮罩层后关闭菜单
+    */
+    closeOnOverlayClick: boolean
+    /**
+    * 滚动后是否固定，可设置固定位置
+    */
+    scrollFixed: boolean | SimpleValue
+    /**
+    * 背景是否锁定
+    */
+    lockScroll: boolean
+    /**
+    * 自定义标题图标
+    */
+    icon: ReactNode
+    children: ReactNode;
+    /**
+    * menu 展开触发
+    */
+    onOpen: MenuCallBack
+    /**
+    * menu 关闭触发
+    */
+    onClose: MenuCallBack
+}
+export interface BaseMenuItem extends BaseProps {
+    title: ReactNode;
+    titleIcon: ReactNode;
+    options: MenuOptionItem[];
+    disabled: boolean;
+    columns: number;
+    icon: ReactNode;
+    closeOnClickAway: boolean;
+    direction: string;
+    activeTitleClass: string;
+    inactiveTitleClass: string;
+    value: SimpleValue;
+    defaultValue: SimpleValue;
+    children: ReactNode;
+    onChange: (event: any) => void;
+}

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

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

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

@@ -0,0 +1,5 @@
+import { BaseMenu, BaseMenuItem } from './base';
+export interface WebMenuProps extends BaseMenu {
+}
+export interface WebMenuItemProps extends BaseMenuItem {
+}

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

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

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

@@ -0,0 +1,5 @@
+import { BaseMenu, BaseMenuItem } from './base';
+export interface TaroMenuProps extends BaseMenu {
+}
+export interface TaroMenuItemProps extends BaseMenuItem {
+}

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

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

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export interface BaseNavBar extends BaseProps {
+    /**
+    * 左侧内容，渲染在返回区域的右侧
+    */
+    left: ReactNode
+    /**
+    * 返回区域的文字
+    */
+    back: ReactNode
+    /**
+    * 右侧内容
+    */
+    right: ReactNode
+    /**
+    * 标题
+    */
+    title: ReactNode
+    /**
+    * 是否固定
+    */
+    fixed: boolean
+    /**
+    * 是否适配安全区
+    */
+    safeAreaInsetTop: boolean
+    /**
+    * 固定在顶部时，是否在标签位置生成一个等高的占位元素
+    */
+    placeholder: boolean
+    /**
+    * 导航栏层级
+    */
+    zIndex: SimpleValue
+    /**
+    * 点击返回区域后的回调
+    */
+    onBackClick: (e: any) => void
+    children?: ReactNode;
+}

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

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

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

@@ -0,0 +1,4 @@
+import { BaseNavBar } from './base';
+export interface WebNavBarProps extends Omit<BaseNavBar, 'onBackClick'> {
+    onBackClick: (e: React.MouseEvent<HTMLElement>) => void;
+}

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

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

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

@@ -0,0 +1,5 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseNavBar } from './base';
+export interface TaroNavBarProps extends Omit<BaseNavBar, 'onBackClick'> {
+    onBackClick: (e: ITouchEvent) => void;
+}

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

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