@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.2

package/lib/es/tree/index.js

@@ -2,13 +2,6 @@ import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
 import _isEqual from "lodash/isEqual";
 import _isEmpty from "lodash/isEmpty";
-import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
-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";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 
 /* eslint-disable max-lines-per-function */
 import React from 'react';
@@ -53,7 +46,7 @@ class Tree extends BaseComponent {
       } = this.state;
 
       if (key) {
-        const index = flattenNodes === null || flattenNodes === void 0 ? void 0 : _findIndexInstanceProperty(flattenNodes).call(flattenNodes, node => {
+        const index = flattenNodes === null || flattenNodes === void 0 ? void 0 : flattenNodes.findIndex(node => {
           return node.key === key;
         });
         index >= 0 && ((_a = this.virtualizedListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(index, align));
@@ -84,12 +77,12 @@ class Tree extends BaseComponent {
       this.foundation.handleNodeSelect(e, treeNode);
     };
 
-    this.onNodeLoad = data => new _Promise(resolve => {
+    this.onNodeLoad = data => new Promise(resolve => {
       // We need to get the latest state of loading/loaded keys
       this.setState(_ref => {
         let {
-          loadedKeys = new _Set([]),
-          loadingKeys = new _Set([])
+          loadedKeys = new Set([]),
+          loadingKeys = new Set([])
         } = _ref;
         return this.foundation.handleNodeLoad(loadedKeys, loadingKeys, data, resolve);
       });
@@ -145,11 +138,11 @@ class Tree extends BaseComponent {
         filteredKeys
       } = this.state;
       return {
-        expandedKeys: expandedKeys || new _Set(),
+        expandedKeys: expandedKeys || new Set(),
         selectedKeys: selectedKeys || [],
-        checkedKeys: checkedKeys || new _Set(),
-        halfCheckedKeys: halfCheckedKeys || new _Set(),
-        filteredKeys: filteredKeys || new _Set(),
+        checkedKeys: checkedKeys || new Set(),
+        halfCheckedKeys: halfCheckedKeys || new Set(),
+        filteredKeys: filteredKeys || new Set(),
         keyEntities
       };
     };
@@ -177,7 +170,7 @@ class Tree extends BaseComponent {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(TreeNode, _Object$assign({}, treeNodeProps, data, {
+      return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, treeNodeProps, data, {
         key: key,
         data: data,
         style: _isEmpty(style) ? {} : style
@@ -197,23 +190,23 @@ class Tree extends BaseComponent {
       treeData: [],
       flattenNodes: [],
       selectedKeys: [],
-      checkedKeys: new _Set(),
-      halfCheckedKeys: new _Set(),
-      realCheckedKeys: new _Set([]),
-      motionKeys: new _Set([]),
+      checkedKeys: new Set(),
+      halfCheckedKeys: new Set(),
+      realCheckedKeys: new Set([]),
+      motionKeys: new Set([]),
       motionType: 'hide',
-      expandedKeys: new _Set(props.expandedKeys),
-      filteredKeys: new _Set(),
-      filteredExpandedKeys: new _Set(),
-      filteredShownKeys: new _Set(),
+      expandedKeys: new Set(props.expandedKeys),
+      filteredKeys: new Set(),
+      filteredExpandedKeys: new Set(),
+      filteredShownKeys: new Set(),
       prevProps: null,
-      loadedKeys: new _Set(),
-      loadingKeys: new _Set(),
+      loadedKeys: new Set(),
+      loadingKeys: new Set(),
       cachedFlattenNodes: undefined,
       cachedKeyValuePairs: {},
-      disabledKeys: new _Set(),
+      disabledKeys: new Set(),
       dragging: false,
-      dragNodesKeys: new _Set(),
+      dragNodesKeys: new Set(),
       dragOverNodeKey: null,
       dropPosition: null
     };
@@ -261,25 +254,25 @@ class Tree extends BaseComponent {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
-      newState.keyEntities = _Object$assign({}, entitiesMap.keyEntities);
+      newState.keyEntities = Object.assign({}, entitiesMap.keyEntities);
       keyEntities = newState.keyEntities;
-      newState.cachedKeyValuePairs = _Object$assign({}, entitiesMap.valueEntities);
+      newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
     } else if (needUpdate('treeDataSimpleJson')) {
       // Convert treeDataSimpleJson to treeData
       treeData = convertJsonToData(props.treeDataSimpleJson);
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
-      newState.keyEntities = _Object$assign({}, entitiesMap.keyEntities);
+      newState.keyEntities = Object.assign({}, entitiesMap.keyEntities);
       keyEntities = newState.keyEntities;
-      newState.cachedKeyValuePairs = _Object$assign({}, entitiesMap.valueEntities);
+      newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
     } // If treeData keys changes, we won't show animation
 
 
     if (treeData && props.motion) {
       if (prevProps && props.motion) {
-        newState.motionKeys = new _Set([]);
+        newState.motionKeys = new Set([]);
         newState.motionType = null;
       }
     }
@@ -297,7 +290,7 @@ class Tree extends BaseComponent {
             motionKeys,
             motionType
           } = calcMotionKeys(prevState.expandedKeys, newState.expandedKeys, keyEntities);
-          newState.motionKeys = new _Set(motionKeys);
+          newState.motionKeys = new Set(motionKeys);
           newState.motionType = motionType;
 
           if (motionType === 'hide') {
@@ -306,7 +299,7 @@ class Tree extends BaseComponent {
           }
         }
       } else if (!prevProps && (props.defaultExpandAll || props.expandAll) || expandAllWhenDataChange) {
-        newState.expandedKeys = new _Set(_Object$keys(keyEntities));
+        newState.expandedKeys = new Set(Object.keys(keyEntities));
       } else if (!prevProps && props.defaultExpandedKeys) {
         newState.expandedKeys = calcExpandedKeys(props.defaultExpandedKeys, keyEntities);
       } else if (!prevProps && props.defaultValue) {
@@ -339,7 +332,7 @@ class Tree extends BaseComponent {
           prevExpandedKeys: [...prevState.filteredExpandedKeys]
         });
         newState.flattenNodes = filteredState.flattenNodes;
-        newState.motionKeys = new _Set([]);
+        newState.motionKeys = new Set([]);
         newState.filteredKeys = filteredState.filteredKeys;
         newState.filteredShownKeys = filteredState.filteredShownKeys;
         newState.filteredExpandedKeys = filteredState.filteredExpandedKeys;
@@ -350,7 +343,7 @@ class Tree extends BaseComponent {
         newState.filteredExpandedKeys = calcExpandedKeys(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
 
         if (prevProps && props.motion) {
-          const prevKeys = prevState ? prevState.filteredExpandedKeys : new _Set([]); // only show animation when treeData does not change
+          const prevKeys = prevState ? prevState.filteredExpandedKeys : new Set([]); // only show animation when treeData does not change
 
           if (!treeData) {
             const motionResult = calcMotionKeys(prevKeys, newState.filteredExpandedKeys, keyEntities);
@@ -362,7 +355,7 @@ class Tree extends BaseComponent {
             } = motionResult;
 
             if (props.showFilteredOnly) {
-              motionKeys = _filterInstanceProperty(motionKeys).call(motionKeys, key => prevState.filteredShownKeys.has(key));
+              motionKeys = motionKeys.filter(key => prevState.filteredShownKeys.has(key));
             }
 
             if (motionType === 'hide') {
@@ -370,7 +363,7 @@ class Tree extends BaseComponent {
               newState.cachedFlattenNodes = cloneDeep(prevState.flattenNodes);
             }
 
-            newState.motionKeys = new _Set(motionKeys);
+            newState.motionKeys = new Set(motionKeys);
             newState.motionType = motionType;
           }
         }
@@ -414,7 +407,7 @@ class Tree extends BaseComponent {
 
       if (checkedKeyValues) {
         if (props.checkRelation === 'unRelated') {
-          newState.realCheckedKeys = new _Set(checkedKeyValues);
+          newState.realCheckedKeys = new Set(checkedKeyValues);
         } else if (props.checkRelation === 'related') {
           const {
             checkedKeys,
@@ -428,7 +421,7 @@ class Tree extends BaseComponent {
 
 
     if (needUpdate('loadedKeys')) {
-      newState.loadedKeys = new _Set(props.loadedKeys);
+      newState.loadedKeys = new Set(props.loadedKeys);
     } // update disableStrictly
 
 
@@ -458,9 +451,9 @@ class Tree extends BaseComponent {
         }
       }
     };
-    return _Object$assign(_Object$assign(_Object$assign({}, super.adapter), filterAdapter), {
+    return Object.assign(Object.assign(Object.assign({}, super.adapter), filterAdapter), {
       updateState: states => {
-        this.setState(_Object$assign({}, states));
+        this.setState(Object.assign({}, states));
       },
       notifyExpand: (expandedKeys, _ref2) => {
         let {
@@ -532,14 +525,14 @@ class Tree extends BaseComponent {
       inputProps.placeholder = searchPlaceholder || _get(locale, 'searchPlaceholder');
 
       if (_isFunction(searchRender)) {
-        return searchRender(_Object$assign({}, inputProps));
+        return searchRender(Object.assign({}, inputProps));
       }
 
       if (searchRender === false) {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(Input, _Object$assign({
+      return /*#__PURE__*/React.createElement(Input, Object.assign({
         "aria-label": 'Filter Tree',
         ref: this.inputRef
       }, inputProps));
@@ -569,7 +562,7 @@ class Tree extends BaseComponent {
       return /*#__PURE__*/React.createElement(NodeList, {
         flattenNodes: flattenNodes,
         flattenList: cachedFlattenNodes,
-        motionKeys: motion ? motionKeys : new _Set([]),
+        motionKeys: motion ? motionKeys : new Set([]),
         motionType: motionType,
         onMotionEnd: this.onMotionEnd,
         renderTreeNode: this.renderTreeNode
@@ -695,10 +688,10 @@ class Tree extends BaseComponent {
       "aria-label": this.props['aria-label'],
       className: wrapperCls,
       style: style
-    }, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/React.createElement("div", _Object$assign({
+    }, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/React.createElement("div", Object.assign({
       className: listCls
     }, ariaAttr), noData ? this.renderEmpty() : multiple ? /*#__PURE__*/React.createElement(CheckboxGroup, {
-      value: _Array$from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
+      value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
     }, this.renderNodeList()) : this.renderNodeList())));
   }
 

package/lib/es/tree/nodeList.js

@@ -1,8 +1,4 @@
 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 TreeContext from './treeContext';
 import Collapse from './collapse';
@@ -34,15 +30,13 @@ export default class NodeList extends PureComponent {
   }
 
   static getDerivedStateFromProps(props, prevState) {
-    var _context;
-
     const {
       flattenNodes = [],
       motionKeys,
       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(prevState.cachedData.map(i => i.key), flattenNodes.map(i => i.key));
     const motionArr = [...motionKeys];
 
     if (!hasChanged || !motionArr.length) {
@@ -54,8 +48,7 @@ export default class NodeList extends PureComponent {
     let rangeStart = 0;
     let newState = {};
     const lookUpTarget = motionType === 'hide' && flattenList ? flattenList : flattenNodes;
-
-    _forEachInstanceProperty(lookUpTarget).call(lookUpTarget, (treeNode, ind) => {
+    lookUpTarget.forEach((treeNode, ind) => {
       const nodeKey = getTreeNodeKey(treeNode);
 
       if (motionKeys.has(nodeKey)) {
@@ -68,9 +61,7 @@ export default class NodeList extends PureComponent {
         transitionNodes.push(treeNode);
       }
     });
-
-    _spliceInstanceProperty(transitionNodes).call(transitionNodes, rangeStart, 0, transitionRange);
-
+    transitionNodes.splice(rangeStart, 0, transitionRange);
     newState = {
       transitionNodes,
       cachedData: flattenNodes,
@@ -91,9 +82,8 @@ export default class NodeList extends PureComponent {
       transitionNodes
     } = this.state;
     const mapData = transitionNodes.length && !searchTargetIsDeep ? transitionNodes : flattenNodes;
-
-    const options = _mapInstanceProperty(mapData).call(mapData, treeNode => {
-      const isMotionNode = _Array$isArray(treeNode);
+    const options = mapData.map(treeNode => {
+      const isMotionNode = Array.isArray(treeNode);
 
       if (isMotionNode && !treeNode.length) {
         return null;
@@ -106,12 +96,11 @@ export default class NodeList extends PureComponent {
           key: "motion-".concat(nodeKey),
           onMotionEnd: this.onMotionEnd,
           motion: Boolean(motionType)
-        }, _mapInstanceProperty(treeNode).call(treeNode, node => renderTreeNode(node)));
+        }, treeNode.map(node => renderTreeNode(node)));
       }
 
       return renderTreeNode(treeNode);
     });
-
     return options;
   }
 

package/lib/es/tree/treeNode.js

@@ -3,18 +3,14 @@ import _get from "lodash/get";
 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";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -129,7 +125,7 @@ export default class TreeNode extends PureComponent {
         onNodeDragStart
       } = this.context;
       e.stopPropagation();
-      onNodeDragStart(e, _Object$assign(_Object$assign({}, this.props), {
+      onNodeDragStart(e, Object.assign(Object.assign({}, this.props), {
         nodeInstance: this.refNode
       }));
 
@@ -147,7 +143,7 @@ export default class TreeNode extends PureComponent {
       } = this.context;
       e.preventDefault();
       e.stopPropagation();
-      onNodeDragEnter(e, _Object$assign(_Object$assign({}, this.props), {
+      onNodeDragEnter(e, Object.assign(Object.assign({}, this.props), {
         nodeInstance: this.refNode
       }));
     };
@@ -158,7 +154,7 @@ export default class TreeNode extends PureComponent {
       } = this.context;
       e.preventDefault();
       e.stopPropagation();
-      onNodeDragOver(e, _Object$assign(_Object$assign({}, this.props), {
+      onNodeDragOver(e, Object.assign(Object.assign({}, this.props), {
         nodeInstance: this.refNode
       }));
     };
@@ -168,7 +164,7 @@ export default class TreeNode extends PureComponent {
         onNodeDragLeave
       } = this.context;
       e.stopPropagation();
-      onNodeDragLeave(e, _Object$assign(_Object$assign({}, this.props), {
+      onNodeDragLeave(e, Object.assign(Object.assign({}, this.props), {
         nodeInstance: this.refNode
       }));
     };
@@ -178,7 +174,7 @@ export default class TreeNode extends PureComponent {
         onNodeDragEnd
       } = this.context;
       e.stopPropagation();
-      onNodeDragEnd(e, _Object$assign(_Object$assign({}, this.props), {
+      onNodeDragEnd(e, Object.assign(Object.assign({}, this.props), {
         nodeInstance: this.refNode
       }));
     };
@@ -189,7 +185,7 @@ export default class TreeNode extends PureComponent {
       } = this.context;
       e.preventDefault();
       e.stopPropagation();
-      onNodeDrop(e, _Object$assign(_Object$assign({}, this.props), {
+      onNodeDrop(e, Object.assign(Object.assign({}, this.props), {
         nodeInstance: this.refNode
       }));
     };
@@ -356,8 +352,6 @@ export default class TreeNode extends PureComponent {
   }
 
   renderEmptyNode() {
-    var _context;
-
     const {
       emptyContent
     } = this.props;
@@ -367,15 +361,13 @@ export default class TreeNode extends PureComponent {
     return /*#__PURE__*/React.createElement("ul", {
       className: wrapperCls
     }, /*#__PURE__*/React.createElement("li", {
-      className: _concatInstanceProperty(_context = "".concat(prefixcls, "-label ")).call(_context, prefixcls, "-label-empty"),
+      className: "".concat(prefixcls, "-label ").concat(prefixcls, "-label-empty"),
       "x-semi-prop": "emptyContent"
     }, emptyContent));
   } // eslint-disable-next-line max-lines-per-function
 
 
   render() {
-    var _context2;
-
     const _a = this.props,
           {
       eventKey,
@@ -412,7 +404,7 @@ export default class TreeNode extends PureComponent {
     const dragOverGapTop = dragOverNodeKey === eventKey && dropPosition === -1;
     const dragOverGapBottom = dragOverNodeKey === eventKey && dropPosition === 1;
     const nodeCls = cls(prefixcls, {
-      [_concatInstanceProperty(_context2 = "".concat(prefixcls, "-level-")).call(_context2, level + 1)]: true,
+      ["".concat(prefixcls, "-level-").concat(level + 1)]: true,
       ["".concat(prefixcls, "-collapsed")]: !expanded,
       ["".concat(prefixcls, "-disabled")]: Boolean(disabled),
       ["".concat(prefixcls, "-selected")]: selected,
@@ -459,11 +451,11 @@ export default class TreeNode extends PureComponent {
     };
 
     if (renderFullLabel) {
-      const customLabel = renderFullLabel(_Object$assign({}, labelProps));
+      const customLabel = renderFullLabel(Object.assign({}, labelProps));
 
       if (draggable) {
         // @ts-ignore skip cloneElement type check
-        return /*#__PURE__*/React.cloneElement(customLabel, _Object$assign({
+        return /*#__PURE__*/React.cloneElement(customLabel, Object.assign({
           ref: this.setRef
         }, dragProps));
       } else {
@@ -473,7 +465,7 @@ export default class TreeNode extends PureComponent {
           // In virtualization, props.style will contain location information
           // @ts-ignore skip cloneElement type check
           return /*#__PURE__*/React.cloneElement(customLabel, {
-            style: _Object$assign(_Object$assign({}, _get(customLabel, ['props', 'style'])), style)
+            style: Object.assign(Object.assign({}, _get(customLabel, ['props', 'style'])), style)
           });
         }
       }
@@ -487,7 +479,7 @@ export default class TreeNode extends PureComponent {
     const setsize = _get(rest, ['data', 'children', 'length']);
 
     const posinset = _isString(rest.pos) ? Number(rest.pos.split('-')[level + 1]) + 1 : 1;
-    return /*#__PURE__*/React.createElement("li", _Object$assign({
+    return /*#__PURE__*/React.createElement("li", Object.assign({
       className: nodeCls,
       role: "treeitem",
       "aria-disabled": disabled,