@nutui/nutui-react 2.2.0 → 2.3.0-beta.0

package/dist/types/packages/uploader/uploader.taro.d.ts

@@ -0,0 +1,84 @@
+import React from 'react';
+import Taro from '@tarojs/taro';
+import { UploadOptions } from './upload';
+import { BasicComponent } from '../../utils/typings';
+import { FileItem } from './file-item';
+/** 图片的尺寸 */
+interface sizeType {
+    /** 原图 */
+    original: string;
+    /** compressed */
+    compressed: string;
+}
+/** 图片的来源 */
+interface sourceType {
+    /** 从相册选图 */
+    album: string;
+    /** 使用相机 */
+    camera: string;
+}
+/** 视频的来源 */
+interface mediaType {
+    /** 只能拍摄图片或从相册选择图片 */
+    image: string;
+    /** 只能拍摄视频或从相册选择视频 */
+    video: string;
+}
+export interface UploaderProps extends BasicComponent {
+    url: string;
+    maxCount: string | number;
+    sizeType: (keyof sizeType)[];
+    sourceType: (keyof sourceType)[];
+    mediaType: (keyof mediaType)[];
+    camera: string;
+    maxFileSize: number;
+    defaultValue?: FileItem[];
+    value?: FileItem[];
+    previewType: 'picture' | 'list';
+    fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    uploadIcon?: React.ReactNode;
+    uploadLabel?: React.ReactNode;
+    name: string;
+    accept: string;
+    disabled: boolean;
+    autoUpload: boolean;
+    multiple: boolean;
+    timeout: number;
+    data: any;
+    method: string;
+    xhrState: number | string;
+    headers: any;
+    preview: boolean;
+    deletable: boolean;
+    className: string;
+    previewUrl?: string;
+    maxDuration: number;
+    style: React.CSSProperties;
+    onStart?: (option: UploadOptions) => void;
+    onDelete?: (file: FileItem, files: FileItem[]) => void;
+    onSuccess?: (param: {
+        responseText: XMLHttpRequest['responseText'];
+        option: UploadOptions;
+        files: FileItem[];
+    }) => void;
+    onProgress?: (param: {
+        e: ProgressEvent<XMLHttpRequestEventTarget>;
+        option: UploadOptions;
+        percentage: number | string;
+    }) => void;
+    onFailure?: (param: {
+        responseText: XMLHttpRequest['responseText'];
+        option: UploadOptions;
+        files: FileItem[];
+    }) => void;
+    onUpdate?: (files: FileItem[]) => void;
+    onOversize?: (files: Taro.chooseImage.ImageFile[] | Taro.chooseMedia.ChooseMedia[] | any) => void;
+    onChange?: (files: FileItem[]) => void;
+    beforeXhrUpload?: (xhr: XMLHttpRequest, options: any) => void;
+    beforeDelete?: (file: FileItem, files: FileItem[]) => boolean;
+    onFileItemClick?: (file: FileItem, index: number) => void;
+}
+export declare const Uploader: React.ForwardRefExoticComponent<Partial<UploaderProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export {};

package/dist/types/packages/video/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Video } from './video.taro';
+export type { VideoProps } from './video.taro';
+export default Video;

package/dist/types/packages/video/video.taro.d.ts

@@ -0,0 +1,21 @@
+import React, { FunctionComponent } from 'react';
+import { BaseEventOrig } from '@tarojs/components';
+import { BasicComponent } from '../../utils/typings';
+export interface VideoProps extends BasicComponent {
+    source: {
+        type: string;
+        src: string;
+    };
+    options: {
+        controls?: boolean;
+        muted?: boolean;
+        autoplay?: boolean;
+        poster?: string;
+        playsinline?: boolean;
+        loop?: boolean;
+    };
+    onPlay: (event: BaseEventOrig<any>) => void;
+    onPause: (event: BaseEventOrig<any>) => void;
+    onPlayEnd: (event: BaseEventOrig<any>) => void;
+}
+export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;

package/dist/types/packages/virtuallist/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { VirtualList } from './virtuallist.taro';
+export type { VirtualListProps } from './virtuallist.taro';
+export default VirtualList;

package/dist/types/packages/virtuallist/virtuallist.taro.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { Data } from './type';
+import { BasicComponent } from '../../utils/typings';
+export interface VirtualListProps extends BasicComponent {
+    list: Array<Data>;
+    containerHeight: number;
+    itemRender: (data: any, dataIndex: number, index: number) => ReactNode;
+    itemHeight: number;
+    itemEqual: boolean;
+    overscan: number;
+    onScroll: () => void;
+    key: string;
+}
+export declare const VirtualList: FunctionComponent<Partial<VirtualListProps>>;

