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

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/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.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;
@@ -996,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), {
@@ -1214,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.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/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<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/es/upload/index.js

@@ -1,3 +1,4 @@
+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";
@@ -6,7 +7,6 @@ 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/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.1.0-beta.3",
+    "version": "2.1.0-next.3",
     "description": "",
-    "main": "lib/es/index.js",
+    "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
     "typings": "lib/es/index.d.ts",
     "files": [
@@ -19,18 +19,18 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@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",
+        "@douyinfe/semi-animation-react": "2.1.0-next.3",
+        "@douyinfe/semi-foundation": "2.1.0-next.3",
+        "@douyinfe/semi-icons": "2.1.0-next.3",
+        "@douyinfe/semi-illustrations": "2.1.0-next.3",
+        "@douyinfe/semi-theme-default": "2.1.1",
         "@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-es": "^4.17.15",
+        "lodash": "^4.17.21",
         "react-resizable": "^1.8.0",
         "react-sortable-hoc": "^1.11.0",
         "react-window": "^1.8.2",
@@ -65,15 +65,17 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "e0c6552e86f1f87724110cfcf2e70609eb407a3e",
+    "gitHead": "50aa044c27ed5a02ab046324eb5a1b7bc39ef945",
     "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-beta.3",
+        "@douyinfe/semi-scss-compile": "2.1.0-next.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",