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

package/lib/es/tooltip/TriangleArrowVertical.js

@@ -1,14 +1,10 @@
-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";
-
 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;
 };
@@ -22,7 +18,7 @@ const TriangleArrowVertical = props => {
   } = props,
         restProps = __rest(props, ["className", "style"]);
 
-  return /*#__PURE__*/React.createElement("svg", _Object$assign({
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
     "aria-hidden": true,
     className: className,
     style: style

package/lib/es/tooltip/index.js

@@ -5,19 +5,14 @@ import _omit from "lodash/omit";
 import _get from "lodash/get";
 import _noop from "lodash/noop";
 import _throttle from "lodash/throttle";
-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 _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 
 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;
 };
@@ -109,7 +104,7 @@ export default class Tooltip extends BaseComponent {
 
       const bgColor = _get(style, 'backgroundColor');
 
-      const iconComponent = _includesInstanceProperty(placement).call(placement, 'left') || _includesInstanceProperty(placement).call(placement, 'right') ? /*#__PURE__*/React.createElement(TriangleArrowVertical, null) : /*#__PURE__*/React.createElement(TriangleArrow, null);
+      const iconComponent = placement.includes('left') || placement.includes('right') ? /*#__PURE__*/React.createElement(TriangleArrowVertical, null) : /*#__PURE__*/React.createElement(TriangleArrow, null);
 
       if (showArrow) {
         if ( /*#__PURE__*/isValidElement(showArrow)) {
@@ -201,9 +196,9 @@ export default class Tooltip extends BaseComponent {
           animateStyle,
           animateEvents
         } = _ref;
-        return /*#__PURE__*/React.createElement("div", _Object$assign({
+        return /*#__PURE__*/React.createElement("div", Object.assign({
           className: classNames(className, animateCls),
-          style: _Object$assign(_Object$assign(_Object$assign({
+          style: Object.assign(Object.assign(Object.assign({
             visibility: 'visible'
           }, animateStyle), {
             transformOrigin
@@ -213,11 +208,11 @@ export default class Tooltip extends BaseComponent {
           "x-placement": placement,
           id: id
         }), contentNode, icon);
-      } : null) : /*#__PURE__*/React.createElement("div", _Object$assign({
+      } : null) : /*#__PURE__*/React.createElement("div", Object.assign({
         className: className
       }, portalEventSet, {
         "x-placement": placement,
-        style: _Object$assign({
+        style: Object.assign({
           visibility: motion ? 'hidden' : 'visible'
         }, style)
       }), contentNode, icon);
@@ -249,7 +244,7 @@ export default class Tooltip extends BaseComponent {
         display: 'inline-block'
       };
 
-      if (block || _includesInstanceProperty(blockDisplays).call(blockDisplays, display)) {
+      if (block || blockDisplays.includes(display)) {
         style.width = '100%';
       } // eslint-disable-next-line jsx-a11y/no-static-element-interactions
 
@@ -312,7 +307,7 @@ export default class Tooltip extends BaseComponent {
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       on: function () {
@@ -332,9 +327,9 @@ export default class Tooltip extends BaseComponent {
         this.setState({
           isInsert: true,
           transitionState: 'enter',
-          containerStyle: _Object$assign(_Object$assign({}, this.state.containerStyle), containerStyle)
+          containerStyle: Object.assign(Object.assign({}, this.state.containerStyle), containerStyle)
         }, () => {
-          _setTimeout(() => {
+          setTimeout(() => {
             // waiting child component mounted
             this.eventManager.emit('portalInserted');
           }, 0);
@@ -383,7 +378,7 @@ export default class Tooltip extends BaseComponent {
 
         if (container && isHTMLElement(container)) {
           const boundingRect = convertDOMRectToObject(container.getBoundingClientRect());
-          rect = _Object$assign(_Object$assign({}, boundingRect), {
+          rect = Object.assign(Object.assign({}, boundingRect), {
             scrollLeft: container.scrollLeft,
             scrollTop: container.scrollTop
           });
@@ -400,11 +395,7 @@ export default class Tooltip extends BaseComponent {
         const computedStyle = window.getComputedStyle(container);
         return computedStyle.getPropertyValue('position') === 'relative';
       },
-      containerIsRelativeOrAbsolute: () => {
-        var _context;
-
-        return _includesInstanceProperty(_context = ['relative', 'absolute']).call(_context, this.containerPosition);
-      },
+      containerIsRelativeOrAbsolute: () => ['relative', 'absolute'].includes(this.containerPosition),
       // Get the size of the pop-up layer
       getWrapperBounding: () => {
         const el = this.containerEl && this.containerEl.current;
@@ -418,7 +409,7 @@ export default class Tooltip extends BaseComponent {
             style = __rest(_a, ["position"]);
 
         this.setState({
-          containerStyle: _Object$assign(_Object$assign({}, this.state.containerStyle), style),
+          containerStyle: Object.assign(Object.assign({}, this.state.containerStyle), style),
           placement: position,
           isPositionUpdated: true
         }, () => {
@@ -622,9 +613,7 @@ export default class Tooltip extends BaseComponent {
     let {
       children
     } = this.props;
-
-    const childrenStyle = _Object$assign({}, _get(children, 'props.style'));
-
+    const childrenStyle = Object.assign({}, _get(children, 'props.style'));
     const extraStyle = {};
 
     if (wrapWhenSpecial) {
@@ -665,8 +654,8 @@ export default class Tooltip extends BaseComponent {
     } // The incoming children is a single valid element, otherwise wrap a layer with span
 
 
-    const newChild = /*#__PURE__*/React.cloneElement(children, _Object$assign(_Object$assign(_Object$assign(_Object$assign({}, ariaAttribute), children.props), this.mergeEvents(children.props, triggerEventSet)), {
-      style: _Object$assign(_Object$assign({}, _get(children, 'props.style')), extraStyle),
+    const newChild = /*#__PURE__*/React.cloneElement(children, Object.assign(Object.assign(Object.assign(Object.assign({}, ariaAttribute), children.props), this.mergeEvents(children.props, triggerEventSet)), {
+      style: Object.assign(Object.assign({}, _get(children, 'props.style')), extraStyle),
       className: classNames(_get(children, 'props.className')),
       // to maintain refs with callback
       ref: node => {

package/lib/es/transfer/index.js

@@ -3,17 +3,6 @@ import _isEmpty from "lodash/isEmpty";
 import _omit from "lodash/omit";
 import _noop from "lodash/noop";
 import _isEqual from "lodash/isEqual";
-import _Map from "@babel/runtime-corejs3/core-js-stable/map";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 import React from 'react';
 import cls from 'classnames';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
@@ -34,8 +23,6 @@ const prefixcls = cssClasses.PREFIX;
 
 class Transfer extends BaseComponent {
   constructor(props) {
-    var _context, _context2, _context3;
-
     super(props);
     this._treeRef = null;
     const {
@@ -46,8 +33,8 @@ class Transfer extends BaseComponent {
     this.foundation = new TransferFoundation(this.adapter);
     this.state = {
       data: [],
-      selectedItems: new _Map(),
-      searchResult: new _Set(),
+      selectedItems: new Map(),
+      searchResult: new Set(),
       inputValue: ''
     };
 
@@ -63,9 +50,9 @@ class Transfer extends BaseComponent {
       this.state.selectedItems = _generateSelectedItems(defaultValue, this.state.data);
     }
 
-    this.onSelectOrRemove = _bindInstanceProperty(_context = this.onSelectOrRemove).call(_context, this);
-    this.onInputChange = _bindInstanceProperty(_context2 = this.onInputChange).call(_context2, this);
-    this.onSortEnd = _bindInstanceProperty(_context3 = this.onSortEnd).call(_context3, this);
+    this.onSelectOrRemove = this.onSelectOrRemove.bind(this);
+    this.onInputChange = this.onInputChange.bind(this);
+    this.onSortEnd = this.onSortEnd.bind(this);
   }
 
   static getDerivedStateFromProps(props, state) {
@@ -79,27 +66,21 @@ class Transfer extends BaseComponent {
     let newData = state.data;
     let newSelectedItems = state.selectedItems;
 
-    if (Boolean(dataSource) && _Array$isArray(dataSource)) {
+    if (Boolean(dataSource) && Array.isArray(dataSource)) {
       newData = _generateDataByType(dataSource, type);
       mergedState.data = newData;
     }
 
-    if (Boolean(value) && _Array$isArray(value)) {
+    if (Boolean(value) && Array.isArray(value)) {
       newSelectedItems = _generateSelectedItems(value, newData);
       mergedState.selectedItems = newSelectedItems;
     }
 
     if (!_isEqual(state.data, newData)) {
       if (typeof state.inputValue === 'string' && state.inputValue !== '') {
-        const filterFunc = typeof filter === 'function' ? item => filter(state.inputValue, item) : item => {
-          var _context4;
-
-          return typeof item.label === 'string' && _includesInstanceProperty(_context4 = item.label).call(_context4, state.inputValue);
-        };
-
-        const searchData = _filterInstanceProperty(newData).call(newData, filterFunc);
-
-        const searchResult = new _Set(_mapInstanceProperty(searchData).call(searchData, item => item.key));
+        const filterFunc = typeof filter === 'function' ? item => filter(state.inputValue, item) : item => typeof item.label === 'string' && item.label.includes(state.inputValue);
+        const searchData = newData.filter(filterFunc);
+        const searchResult = new Set(searchData.map(item => item.key));
         mergedState.searchResult = searchResult;
       }
     }
@@ -108,8 +89,8 @@ class Transfer extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
-      getSelected: () => new _Map(this.state.selectedItems),
+    return Object.assign(Object.assign({}, super.adapter), {
+      getSelected: () => new Map(this.state.selectedItems),
       updateSelected: selectedItems => {
         this.setState({
           selectedItems
@@ -170,7 +151,7 @@ class Transfer extends BaseComponent {
       role: "search",
       "aria-label": "Transfer filter",
       className: "".concat(prefixcls, "-filter")
-    }, /*#__PURE__*/React.createElement(Input, _Object$assign({
+    }, /*#__PURE__*/React.createElement(Input, Object.assign({
       prefix: /*#__PURE__*/React.createElement(IconSearch, null),
       placeholder: locale.placeholder,
       showClear: true,
@@ -221,7 +202,7 @@ class Transfer extends BaseComponent {
     const checked = selectedItems.has(item.key);
 
     if (renderSourceItem) {
-      return renderSourceItem(_Object$assign(_Object$assign({}, item), {
+      return renderSourceItem(Object.assign(Object.assign({}, item), {
         checked,
         onChange: () => this.onSelectOrRemove(item)
       }));
@@ -243,8 +224,6 @@ class Transfer extends BaseComponent {
   }
 
   renderLeft(locale) {
-    var _context5;
-
     const {
       data,
       selectedItems,
@@ -261,12 +240,12 @@ class Transfer extends BaseComponent {
     const totalToken = locale.total;
     const inSearchMode = inputValue !== '';
     const showNumber = inSearchMode ? searchResult.size : data.length;
-    const filterData = inSearchMode ? _filterInstanceProperty(data).call(data, item => searchResult.has(item.key)) : data; // Whether to select all should be a judgment, whether the filtered data on the left is a subset of the selected items
+    const filterData = inSearchMode ? data.filter(item => searchResult.has(item.key)) : data; // Whether to select all should be a judgment, whether the filtered data on the left is a subset of the selected items
     // For example, the filtered data on the left is 1, 3, 4;
     // The selected option is 1,2,3,4, it is true
     // The selected option is 2,3,4, then it is false
 
-    const leftContainesNotInSelected = Boolean(_findInstanceProperty(filterData).call(filterData, f => !selectedItems.has(f.key)));
+    const leftContainesNotInSelected = Boolean(filterData.find(f => !selectedItems.has(f.key)));
     const totalText = totalToken.replace('${total}', "".concat(showNumber));
     const headerConfig = {
       totalContent: totalText,
@@ -325,7 +304,7 @@ class Transfer extends BaseComponent {
       inputValue,
       selectedItems,
       value: values,
-      onSelect: _bindInstanceProperty(_context5 = this.foundation.handleSelect).call(_context5, this.foundation),
+      onSelect: this.foundation.handleSelect.bind(this.foundation),
       onAllClick: () => this.foundation.handleAll(leftContainesNotInSelected),
       onSearch: this.onInputChange,
       onSelectOrRemove: item => this.onSelectOrRemove(item)
@@ -367,7 +346,7 @@ class Transfer extends BaseComponent {
 
     const restTreeProps = _omit(treeProps, ['value', 'ref', 'onChange']);
 
-    return /*#__PURE__*/React.createElement(Tree, _Object$assign({
+    return /*#__PURE__*/React.createElement(Tree, Object.assign({
       disabled: disabled,
       treeData: dataSource,
       multiple: true,
@@ -391,9 +370,8 @@ class Transfer extends BaseComponent {
 
   renderLeftList(visibileItems) {
     const content = [];
-    const groupStatus = new _Map();
-
-    _forEachInstanceProperty(visibileItems).call(visibileItems, (item, index) => {
+    const groupStatus = new Map();
+    visibileItems.forEach((item, index) => {
       const parentGroup = item._parent;
       const optionContent = this.renderLeftItem(item, index);
 
@@ -409,7 +387,6 @@ class Transfer extends BaseComponent {
         content.push(optionContent);
       }
     });
-
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixcls, "-left-list"),
       role: "list",
@@ -436,7 +413,7 @@ class Transfer extends BaseComponent {
     const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
 
     if (renderSelectedItem) {
-      return renderSelectedItem(_Object$assign(_Object$assign({}, item), {
+      return renderSelectedItem(Object.assign(Object.assign({}, item), {
         onRemove,
         sortableHandle: SortableHandle
       }));
@@ -489,7 +466,7 @@ class Transfer extends BaseComponent {
         className: "".concat(prefixcls, "-right-list"),
         role: "list",
         "aria-label": "Selected list"
-      }, _mapInstanceProperty(items).call(items, (item, index) =>
+      }, items.map((item, index) =>
       /*#__PURE__*/
       // @ts-ignore skip SortableItem type check
       React.createElement(SortableItem, {
@@ -520,7 +497,7 @@ class Transfer extends BaseComponent {
       renderSelectedPanel,
       draggable
     } = this.props;
-    const selectedData = [..._valuesInstanceProperty(selectedItems).call(selectedItems)]; // when custom render panel
+    const selectedData = [...selectedItems.values()]; // when custom render panel
 
     const renderProps = {
       length: selectedData.length,
@@ -559,7 +536,7 @@ class Transfer extends BaseComponent {
           className: "".concat(prefixcls, "-right-list"),
           role: "list",
           "aria-label": "Selected list"
-        }, _mapInstanceProperty(selectedData).call(selectedData, item => this.renderRightItem(_Object$assign({}, item))));
+        }, selectedData.map(item => this.renderRightItem(Object.assign({}, item))));
         content = list;
         break;
 

package/lib/es/tree/autoSizer.js

@@ -1,5 +1,4 @@
 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';
@@ -16,8 +15,8 @@ export default class AutoSizer extends PureComponent {
       if (target) {
         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,5 +1,4 @@
 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';
@@ -57,12 +56,10 @@ const Collapse = props => {
 
   const renderChildren = transitionStyle => {
     const transition = transitionStyle && typeof transitionStyle === 'object' ? formatStyle(transitionStyle) : {};
-
-    const style = _Object$assign({
+    const style = Object.assign({
       overflow: 'hidden',
       maxHeight: open ? 'none' : 0
     }, transition);
-
     return /*#__PURE__*/React.createElement("div", {
       style: style,
       className: "".concat(cssClasses.PREFIX, "-wrapper"),
@@ -99,7 +96,7 @@ const Collapse = props => {
       didLeave,
       motion
     });
-    return motion ? /*#__PURE__*/React.createElement(Transition, _Object$assign({
+    return motion ? /*#__PURE__*/React.createElement(Transition, Object.assign({
       state: open ? 'enter' : 'leave',
       immediate: immediateAttr,
       from: {