@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

package/lib/es/upload/index.d.ts

@@ -1,64 +1,12 @@
 import { ReactNode, CSSProperties, RefObject, ChangeEvent, DragEvent } from 'react';
 import PropTypes from 'prop-types';
-import UploadFoundation, { BaseFileItem, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
-import { strings } from '@douyinfe/semi-foundation/lib/es/upload/constants';
+import UploadFoundation, { UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
-import { ArrayElement } from '../_base/base';
+import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
-export interface FileItem extends BaseFileItem {
-    validateMessage?: ReactNode;
-}
-export declare type UploadListType = ArrayElement<typeof strings.LIST_TYPE>;
-export declare type PromptPositionType = ArrayElement<typeof strings.PROMPT_POSITION>;
-export interface RenderFileItemProps extends FileItem {
-    previewFile: (fileItem: FileItem) => ReactNode;
-    listType: UploadListType;
-    onRemove: () => void;
-    onRetry: () => void;
-    onReplace: () => void;
-    key: string;
-    showRetry: boolean;
-    showReplace: boolean;
-    style: CSSProperties;
-    disabled: boolean;
-    onPreviewClick: () => void;
-}
-export interface BeforeUploadProps {
-    file: FileItem;
-    fileList: Array<FileItem>;
-}
-export interface AfterUploadProps {
-    file: FileItem;
-    fileList: Array<FileItem>;
-    response: any;
-}
-export interface OnChangeProps {
-    fileList: Array<FileItem>;
-    currentFile: FileItem;
-}
-export interface customRequestArgs {
-    fileName: string;
-    data: Record<string, any>;
-    file: FileItem;
-    fileInstance: File;
-    onProgress: (event: {
-        total: number;
-        loaded: number;
-    }) => any;
-    onError: (userXhr: {
-        status?: number;
-    }, e: Event) => any;
-    onSuccess: (response: any, e: Event) => any;
-    withCredentials: boolean;
-    action: string;
-}
-export interface CustomError extends Error {
-    status: number;
-    method: string;
-    url: string;
-}
+export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult };
 export interface UploadProps {
     accept?: string;
     action: string;
@@ -102,7 +50,7 @@ export interface UploadProps {
     onRetry?: (fileItem: FileItem) => void;
     onSizeError?: (file: File, fileList: Array<FileItem>) => void;
     onSuccess?: (responseBody: any, file: File, fileList: Array<FileItem>) => void;
-    previewFile?: (fileItem: FileItem) => ReactNode;
+    previewFile?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     prompt?: ReactNode;
     promptPosition?: PromptPositionType;
     renderFileItem?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
@@ -180,7 +128,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         style: PropTypes.Requireable<object>;
         timeout: PropTypes.Requireable<number>;
         transformFile: PropTypes.Requireable<(...args: any[]) => any>;
-        uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
+        uploadTrigger: PropTypes.Requireable<"custom" | "auto">;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         withCredentials: PropTypes.Requireable<boolean>;

package/lib/es/upload/index.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -7,6 +6,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { noop } from 'lodash-es';
 import UploadFoundation from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/upload/constants';
 import FileCard from './fileCard';
@@ -302,28 +302,22 @@ class Upload extends BaseComponent {
           });
         }
       },
