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

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

@@ -0,0 +1,60 @@
+import React from 'react';
+import { UploadOptions } from './upload';
+import { BasicComponent } from '../../utils/typings';
+import { FileItem } from './file-item';
+export interface UploaderProps extends BasicComponent {
+    url: string;
+    maxCount: string | number;
+    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;
+    withCredentials: boolean;
+    clearInput: boolean;
+    preview: boolean;
+    deletable: boolean;
+    capture: boolean | 'user' | 'environment';
+    className: string;
+    previewUrl?: string;
+    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: string | number;
+    }) => void;
+    onFailure?: (param: {
+        responseText: XMLHttpRequest['responseText'];
+        option: UploadOptions;
+        files: FileItem[];
+    }) => void;
+    onUpdate?: (files: FileItem[]) => void;
+    onOversize?: (files: File[]) => void;
+    onChange?: (files: FileItem[]) => void;
+    beforeUpload?: (files: File[]) => Promise<File[] | boolean>;
+    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>>;

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

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

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

@@ -0,0 +1,20 @@
+import React, { FunctionComponent } from 'react';
+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: (element: HTMLVideoElement) => void;
+    onPause: (element: HTMLVideoElement) => void;
+    onPlayEnd: (element: HTMLVideoElement) => void;
+}
+export declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;

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

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

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

@@ -0,0 +1,15 @@
+import { FunctionComponent, ReactNode } from 'react';
+import type { 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;
+    direction: 'vertical' | 'horizontal';
+    overscan: number;
+    onScroll: () => void;
+    key: string;
+}
+export declare const VirtualList: FunctionComponent<Partial<VirtualListProps>>;

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

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

package/dist/types/packages/watermark/watermark.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/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const isObject: (val: unknown) => val is Record<any, any>;
 export declare const isFunction: (val: unknown) => val is Function;
 export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;

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/render.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import type { Root } from 'react-dom/client';
+declare const MARK = "__nutui_react_root__";
+type ContainerType = (Element | DocumentFragment) & {
+    [MARK]?: Root;
+};
+export declare function render(node: ReactElement, container: ContainerType): void;
+export declare function unmount(container: ContainerType): boolean | Promise<void>;
+export {};

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-click-away.d.ts

@@ -0,0 +1,3 @@
+type TargetType = Function | HTMLElement | Element;
+export default function useClickAway(onClickAway: () => void, target: TargetType | TargetType[], eventName: string | undefined, useCapture: boolean, isListener?: boolean, outerVar?: boolean): void;
+export {};

package/dist/types/utils/use-isomprphic-layout-effect.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

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-taro",
-  "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-taro": "^0.0.4",
+    "@nutui/icons-react-taro": "^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/esm/empty.taro-39MwJjPx.js

@@ -1,59 +0,0 @@
-import React__default, { useState, useEffect } from "react";
-import { u as useConfig } from "./configprovider.taro-hS2SwHJB.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultStatus = {
-  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
-  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
-  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
-};
-const defaultProps = {
-  ...ComponentDefaults,
-  description: "",
-  imageSize: "",
-  status: "empty"
-};
-const classPrefix = `nut-empty`;
-const Empty = (props) => {
-  const { locale } = useConfig();
-  defaultProps.description = locale.noData || defaultProps.description;
-  const { image, imageSize, description, children, className, status, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
-  const [imgStyle, setImgStyle] = useState({});
-  const imageUrl = image || defaultStatus[status];
-  const imageNode = typeof imageUrl === "string" ? React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" }) : imageUrl;
-  useEffect(() => {
-    setImgStyle(() => {
-      if (!imageSize) {
-        return {};
-      }
-      if (typeof imageSize === "number") {
-        return {
-          width: `${imageSize}px`,
-          height: `${imageSize}px`
-        };
-      }
-      return {
-        width: imageSize,
-        height: imageSize
-      };
-    });
-  }, [imageSize]);
-  return React__default.createElement(
-    "div",
-    { className: `${classPrefix} ${className}`, ...rest },
-    React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement("div", { className: `${classPrefix}__image`, style: imgStyle }, imageNode),
-      typeof description === "string" ? React__default.createElement("div", { className: `${classPrefix}__description` }, description) : description,
-      children
-    )
-  );
-};
-Empty.defaultProps = defaultProps;
-Empty.displayName = "NutEmpty";
-export {
-  Empty as E
-};

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
-  }
-}

package/dist/esm/{overlay.taro-g57gqLxf.js → overlay.taro-Iqz9hm-3.js}

@@ -108,8 +108,8 @@ const Overlay = (props) => {
     ...defaultOverlayProps,
     ...props
   };
-  const [innerVisible, setInnerVisible] = useState(visible);
   const classPrefix = `nut-overlay`;
+  const [innerVisible, setInnerVisible] = useState(visible);
   const nodeRef = useLockScrollTaro(!!props.lockScroll && innerVisible);
   useEffect(() => {
     if (visible) {