@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/es/upload/index.js

@@ -1,6 +1,5 @@
 import _pick from "lodash/pick";
 import _noop from "lodash/noop";
-
 /* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
@@ -13,13 +12,11 @@ import LocaleConsumer from '../locale/localeConsumer';
 import { IconUpload } from '@douyinfe/semi-icons';
 import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
 const prefixCls = cssClasses.PREFIX;
-
 class Upload extends BaseComponent {
   constructor(props) {
     super(props);
     this.inputRef = null;
     this.replaceInputRef = null;
-
     this.onClick = () => {
       const {
         inputRef,
@@ -29,25 +26,20 @@ class Upload extends BaseComponent {
         onOpenFileDialog
       } = props;
       const isDisabled = Boolean(this.props.disabled);
-
       if (isDisabled || !inputRef || !inputRef.current) {
         return;
       }
-
       inputRef.current.click();
-
       if (onOpenFileDialog && typeof onOpenFileDialog) {
         onOpenFileDialog();
       }
     };
-
     this.onChange = e => {
       const {
         files
       } = e.target;
       this.foundation.handleChange(files);
     };
-
     this.replace = index => {
       this.setState({
         replaceIdx: index
@@ -55,18 +47,15 @@ class Upload extends BaseComponent {
         this.replaceInputRef.current.click();
       });
     };
-
     this.onReplaceChange = e => {
       const {
         files
       } = e.target;
       this.foundation.handleReplaceChange(files);
     };
-
     this.clear = () => {
       this.foundation.handleClear();
     };
-
     this.remove = fileItem => {
       this.foundation.handleRemove(fileItem);
     };
@@ -77,8 +66,6 @@ class Upload extends BaseComponent {
      * @param index number
      * @returns
      */
-
-
     this.insert = (files, index) => {
       return this.foundation.insertFileToList(files, index);
     };