-      notifyBeforeUpload: _ref => {
-        let {
-          file,
-          fileList
-        } = _ref;
-        return this.props.beforeUpload({
-          file,
-          fileList
-        });
-      },
-      notifyAfterUpload: _ref2 => {
-        let {
-          response,
-          file,
-          fileList
-        } = _ref2;
-        return this.props.afterUpload({
-          response,
-          file,
-          fileList
-        });
-      },
+      notifyBeforeUpload: ({
+        file,
+        fileList
+      }) => this.props.beforeUpload({
+        file,
+        fileList
+      }),
+      notifyAfterUpload: ({
+        response,
+        file,
+        fileList
+      }) => this.props.afterUpload({
+        response,
+        file,
+        fileList
+      }),
       resetInput: () => {
         this.setState(prevState => ({
           inputKey: Math.random()
@@ -337,16 +331,13 @@ class Upload extends BaseComponent {
       updateDragAreaStatus: dragAreaStatus => this.setState({
         dragAreaStatus
       }),
-      notifyChange: _ref3 => {
-        let {
-          currentFile,
-          fileList
-        } = _ref3;
-        return this.props.onChange({
-          currentFile,
-          fileList
-        });
-      },
+      notifyChange: ({
+        currentFile,
+        fileList
+      }) => this.props.onChange({
+        currentFile,
+        fileList
+      }),
       updateLocalUrls: urls => this.setState({
         localUrls: urls
       }),
@@ -498,21 +489,21 @@ Upload.defaultProps = {
   disabled: false,
   listType: 'list',
   multiple: false,
-  onAcceptInvalid: _noop,
-  onChange: _noop,
+  onAcceptInvalid: noop,
+  onChange: noop,
   beforeRemove: () => true,
   beforeClear: () => true,
-  onClear: _noop,
-  onDrop: _noop,
-  onError: _noop,
-  onExceed: _noop,
-  onFileChange: _noop,
-  onOpenFileDialog: _noop,
-  onProgress: _noop,
-  onRemove: _noop,
-  onRetry: _noop,
-  onSizeError: _noop,
-  onSuccess: _noop,
+  onClear: noop,
+  onDrop: noop,
+  onError: noop,
+  onExceed: noop,
+  onFileChange: noop,
+  onOpenFileDialog: noop,
+  onProgress: noop,
+  onRemove: noop,
+  onRetry: noop,
+  onSizeError: noop,
+  onSuccess: noop,
   promptPosition: 'right',
   showClear: true,
   showReplace: false,

package/lib/es/upload/interface.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode, CSSProperties, MouseEvent } from 'react';
+import { BaseFileItem } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
+import { strings } from '@douyinfe/semi-foundation/lib/es/upload/constants';
+import { ArrayElement } from '../_base/base';
+export declare type PromptPositionType = ArrayElement<typeof strings.PROMPT_POSITION>;
+export declare type UploadListType = ArrayElement<typeof strings.LIST_TYPE>;
+export interface BeforeUploadProps {
+    file: FileItem;
+    fileList: Array<FileItem>;
+}
+export interface AfterUploadProps {
+    file: FileItem;
+    fileList: Array<FileItem>;
+    response: any;
+}
+export interface OnChangeProps {
+    fileList: Array<FileItem>;
+    currentFile: FileItem;
+}
+export interface customRequestArgs {
+    fileName: string;
+    data: Record<string, any>;
+    file: FileItem;
+    fileInstance: File;
+    onProgress: (event: {
+        total: number;
+        loaded: number;
+    }) => any;
+    onError: (userXhr: {
+        status?: number;
+    }, e: Event) => any;
+    onSuccess: (response: any, e: Event) => any;
+    withCredentials: boolean;
+    action: string;
+}
+export interface CustomError extends Error {
+    status: number;
+    method: string;
+    url: string;
+}
+export interface FileItem extends BaseFileItem {
+    validateMessage?: ReactNode;
+}
+export interface RenderFileItemProps extends FileItem {
+    previewFile?: (fileItem: RenderFileItemProps) => ReactNode;
+    listType: UploadListType;
+    onRemove: (props: RenderFileItemProps, e: MouseEvent) => void;
+    onRetry: (props: RenderFileItemProps, e: MouseEvent) => void;
+    onReplace: (props: RenderFileItemProps, e: MouseEvent) => void;
+    key: string;
+    showRetry: boolean;
+    showReplace: boolean;
+    style?: CSSProperties;
+    disabled: boolean;
+    onPreviewClick: () => void;
+}

package/lib/es/upload/interface.js

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

package/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.1.0-alpha.1",
+    "version": "2.1.0-alpha.2",
     "description": "",
-    "main": "lib/cjs/index.js",
+    "main": "lib/es/index.js",
     "module": "lib/es/index.js",
     "typings": "lib/es/index.d.ts",
     "files": [
@@ -19,17 +19,18 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation-react": "2.1.0-alpha.1",
-        "@douyinfe/semi-foundation": "2.1.0-alpha.1",
-        "@douyinfe/semi-icons": "2.1.0-alpha.1",
-        "@douyinfe/semi-illustrations": "2.1.0-alpha.1",
-        "@douyinfe/semi-theme-default": "2.0.6",
+        "@douyinfe/semi-animation-react": "2.1.0-alpha.2",
+        "@douyinfe/semi-foundation": "2.1.0-alpha.2",
+        "@douyinfe/semi-icons": "2.1.0-alpha.2",
+        "@douyinfe/semi-illustrations": "2.1.0-alpha.2",
+        "@douyinfe/semi-theme-default": "2.1.0-alpha.2",
+        "@types/react-window": "^1.8.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
         "date-fns": "^2.9.0",
         "date-fns-tz": "^1.0.10",
-        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.15",
         "react-resizable": "^1.8.0",
         "react-sortable-hoc": "^1.11.0",
         "react-window": "^1.8.2",
@@ -64,17 +65,15 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "1c0cec8640fb0f5da95138054e3fed1f304deff8",
+    "gitHead": "50381484f8df8aaa00285cf0a2ee01edf0083115",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.1.0-alpha.1",
+        "@douyinfe/semi-scss-compile": "2.1.0-alpha.2",
         "@storybook/addon-knobs": "^6.3.1",
-        "@types/lodash": "^4.14.176",
         "babel-loader": "^8.2.2",
-        "babel-plugin-lodash": "^3.3.4",
         "case-sensitive-paths-webpack-plugin": "^2.4.0",
         "del": "^6.0.0",
         "enzyme": "^3.11.0",