@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-beta.3

package/lib/es/tree/treeNode.js

@@ -1,6 +1,3 @@
-import _isString from "lodash/isString";
-import _isFunction from "lodash/isFunction";
-import _debounce from "lodash/debounce";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -22,6 +19,7 @@ import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/tree/constants';
+import { debounce, isFunction, isString } from 'lodash-es';
 import { IconTreeTriangleDown, IconFile, IconFolder, IconFolderOpen } from '@douyinfe/semi-icons';
 import { Checkbox } from '../checkbox';
 import TreeContext from './treeContext';
@@ -94,7 +92,7 @@ export default class TreeNode extends PureComponent {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
 
-      if (_isFunction(onNodeDoubleClick)) {
+      if (isFunction(onNodeDoubleClick)) {
         onNodeDoubleClick(e, this.props);
       }
 
@@ -224,9 +222,9 @@ export default class TreeNode extends PureComponent {
         treeNodeFilterProp
       } = this.props;
 
-      if (_isFunction(renderLabel)) {
+      if (isFunction(renderLabel)) {
         return renderLabel(label, data);
-      } else if (_isString(label) && filtered && keyword && treeNodeFilterProp === 'label') {
+      } else if (isString(label) && filtered && keyword && treeNodeFilterProp === 'label') {
         var _context;
 
         const content = [];
@@ -253,7 +251,7 @@ export default class TreeNode extends PureComponent {
     };
 
     this.state = {};
-    this.debounceSelect = _debounce(this.onSelect, 500, {
+    this.debounceSelect = debounce(this.onSelect, 500, {
       leading: true,
       trailing: false
     });

package/lib/es/tree/treeUtil.js

@@ -1,10 +1,9 @@
-import _isPlainObject from "lodash/isPlainObject";
-import _cloneDeepWith from "lodash/cloneDeepWith";
 import React from 'react';
+import { cloneDeepWith, isPlainObject } from 'lodash-es';
 export function cloneDeep(treeNodeList) {
-  return _cloneDeepWith(treeNodeList, val => {
+  return cloneDeepWith(treeNodeList, val => {
     // only clone treeNode inner data and skip user data
-    if (_isPlainObject(val) && !val._innerDataTag) {
+    if (isPlainObject(val) && !val._innerDataTag) {
       return val;
     }
 

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

@@ -27,16 +27,7 @@ export declare type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, othe
     isRenderInTag: boolean;
     content: React.ReactNode;
 };
-export interface RenderSelectedItem {
-    (treeNode: TreeNodeData): React.ReactNode;
-    (treeNode: TreeNodeData, otherProps: {
-        index: number | string;
-        onClose: (tagContent: any, e: React.MouseEvent) => void;
-    }): {
-        isRenderInTag: boolean;
-        content: React.ReactNode;
-    };
-}
+export declare type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
 export declare type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand';
 /**
 * Type definition description:
@@ -205,7 +196,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     renderArrow: () => JSX.Element;
     renderClearBtn: () => JSX.Element;
     renderSelection: () => JSX.Element;
-    renderTagItem: (key: string, idx: number) => any;
+    renderTagItem: (key: string, idx: number) => React.ReactNode;
     renderTagInput: () => JSX.Element;
     renderInput: () => JSX.Element;
     renderEmpty: () => JSX.Element;

package/lib/es/treeSelect/index.js

@@ -1,9 +1,3 @@
-import _isFunction from "lodash/isFunction";
-import _get from "lodash/get";
-import _noop from "lodash/noop";
-import _isEmpty from "lodash/isEmpty";
-import _isString from "lodash/isString";
-import _isEqual from "lodash/isEqual";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -15,6 +9,7 @@ import React, { Fragment } from 'react';
 import ReactDOM from 'react-dom';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { isEqual, isString, isEmpty, noop, get, isFunction } from 'lodash-es';
 import TreeSelectFoundation from '@douyinfe/semi-foundation/lib/es/treeSelect/foundation';
 import { convertDataToEntities, flattenTreeData, calcExpandedKeysForValues, calcMotionKeys, findKeysForValues, calcCheckedKeys, calcExpandedKeys, getValueOrKey, normalizeKeyList, calcDisabledKeys, normalizeValue } from '@douyinfe/semi-foundation/lib/es/tree/treeUtil';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/treeSelect/constants';
@@ -52,7 +47,7 @@ class TreeSelect extends BaseComponent {
       } = this.props;
       const suffixWrapperCls = cls({
         ["".concat(prefixcls, "-suffix")]: true,
-        ["".concat(prefixcls, "-suffix-text")]: suffix && _isString(suffix),
+        ["".concat(prefixcls, "-suffix-text")]: suffix && isString(suffix),
         ["".concat(prefixcls, "-suffix-icon")]: isSemiIcon(suffix)
       });
       return /*#__PURE__*/React.createElement("div", {
@@ -70,7 +65,7 @@ class TreeSelect extends BaseComponent {
         ["".concat(prefixcls, "-prefix")]: true,
         // to be doublechecked
         ["".concat(prefixcls, "-inset-label")]: insetLabel,
-        ["".concat(prefixcls, "-prefix-text")]: labelNode && _isString(labelNode),
+        ["".concat(prefixcls, "-prefix-text")]: labelNode && isString(labelNode),
         ["".concat(prefixcls, "-prefix-icon")]: isSemiIcon(labelNode)
       });
       return /*#__PURE__*/React.createElement("div", {
@@ -144,9 +139,9 @@ class TreeSelect extends BaseComponent {
         size,
         renderSelectedItem: propRenderSelectedItem
       } = this.props;
-      const renderSelectedItem = _isFunction(propRenderSelectedItem) ? propRenderSelectedItem : item => ({
+      const renderSelectedItem = isFunction(propRenderSelectedItem) ? propRenderSelectedItem : item => ({
         isRenderInTag: true,
-        content: _get(item, treeNodeLabelProp, null)
+        content: get(item, treeNodeLabelProp, null)
       });
       const renderKeys = normalizeKeyList([...checkedKeys], keyEntities, leafOnly);
       const tagList = []; // eslint-disable-next-line @typescript-eslint/no-shadow
@@ -353,10 +348,8 @@ class TreeSelect extends BaseComponent {
         onMouseLeave: e => this.handleMouseLeave(e)
       } : {};
       const isTriggerPositionSearch = searchPosition === strings.SEARCH_POSITION_TRIGGER && filterable;
-
-      const isEmptyTriggerSearch = isTriggerPositionSearch && _isEmpty(checkedKeys);
-
-      const isValueTriggerSearch = isTriggerPositionSearch && !_isEmpty(checkedKeys);
+      const isEmptyTriggerSearch = isTriggerPositionSearch && isEmpty(checkedKeys);
+      const isValueTriggerSearch = isTriggerPositionSearch && !isEmpty(checkedKeys);
       const classNames = useCustomTrigger ? cls(className) : cls(prefixcls, {
         ["".concat(prefixcls, "-focus")]: isOpen && !isInput,
         ["".concat(prefixcls, "-disabled")]: disabled,
@@ -377,7 +370,7 @@ class TreeSelect extends BaseComponent {
       const inner = useCustomTrigger ? /*#__PURE__*/React.createElement(Trigger, {
         inputValue: inputValue,
         // eslint-disable-next-line @typescript-eslint/no-shadow
-        value: _mapInstanceProperty(triggerRenderKeys).call(triggerRenderKeys, key => _get(keyEntities, [key, 'data'])),
+        value: _mapInstanceProperty(triggerRenderKeys).call(triggerRenderKeys, key => get(keyEntities, [key, 'data'])),
         disabled: disabled,
         placeholder: placeholder,
         onClear: this.handleClear,
@@ -429,7 +422,7 @@ class TreeSelect extends BaseComponent {
       const tagCls = cls("".concat(prefixcls, "-selection-tag"), {
         ["".concat(prefixcls, "-selection-tag-disabled")]: disabled
       });
-      const nodeHaveData = !_isEmpty(nodes) && !_isEmpty(nodes[0]);
+      const nodeHaveData = !isEmpty(nodes) && !isEmpty(nodes[0]);
       const isDisableStrictlyNode = disableStrictly && nodeHaveData && disabledKeys.has(nodes[0].key);
       const closable = nodeHaveData && !nodes[0].disabled && !disabled && !isDisableStrictlyNode;
 
@@ -448,12 +441,12 @@ class TreeSelect extends BaseComponent {
         onClose
       };
       const item = nodes[0];
-      const renderSelectedItem = _isFunction(propRenderSelectedItem) ? propRenderSelectedItem : selectedItem => ({
+      const renderSelectedItem = isFunction(propRenderSelectedItem) ? propRenderSelectedItem : selectedItem => ({
         isRenderInTag: true,
-        content: _get(selectedItem, treeNodeLabelProp, null)
+        content: get(selectedItem, treeNodeLabelProp, null)
       });
 
-      if (_isFunction(renderSelectedItem)) {
+      if (isFunction(renderSelectedItem)) {
         const {
           content,
           isRenderInTag
@@ -683,7 +676,7 @@ class TreeSelect extends BaseComponent {
         motionExpand
       } = this.props;
 
-      if (!virtualize || _isEmpty(virtualize)) {
+      if (!virtualize || isEmpty(virtualize)) {
         return /*#__PURE__*/React.createElement(NodeList, {
           flattenNodes: flattenNodes,
           flattenList: this._flattenNodes,
@@ -757,7 +750,7 @@ class TreeSelect extends BaseComponent {
         ["".concat(prefixTree, "-option-list-block")]: true
       });
       const searchNoRes = Boolean(inputValue) && !filteredKeys.size;
-      const noData = _isEmpty(flattenNodes) || showFilteredOnly && searchNoRes;
+      const noData = isEmpty(flattenNodes) || showFilteredOnly && searchNoRes;
       const isDropdownPositionSearch = searchPosition === strings.SEARCH_POSITION_DROPDOWN;
       return /*#__PURE__*/React.createElement(TreeContext.Provider, {
         value: {
@@ -772,7 +765,7 @@ class TreeSelect extends BaseComponent {
           onNodeClick: this.onNodeClick,
           onNodeDoubleClick: this.onNodeDoubleClick,
           // tree node will call this function when treeNode is right clicked
-          onNodeRightClick: _noop,
+          onNodeRightClick: noop,
           onNodeExpand: this.onNodeExpand,
           onNodeSelect: this.onNodeSelect,
           onNodeCheck: this.onNodeCheck,
@@ -835,7 +828,7 @@ class TreeSelect extends BaseComponent {
       rePosKey
     } = prevState;
 
-    const needUpdate = name => !prevProps && name in props || prevProps && !_isEqual(prevProps[name], props[name]);
+    const needUpdate = name => !prevProps && name in props || prevProps && !isEqual(prevProps[name], props[name]);
 
     let treeData;
     const withObject = props.onChangeWithObject;
@@ -856,7 +849,7 @@ class TreeSelect extends BaseComponent {
     } // if treeData keys changes, we won't show animation
 
 
-    if (treeData && props.motion && !_isEqual(new _Set(_Object$keys(newState.keyEntities)), new _Set(_Object$keys(prevState.keyEntities)))) {
+    if (treeData && props.motion && !isEqual(new _Set(_Object$keys(newState.keyEntities)), new _Set(_Object$keys(prevState.keyEntities)))) {
       if (prevProps && props.motion) {
         newState.motionKeys = new _Set([]);
         newState.motionType = null;
@@ -959,7 +952,8 @@ class TreeSelect extends BaseComponent {
       registerClickOutsideHandler: cb => {
         const clickOutsideHandler = e => {
           const optionInstance = this.optionsRef && this.optionsRef.current;
-          const triggerDom = this.triggerRef && this.triggerRef.current;
+          const triggerDom = this.triggerRef && this.triggerRef.current; // eslint-disable-next-line
+
           const optionsDom = ReactDOM.findDOMNode(optionInstance);
           const target = e.target;
 
@@ -1002,7 +996,7 @@ class TreeSelect extends BaseComponent {
         const {
           onLoad
         } = this.props;
-        _isFunction(onLoad) && onLoad(newLoadedKeys, data);
+        isFunction(onLoad) && onLoad(newLoadedKeys, data);
       }
     };
     return _Object$assign(_Object$assign(_Object$assign(_Object$assign(_Object$assign({}, super.adapter), filterAdapter), treeSelectAdapter), treeAdapter), {
@@ -1220,7 +1214,7 @@ TreeSelect.defaultProps = {
   defaultOpen: false,
   showSearchClear: true,
   showClear: false,
-  onVisibleChange: _noop,
+  onVisibleChange: noop,
   expandAction: false,
   clickToHide: true,
   searchAutoFocus: false

package/lib/es/typography/base.d.ts

@@ -63,7 +63,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         link: PropTypes.Requireable<boolean | object>;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"normal" | "small">;
+        size: PropTypes.Requireable<"small" | "normal">;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/base.js

@@ -1,7 +1,3 @@
-import _isString from "lodash/isString";
-import _merge from "lodash/merge";
-import _omit from "lodash/omit";
-import _isUndefined from "lodash/isUndefined";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -28,6 +24,7 @@ import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/typography/constants';
 import Typography from './typography';
 import Copyable from './copyable';
+import { isUndefined, omit, merge, isString } from 'lodash-es';
 import Tooltip from '../tooltip/index';
 import Popover from '../popover/index';
 import getRenderText from './util';
@@ -97,7 +94,7 @@ export default class Base extends Component {
         pos,
         suffix
       } = this.getEllipsisOpt();
-      return !expandable && _isUndefined(expandText) && !copyable && pos === 'end' && !suffix.length;
+      return !expandable && isUndefined(expandText) && !copyable && pos === 'end' && !suffix.length;
     };
     /**
      * whether truncated
@@ -129,9 +126,7 @@ export default class Base extends Component {
         expandText
       } = this.getEllipsisOpt();
       const overflowed = !expanded && (isOverflowed || isTruncated);
-
-      const noExpandText = !expandable && _isUndefined(expandText);
-
+      const noExpandText = !expandable && isUndefined(expandText);
       const show = noExpandText && overflowed && showTooltip;
 
       if (!show) {
@@ -145,7 +140,7 @@ export default class Base extends Component {
 
       if (typeof showTooltip === 'object') {
         if (showTooltip.type && showTooltip.type.toLowerCase() === 'popover') {
-          return _merge({
+          return merge({
             opts: {
               style: {
                 width: '240px'
@@ -219,11 +214,8 @@ export default class Base extends Component {
         expanded,
         first
       } = this.state;
-
-      const noExpandText = !expandable && _isUndefined(expandText);
-
-      const noCollapseText = !collapsible && _isUndefined(collapseText);
-
+      const noExpandText = !expandable && isUndefined(expandText);
+      const noCollapseText = !collapsible && isUndefined(collapseText);
       let text;
 
       if (!expanded && !noExpandText) {
@@ -552,9 +544,8 @@ export default class Base extends Component {
     } = _a,
           rest = __rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading"]);
 
-    const textProps = _omit(rest, ['strong', 'editable', 'mark', 'copyable', 'underline', 'code', // 'link',
+    const textProps = omit(rest, ['strong', 'editable', 'mark', 'copyable', 'underline', 'code', // 'link',
     'delete']);
-
     const iconNode = this.renderIcon();
     const ellipsisOpt = this.getEllipsisOpt();
     const {
@@ -577,7 +568,7 @@ export default class Base extends Component {
       ["".concat(prefixCls, "-link")]: link,
       ["".concat(prefixCls, "-disabled")]: disabled,
       [_concatInstanceProperty(_context4 = "".concat(prefixCls, "-")).call(_context4, spacing)]: spacing,
-      [_concatInstanceProperty(_context5 = "".concat(prefixCls, "-")).call(_context5, heading)]: _isString(heading) && hTagReg.test(heading)
+      [_concatInstanceProperty(_context5 = "".concat(prefixCls, "-")).call(_context5, heading)]: isString(heading) && hTagReg.test(heading)
     });
     return /*#__PURE__*/React.createElement(Typography, _Object$assign({
       className: wrapperCls,

package/lib/es/typography/paragraph.d.ts

@@ -30,7 +30,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        size: PropTypes.Requireable<"normal" | "small">;
+        size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/text.d.ts

@@ -33,7 +33,7 @@ export default class Text extends PureComponent<TextProps> {
         link: PropTypes.Requireable<boolean | object>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        size: PropTypes.Requireable<"normal" | "small">;
+        size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         code: PropTypes.Requireable<boolean>;

package/lib/es/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 3 | 1 | 5 | 6>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -1,25 +1,10 @@
-import { PureComponent, ReactNode, MouseEventHandler, MouseEvent, CSSProperties } from 'react';
+import { PureComponent, ReactNode, MouseEvent, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import { Locale } from '../locale/interface';
-export interface FileCardProps {
+import { RenderFileItemProps } from './interface';
+export interface FileCardProps extends RenderFileItemProps {
     className?: string;
-    disabled?: boolean;
-    listType?: 'picture' | 'list';
-    name?: string;
-    onPreviewClick?: MouseEventHandler<HTMLDivElement>;
-    onRemove?: (props: FileCardProps, e: MouseEvent) => void;
-    onReplace?: (props: FileCardProps, e: MouseEvent) => void;
-    onRetry?: (props: FileCardProps, e: MouseEvent) => void;
-    percent?: number;
-    preview?: boolean;
-    previewFile?: (props: FileCardProps) => ReactNode;
-    showReplace?: boolean;
-    showRetry?: boolean;
-    size?: string;
-    status?: string;
     style?: CSSProperties;
-    url?: string;
-    validateMessage?: ReactNode;
 }
 declare class FileCard extends PureComponent<FileCardProps> {
     static propTypes: {

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;

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';
@@ -498,21 +498,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-beta.3",
     "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-beta.3",
+        "@douyinfe/semi-foundation": "2.1.0-beta.3",
+        "@douyinfe/semi-icons": "2.1.0-beta.3",
+        "@douyinfe/semi-illustrations": "2.1.0-beta.3",
+        "@douyinfe/semi-theme-default": "2.1.0-beta.3",
+        "@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": "e0c6552e86f1f87724110cfcf2e70609eb407a3e",
     "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-beta.3",
         "@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",