@@ -86,8 +73,6 @@ class Upload extends BaseComponent {
      * ref method
      * manual upload by user
      */
-
-
     this.upload = () => {
       const {
         fileList
@@ -98,12 +83,9 @@ class Upload extends BaseComponent {
      * ref method
      * manual open file select dialog
      */
-
-
     this.openFileDialog = () => {
       this.onClick();
     };
-
     this.renderFile = (file, index, locale) => {
       const {
         name,
@@ -125,17 +107,13 @@ class Upload extends BaseComponent {
         disabled,
         onPreviewClick
       } = this.props;
-
       const onRemove = () => this.remove(file);
-
       const onRetry = () => {
         this.foundation.retry(file);
       };
-
       const onReplace = () => {
         this.replace(index);
       };
-
       const fileCardProps = Object.assign(Object.assign(Object.assign({}, _pick(this.props, ['showRetry', 'showReplace', ''])), file), {
         previewFile,
         listType,
@@ -153,38 +131,30 @@ class Upload extends BaseComponent {
         onReplace,
         onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined
       });
-
       if (status === strings.FILE_STATUS_UPLOAD_FAIL && !validateMessage) {
         fileCardProps.validateMessage = locale.fail;
       }
-
       if (_sizeInvalid && !validateMessage) {
         fileCardProps.validateMessage = locale.illegalSize;
       }
-
       if (typeof renderFileItem === 'undefined') {
         return /*#__PURE__*/React.createElement(FileCard, Object.assign({}, fileCardProps));
       } else {
         return renderFileItem(fileCardProps);
       }
     };
-
     this.renderFileList = () => {
       const {
         listType
       } = this.props;
-
       if (listType === strings.FILE_LIST_PIC) {
         return this.renderFileListPic();
       }
-
       if (listType === strings.FILE_LIST_DEFAULT) {
         return this.renderFileListDefault();
       }
-
       return null;
     };
-
     this.renderFileListPic = () => {
       const {
         showUploadList,
@@ -227,25 +197,20 @@ class Upload extends BaseComponent {
         onDragLeave: this.onDragLeave,
         onDragEnter: this.onDragEnter
       };
-
       if (draggable) {
         Object.assign(addContentProps, draggableProps, {
           className: cls(uploadAddCls, dragAreaCls)
         });
       }
-
       const addContent = /*#__PURE__*/React.createElement("div", Object.assign({}, addContentProps, {
         "x-semi-prop": "children"
       }), children);
-
       if (!showUploadList || !fileList.length) {
         if (showAddTriggerInList) {
           return addContent;
         }
-
         return null;
       }
-
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Upload"
       }, locale => /*#__PURE__*/React.createElement("div", Object.assign({}, containerProps), /*#__PURE__*/React.createElement("div", {
@@ -254,7 +219,6 @@ class Upload extends BaseComponent {
         "aria-label": "picture list"
       }, showAddTriggerInList && hotSpotLocation === 'start' ? addContent : null, fileList.map((file, index) => this.renderFile(file, index, locale)), showAddTriggerInList && hotSpotLocation === 'end' ? addContent : null)));
     };
-
     this.renderFileListDefault = () => {
       const {
         showUploadList,
@@ -273,11 +237,9 @@ class Upload extends BaseComponent {
       const containerProps = {
         className: fileListCls
       };
-
       if (!showUploadList || !fileList.length) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Upload"
       }, locale => /*#__PURE__*/React.createElement("div", Object.assign({}, containerProps), showTitle ? /*#__PURE__*/React.createElement("div", {
@@ -295,24 +257,19 @@ class Upload extends BaseComponent {
         "aria-label": "file list"
       }, fileList.map((file, index) => this.renderFile(file, index, locale)))));
     };
-
     this.onDrop = e => {
       this.foundation.handleDrop(e);
     };
-
     this.onDragOver = e => {
       // When a drag element moves within the target element
       this.foundation.handleDragOver(e);
     };
-
     this.onDragLeave = e => {
       this.foundation.handleDragLeave(e);
     };
-
     this.onDragEnter = e => {
       this.foundation.handleDragEnter(e);
     };
-
     this.renderAddContent = () => {
       const {
         draggable,
@@ -321,15 +278,12 @@ class Upload extends BaseComponent {
         disabled
       } = this.props;
       const uploadAddCls = cls(`${prefixCls}-add`);
-
       if (listType === strings.FILE_LIST_PIC) {
         return null;
       }
-
       if (draggable) {
         return this.renderDragArea();
       }
-
       return /*#__PURE__*/React.createElement("div", {
         role: "button",
         tabIndex: 0,
@@ -338,7 +292,6 @@ class Upload extends BaseComponent {
         onClick: this.onClick
       }, children);
     };
-
     this.renderDragArea = () => {
       const {
         dragAreaStatus
@@ -389,7 +342,6 @@ class Upload extends BaseComponent {
         className: `${dragAreaBaseCls}-tips-illegal`
       }, locale.illegalTips))))));
     };
-
     this.state = {
       fileList: props.defaultFileList || [],
       replaceIdx: -1,
@@ -410,22 +362,17 @@ class Upload extends BaseComponent {
          The attribute "action" is missing in the type "Readonly<any>", but it is required in the type "UploadProps".`
    *   which seems to be a bug, remove props type declare here
    */
-
-
   static getDerivedStateFromProps(props) {
     const {
       fileList
     } = props;
-
     if ('fileList' in props) {
       return {
         fileList: fileList || []
       };
     }
-
     return null;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       notifyFileSelect: files => this.props.onFileChange(files),
@@ -502,11 +449,9 @@ class Upload extends BaseComponent {
       notifyBeforeClear: fileList => this.props.beforeClear(fileList)
     });
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const {
       style,
@@ -573,9 +518,7 @@ class Upload extends BaseComponent {
       "x-semi-prop": "validateMessage"
     }, validateMessage) : null, this.renderFileList());
   }
-
 }
-
 Upload.propTypes = {
   accept: PropTypes.string,
   action: PropTypes.string.isRequired,

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

@@ -2,8 +2,8 @@ import { ReactNode, CSSProperties } 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 type PromptPositionType = ArrayElement<typeof strings.PROMPT_POSITION>;
+export type UploadListType = ArrayElement<typeof strings.LIST_TYPE>;
 export interface BeforeUploadProps {
     file: FileItem;
     fileList: Array<FileItem>;
@@ -22,14 +22,14 @@ export interface customRequestArgs {
     data: Record<string, any>;
     file: FileItem;
     fileInstance: File;
-    onProgress: (event: {
+    onProgress: (e?: {
         total: number;
         loaded: number;
     }) => any;
     onError: (userXhr: {
         status?: number;
-    }, e: Event) => any;
-    onSuccess: (response: any, e: Event) => any;
+    }, e?: Event) => any;
+    onSuccess: (response: any, e?: Event) => any;
     withCredentials: boolean;
     action: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.36.0-beta.0",
+    "version": "2.36.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.36.0-beta.0",
-        "@douyinfe/semi-animation-react": "2.36.0-beta.0",
-        "@douyinfe/semi-foundation": "2.36.0-beta.0",
-        "@douyinfe/semi-icons": "2.36.0-beta.0",
-        "@douyinfe/semi-illustrations": "2.36.0-beta.0",
-        "@douyinfe/semi-theme-default": "2.36.0-beta.0",
+        "@douyinfe/semi-animation": "2.36.0",
+        "@douyinfe/semi-animation-react": "2.36.0",
+        "@douyinfe/semi-foundation": "2.36.0",
+        "@douyinfe/semi-icons": "2.36.0",
+        "@douyinfe/semi-illustrations": "2.36.0",
+        "@douyinfe/semi-theme-default": "2.36.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "e973ed0dc3b8cd37e9c737f1548e386d814f787b",
+    "gitHead": "597a4a6279411ed623d2072f1bcde3f2f3983985",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",