@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/es/tree/autoSizer.js

@@ -1,9 +1,9 @@
+import _get from "lodash/get";
 import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/tree/constants';
 import ResizeObserver from '../resizeObserver';
-import { get } from 'lodash-es';
 const prefixcls = cssClasses.PREFIX;
 export default class AutoSizer extends PureComponent {
   constructor(props) {
@@ -14,10 +14,10 @@ export default class AutoSizer extends PureComponent {
       const target = entries && entries[1] && entries[1].target;
 
       if (target) {
-        const height = get(target, 'offsetHeight') || 0;
+        const height = _get(target, 'offsetHeight') || 0;
         const style = window.getComputedStyle(target) || {};
-        const paddingTop = _parseInt(get(style, 'paddingTop'), 10) || 0;
-        const paddingBottom = _parseInt(get(style, 'paddingBottom'), 10) || 0;
+        const paddingTop = _parseInt(_get(style, 'paddingTop'), 10) || 0;
+        const paddingBottom = _parseInt(_get(style, 'paddingBottom'), 10) || 0;
         const newHeight = height - paddingTop - paddingBottom;
 
         if (this.state.height !== newHeight) {

package/lib/es/tree/collapse.js

@@ -1,10 +1,10 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable arrow-body-style */
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
-import { noop } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/collapsible/constants';
 import getMotionObjFromProps from '@douyinfe/semi-foundation/lib/es/utils/getMotionObjFromProps';
 const ease = 'cubicBezier(.25,.1,.25,1)';
@@ -134,6 +134,6 @@ Collapse.propType = {
 Collapse.defaultProps = {
   duration: 250,
   motion: true,
-  onMotionEnd: noop
+  onMotionEnd: _noop
 };
 export default Collapse;

package/lib/es/tree/index.js

@@ -1,3 +1,7 @@
+import _isFunction from "lodash/isFunction";
+import _get from "lodash/get";
+import _isEqual from "lodash/isEqual";
+import _isEmpty from "lodash/isEmpty";
 import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -13,7 +17,6 @@ import TreeFoundation from '@douyinfe/semi-foundation/lib/es/tree/foundation';
 import { convertDataToEntities, flattenTreeData, calcExpandedKeysForValues, calcMotionKeys, convertJsonToData, findKeysForValues, calcCheckedKeys, calcExpandedKeys, filterTreeData, normalizeValue, updateKeys, calcDisabledKeys } from '@douyinfe/semi-foundation/lib/es/tree/treeUtil';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tree/constants';
 import BaseComponent from '../_base/baseComponent';
-import { isEmpty, isEqual, get, isFunction } from 'lodash-es';
 import { cloneDeep } from './treeUtil';
 import Input from '../input/index';
 import { FixedSizeList as VirtualList } from 'react-window';
@@ -50,7 +53,7 @@ class Tree extends BaseComponent {
           componentName: "Tree"
         }, locale => /*#__PURE__*/React.createElement(TreeNode, {
           empty: true,
-          emptyContent: get(locale, 'emptyText')
+          emptyContent: _get(locale, 'emptyText')
         }));
       }
     };
@@ -155,7 +158,7 @@ class Tree extends BaseComponent {
       return /*#__PURE__*/React.createElement(TreeNode, _Object$assign({}, treeNodeProps, data, {
         key: key,
         data: data,
-        style: isEmpty(style) ? {} : style
+        style: _isEmpty(style) ? {} : style
       }));
     };
 
@@ -216,7 +219,7 @@ class Tree extends BaseComponent {
 
     const needUpdate = name => {
       const firstInProps = !prevProps && name in props;
-      const nameHasChange = prevProps && !isEqual(prevProps[name], props[name]);
+      const nameHasChange = prevProps && !_isEqual(prevProps[name], props[name]);
       return firstInProps || nameHasChange;
     }; // Determine whether treeData has changed
 
@@ -490,9 +493,9 @@ class Tree extends BaseComponent {
     }, /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Tree"
     }, locale => {
-      inputProps.placeholder = searchPlaceholder || get(locale, 'searchPlaceholder');
+      inputProps.placeholder = searchPlaceholder || _get(locale, 'searchPlaceholder');
 
-      if (isFunction(searchRender)) {
+      if (_isFunction(searchRender)) {
         return searchRender(_Object$assign({}, inputProps));
       }
 
@@ -521,11 +524,11 @@ class Tree extends BaseComponent {
       direction
     } = this.context;
 
-    if (isEmpty(flattenNodes)) {
+    if (_isEmpty(flattenNodes)) {
       return undefined;
     }
 
-    if (!virtualize || isEmpty(virtualize)) {
+    if (!virtualize || _isEmpty(virtualize)) {
       return /*#__PURE__*/React.createElement(NodeList, {
         flattenNodes: flattenNodes,
         flattenList: cachedFlattenNodes,
@@ -602,7 +605,7 @@ class Tree extends BaseComponent {
       ["".concat(prefixcls, "-option-list-block")]: blockNode
     });
     const searchNoRes = Boolean(inputValue) && !filteredKeys.size;
-    const noData = isEmpty(keyEntities) || showFilteredOnly && searchNoRes;
+    const noData = _isEmpty(keyEntities) || showFilteredOnly && searchNoRes;
     return /*#__PURE__*/React.createElement(TreeContext.Provider, {
       value: {
         treeDisabled: disabled,

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

@@ -22,7 +22,7 @@ export interface OnDragProps extends BasicOnDragProps {
 export interface DragEnterProps extends DragProps {
     expandedKeys?: string[];
 }
-export interface ExpanedOtherProps extends BasicExpandedOtherProps {
+export interface ExpandedOtherProps extends BasicExpandedOtherProps {
     node: TreeNodeData;
 }
 export interface RenderFullLabelProps extends BasicRenderFullLabelProps {
@@ -57,7 +57,7 @@ export interface TreeProps extends BasicTreeProps {
     onDragStart?: (dragProps: DragProps) => void;
     onDragEnter?: (dragEnterProps: DragEnterProps) => void;
     onDrop?: (onDragProps: OnDragProps) => void;
-    onExpand?: (expandedKeys: string[], expanedOtherProps: ExpanedOtherProps) => void;
+    onExpand?: (expandedKeys: string[], expandedOtherProps: ExpandedOtherProps) => void;
     onLoad?: (loadedKeys?: Set<string>, treeNode?: TreeNodeData) => void;
     onContextMenu?: (e: MouseEvent, node: TreeNodeData) => void;
     onSelect?: (selectedKeys: string, selected: boolean, selectedNode: TreeNodeData) => void;

package/lib/es/tree/nodeList.js

@@ -1,9 +1,9 @@
+import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import React, { PureComponent } from 'react';
-import { isEqual } from 'lodash-es';
 import TreeContext from './treeContext';
 import Collapse from './collapse';
 
@@ -41,7 +41,7 @@ export default class NodeList extends PureComponent {
       motionType,
       flattenList = []
     } = props;
-    const hasChanged = !isEqual(prevState.cachedMotionKeys, motionKeys) || !isEqual(_mapInstanceProperty(_context = prevState.cachedData).call(_context, i => i.key), _mapInstanceProperty(flattenNodes).call(flattenNodes, i => i.key));
+    const hasChanged = !_isEqual(prevState.cachedMotionKeys, motionKeys) || !_isEqual(_mapInstanceProperty(_context = prevState.cachedData).call(_context, i => i.key), _mapInstanceProperty(flattenNodes).call(flattenNodes, i => i.key));
     const motionArr = [...motionKeys];
 
     if (!hasChanged || !motionArr.length) {

package/lib/es/tree/treeNode.js

@@ -1,3 +1,6 @@
+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";
@@ -19,7 +22,6 @@ 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';
@@ -92,7 +94,7 @@ export default class TreeNode extends PureComponent {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
 
-      if (isFunction(onNodeDoubleClick)) {
+      if (_isFunction(onNodeDoubleClick)) {
         onNodeDoubleClick(e, this.props);
       }
 
@@ -222,9 +224,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 = [];
@@ -251,7 +253,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,9 +1,10 @@
+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,3 +1,9 @@
+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";
@@ -9,7 +15,6 @@ 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';
@@ -47,7 +52,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", {
@@ -65,7 +70,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", {
@@ -139,9 +144,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
@@ -348,8 +353,10 @@ 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,
@@ -370,7 +377,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,
@@ -422,7 +429,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;
 
@@ -441,12 +448,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
@@ -676,7 +683,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,
@@ -750,7 +757,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: {
@@ -765,7 +772,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,
@@ -828,7 +835,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;
@@ -849,7 +856,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;
@@ -952,7 +959,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;
 
@@ -995,7 +1003,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), {
@@ -1213,7 +1221,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,3 +1,7 @@
+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";
@@ -24,7 +28,6 @@ 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';
@@ -94,7 +97,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
@@ -126,7 +129,9 @@ 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) {
@@ -140,7 +145,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'
@@ -214,8 +219,11 @@ 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) {
@@ -544,8 +552,9 @@ 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 {
@@ -568,7 +577,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 | 1 | 3 | 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,65 +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 { BeforeUploadObjectResult, AfterUploadResult };
-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;
@@ -103,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;