package/dist/types/packages/watermark/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { WaterMark } from './watermark.taro';
+export type { WaterMarkProps } from './watermark.taro';
+export default WaterMark;

package/dist/types/packages/watermark/watermark.taro.d.ts

@@ -0,0 +1,21 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface WaterMarkProps extends BasicComponent {
+    content: string;
+    fullPage: boolean;
+    zIndex: number;
+    gapX: number;
+    gapY: number;
+    width: number;
+    height: number;
+    image: string;
+    imageWidth: number;
+    imageHeight: number;
+    rotate: number;
+    color: string;
+    fontStyle: string;
+    fontFamily: string;
+    fontWeight: string;
+    fontSize: string | number;
+}
+export declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/utils/camel-case.d.ts

@@ -0,0 +1 @@
+export declare const camelCase: (input: any, options: any) => string;

package/dist/types/utils/get-rect-by-taro.d.ts

@@ -0,0 +1,12 @@
+export interface Rect {
+    dataset: Record<string, any>;
+    id: string;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export declare function makeRect(width: number, height: number): Rect;
+export declare const getRectByTaro: (element: any) => Promise<Rect>;

package/dist/types/utils/merge-props.d.ts

@@ -0,0 +1,5 @@
+export declare function mergeProps<T, U>(defaultProps: T, props: U): {
+    [Key in Extract<keyof T, keyof U>]: U[Key];
+} & {
+    [Key in Exclude<keyof U, keyof T>]?: U[Key];
+};

package/dist/types/utils/test/event.d.ts

@@ -0,0 +1,21 @@
+export declare function trigger(wrapper: any, eventName: string, x?: number, y?: number, options?: any): void;
+export declare function sleep(delay?: number): Promise<void>;
+export declare function triggerDrag(el: any, relativeX?: number, relativeY?: number): void;
+/**
+ * 模拟触摸移动方法
+ * @param {HTMLElement} element 要进行触摸移动的 HTML 元素
+ * @param {number} startX 起始触摸点的 X 坐标
+ * @param {number} startY 起始触摸点的 Y 坐标
+ * @param {number} endX 结束触摸点的 X 坐标
+ * @param {number} endY 结束触摸点的 Y 坐标
+ * @param {number} duration 移动持续时间（毫秒）
+ */
+export declare function simulateTouchMove(element: HTMLElement, startX: number, startY: number, endX: number, endY: number, duration: number): Promise<void>;
+/**
+ * 模拟触摸缩放方法
+ * @param {HTMLElement} element 要进行缩放操作的 HTML 元素
+ * @param {number} startDistance 起始触摸点的距离
+ * @param {number} endDistance 结束触摸点的距离
+ * @param {number} duration 缩放持续时间（毫秒）
+ */
+export declare function simulateTouchZoom(element: HTMLElement, startDistance: number, endDistance: number, duration: number): Promise<void>;

package/dist/types/utils/use-custom-event.d.ts

@@ -0,0 +1,7 @@
+export declare const customEvents: TaroGeneral.Events;
+export declare function useCustomEventsPath(selector?: string): string;
+export declare function useCustomEvent(selector: string, cb: any): (<T = any>(args: T) => void)[];
+export declare function useParams<T = any>(args: T): {
+    params: T;
+    setParams: (args: T) => void;
+};

package/dist/types/utils/use-lock-scoll-taro.d.ts

@@ -0,0 +1 @@
+export declare const useLockScrollTaro: (shouldLock: boolean) => import("react").MutableRefObject<null>;

package/dist/types/utils/use-taro-rect.d.ts

@@ -0,0 +1 @@
+export declare const getTaroRectById: (id: string) => Promise<unknown>;

package/dist/types/utils/use-uuid.d.ts

@@ -0,0 +1 @@
+export default function useUuid(): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.2.0",
+  "version": "2.3.0-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@nutui/icons-react": "^0.0.4",
+    "@nutui/icons-react": "^0.0.5-beta.0",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
@@ -67,7 +67,6 @@
   },
   "resolutions": {
     "@types/react": "18",
-    "@types/react-dom": "18",
-    "@swc/core": "1.3.42"
+    "@types/react-dom": "18"
   }
 }

package/dist/types/vite-env.d.ts

@@ -1,9 +0,0 @@
-// eslint-disable-next-line react/no-typos
-import 'react'
-
-declare module 'react' {
-  interface CSSProperties {
-    // Allow any CSS Custom Properties
-    [index: `--${string}`]: any
-  }
-}