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

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

@@ -0,0 +1,35 @@
+import { BaseProps } from '../../base/props';
+export interface DragState {
+    offset: [x: number, y: number];
+}
+export interface BaseDrag extends BaseProps {
+    /**
+    * 是否开启自动吸边
+    */
+    attract: boolean
+    /**
+    * 拖拽元素的拖拽方向限制
+    */
+    direction: 'x' | 'y' | 'lock' | undefined
+    /**
+    * 拖拽元素的拖拽边界
+    */
+    boundary: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    }
+    /**
+    * 开始拖拽元素
+    */
+    onDragStart: () => void
+    /**
+    * 停止拖拽元素
+    */
+    onDragEnd: (state: DragState) => void
+    /**
+    * 拖拽元素
+    */
+    onDrag: (state: DragState) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,51 @@
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export interface ElevatorItem {
+    name: string;
+    id: SimpleValue;
+    [key: string]: SimpleValue;
+}
+export type ElevatorFloorKey = string;
+export type ElevatorList = {
+    list: Array<ElevatorItem>;
+} & {
+    [key: ElevatorFloorKey]: string;
+};
+export interface BaseElevator extends BaseProps {
+    /**
+    * 电梯区域的高度
+    */
+    height: SimpleValue
+    /**
+    * 索引 key 值
+    */
+    floorKey: ElevatorFloorKey
+    /**
+    * 索引列表
+    */
+    list: ElevatorList[]
+    /**
+    * 索引是否吸顶
+    */
+    sticky: boolean
+    /**
+    * 右侧锚点的上下间距
+    */
+    spaceHeight: number
+    /**
+    * 左侧索引的高度
+    */
+    titleHeight: number
+    /**
+    * 展示右侧导航
+    */
+    showKeys: boolean
+    /**
+    * 点击内容
+    */
+    onItemClick: (key: string, item: ElevatorItem) => void
+    /**
+    * 点击索引
+    */
+    onIndexClick: (key: string) => void
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,42 @@
+import { BaseProps } from '../../base/props';
+import { SimpleValue } from '../../base/atoms';
+export type EllipsisDirection = 'start' | 'end' | 'middle';
+export type EllipsisState = 'expand' | 'collapse';
+export interface BaseEllipsis extends BaseProps {
+    /**
+    * 文本内容
+    */
+    content: string
+    /**
+    * 省略位置
+    */
+    direction: EllipsisDirection
+    /**
+    * 展示几行
+    */
+    rows: SimpleValue
+    /**
+    * 展开操作的文案
+    */
+    expandText: string
+    /**
+    * 收起操作的文案
+    */
+    collapseText: string
+    /**
+    * 省略的符号
+    */
+    symbol: string
+    /**
+    * 容器的行高
+    */
+    lineHeight: SimpleValue
+    /**
+    * 文本点击时触发
+    */
+    onClick?: () => void
+    /**
+    * 点击展开收起时触发
+    */
+    onChange?: (type: EllipsisState) => void
+}

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { BaseEllipsis } from './base';
+import { SimpleValue } from '../../base/atoms';
+export interface TaroEllipsisProps extends BaseEllipsis {
+    width: SimpleValue;
+}

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

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

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { SimpleValue, UIFill, UISize, UIType } from '../../base/atoms';
+export interface EmptyAction {
+    text: ReactNode;
+    type: UIType;
+    size: UISize;
+    fill: UIFill;
+    disabled: boolean;
+    onClick: () => void;
+}
+export type EmptyState = 'empty' | 'error' | 'network';
+export interface BaseEmpty extends BaseProps {
+    /**
+    * 图片,支持传入图片 URL
+    */
+    image: ReactNode
+    /**
+    * 图片大小，number 类型单位为 px
+    */
+    imageSize: SimpleValue
+    /**
+    * 图片下方的标题
+    */
+    title: ReactNode
+    /**
+    * 图片下方的描述文字
+    */
+    description: ReactNode
+    /**
+    * 组件整体大小，适配于全屏或半屏
+    */
+    size: Extract<UISize, 'small' | 'base'>
+    /**
+    * 默认图片错误类型
+    */
+    status: EmptyState
+    /**
+    * 可用于处理操作的一组数据
+    */
+    actions: Array<EmptyAction>
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,51 @@
+import { Key, ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { PositionX } from '../../base/atoms';
+export type FixedNavPosition = {
+    top?: 'auto';
+    bottom?: 'auto';
+};
+export interface FixedNavItem {
+    id: Key;
+    num?: number;
+    text: ReactNode;
+    icon: ReactNode;
+}
+export type BaseFixedNav<OverlayProps> = OverlayProps & BaseProps & {
+    /**
+    * 展开时是否显示遮罩
+    */
+    overlay: boolean
+    /**
+    * 收起列表按钮文案
+    */
+    activeText: string
+    /**
+    * 展开列表按钮文案
+    */
+    inactiveText: string
+    /**
+    * fixed 垂直位置
+    */
+    position: FixedNavPosition
+    /**
+    * 导航方向
+    */
+    type: PositionX
+    /**
+    * 自定义按钮
+    */
+    content?: ReactNode
+    /**
+    * 悬浮列表内容数据
+    */
+    list: Array<FixedNavItem>
+    /**
+    * 展开收起按钮回调
+    */
+    onChange: (value: boolean) => void
+    /**
+    * 选择之后触发
+    */
+    onSelect: (item: FixedNavItem, event: any) => void
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export interface BaseForm {
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { Direction, SimpleValue } from '../../base/atoms';
+export interface BaseGrid extends BaseProps {
+    /**
+    * 列数
+    */
+    columns: SimpleValue
+    /**
+    * 格子之间的间距，默认单位为px
+    */
+    gap: SimpleValue
+    /**
+    * 是否将格子内容居中显示
+    */
+    center: boolean
+    /**
+    * 是否将格子固定为正方形
+    */
+    square: boolean
+    /**
+    * 内容翻转
+    */
+    reverse: boolean
+    /**
+    * 格子内容排列的方向
+    */
+    direction: Direction
+    /**
+    * 宫格子项点击事件
+    */
+    onClick: (item: BaseGridItem, index: number) => void
+}
+export interface BaseGridItem extends BaseProps {
+    text: ReactNode;
+    index: number;
+    columns: SimpleValue;
+    gap: SimpleValue;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: Direction;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+export interface BaseHoverButton extends BaseProps, BaseHoverButtonItem {
+    /**
+    * 设置组件页面层级
+    */
+    zIndex: number
+    /**
+    * 底部导航栏高度（不包含安全区高度）
+    */
+    tabbarHeight: number
+}
+export interface BaseHoverButtonItem extends BaseProps {
+    icon: ReactNode;
+    onClick: (event: any) => void;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { BaseHoverButton, BaseHoverButtonItem } from './base';
+export interface WebHoverButtonProps extends BaseHoverButton {
+}
+export interface WebHoverButtonItemProps extends Omit<BaseHoverButtonItem, 'onClick'> {
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}

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

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

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

@@ -0,0 +1,7 @@
+import { ITouchEvent } from '@tarojs/components';
+import { BaseHoverButton, BaseHoverButtonItem } from './base';
+export interface TaroHoverButtonProps extends BaseHoverButton {
+}
+export interface TaroHoverButtonItemProps extends Omit<BaseHoverButtonItem, 'onClick'> {
+    onClick?: (event: ITouchEvent) => void;
+}

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

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

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

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+import { BaseProps } from '../../base/props';
+import { FixAutoComplete } from '../../helpers/fix-string-literal-union';
+import { Align, PositionY, SimpleValue } from '../../base/atoms';
+export type ImageFit = FixAutoComplete<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>;
+export type ImagePosition = FixAutoComplete<Align | PositionY>;
+export interface BaseImage extends BaseProps {
+    /**
+    * 图片链接
+    */
+    src: string
+    /**
+    * 图片填充模式，等同于原生的 object-fit 属性
+    */
+    fit: ImageFit
+    /**
+    * 图片位置，等同于原生的 object-position 属性
+    */
+    position: ImagePosition
+    /**
+    * 替代文本
+    */
+    alt: string
+    /**
+    * 宽度，默认单位px
+    */
+    width: string
+    /**
+    * 高度，默认单位px
+    */
+    height: string
+    /**
+    * 圆角大小
+    */
+    radius: SimpleValue
+    /**
+    * 是否展示图片加载失败
+    */
+    error: ReactNode
+    /**
+    * 是否展示加载中图片
+    */
+    loading: ReactNode
+    /**
+    * 是否为懒加载图片
+    */
+    lazy: boolean
+    draggable: boolean;
+    /**
+    * 图片加载完后触发
+    */
+    onLoad: () => void
+    /**
+    * 图片加载失败后触发
+    */
+    onError: () => void
+    /**
+    * 点击图片时触发
+    */
+    onClick: (e: any) => void
+}

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { ImageProps } from '@tarojs/components';
+import { BaseImage } from './base';
+export interface TaroImageProps extends Omit<BaseImage, 'onClick' | 'onError' | 'onLoad' | 'style'>, ImageProps {
+}

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

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

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

@@ -0,0 +1,77 @@
+import { ReactNode } from 'react';
+import { EdgePosition, PositionY, SimpleValue } from '../../base/atoms';
+import { BaseProps } from '../../base/props';
+export interface PreviewImageOption {
+    src: string;
+    index?: number;
+}
+export interface PreviewVideoOption {
+    source: {
+        src: string;
+        type: string;
+    };
+    options: {
+        muted: boolean;
+        controls: boolean;
+    };
+    index?: number;
+}
+export type ImagePreviewCloseIconPosition = Extract<EdgePosition, 'top-right' | 'top-left'> | Extract<PositionY, 'bottom'>;
+export interface BaseImagePreview<IMAGE_SOURCE = PreviewImageOption, VIDEO_SOURCE = PreviewVideoOption> extends BaseProps {
+    /**
+    * 预览图片数组
+    */
+    images: Array<IMAGE_SOURCE>
+    /**
+    * 预览的视频数组（视频自动放到图片之前）
+    */
+    videos: Array<VIDEO_SOURCE>
+    /**
+    * 是否展示预览图片
+    */
+    visible: boolean
+    /**
+    * 自动轮播时长，0表示不会自动轮播
+    */
+    autoPlay: SimpleValue
+    /**
+    * 页码，受控
+    */
+    value?: number
+    /**
+    * 初始页码
+    */
+    defaultValue: number
+    /**
+    * 点击图片可以退出预览
+    */
+    closeOnContentClick: boolean
+    /**
+    * 分页是否展示
+    */
+    pagination: boolean
+    /**
+    * 分页指示器是否展示
+    */
+    indicator: boolean
+    /**
+    * 分页指示器选中的颜色
+    */
+    indicatorColor: string
+    /**
+    * 关闭按钮
+    */
+    closeIcon: ReactNode
+    /**
+    * 关闭按钮位置
+    */
+    closeIconPosition: ImagePreviewCloseIconPosition
+    /**
+    * 点击遮罩关闭图片预览时触发
+    */
+    onClose: () => void
+    /**
+    * 切换时触发
+    */
+    onChange: (value: number) => void
+}

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { BaseImagePreview } from './base';
+export interface TaroImagePreviewProps extends Omit<BaseImagePreview, 'autoPlay'> {
+    autoPlay: boolean;
+    showMenuByLongpress: boolean;
+}

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

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