@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

package/lib/es/steps/index.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 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";
@@ -15,6 +14,7 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React, { Component } from 'react';
+import { noop } from 'lodash-es';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/steps/steps.css';
 import Step from './step';
@@ -66,7 +66,7 @@ Steps.propTypes = {
   size: PropTypes.oneOf(['small', 'default'])
 };
 Steps.defaultProps = {
-  onChange: _noop,
+  onChange: noop,
   type: 'fill',
   size: 'default'
 };

package/lib/es/steps/navStep.js

@@ -1,4 +1,3 @@
-import _isFunction from "lodash/isFunction";
 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";
@@ -16,6 +15,7 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import { isFunction } from 'lodash-es';
 import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 import { IconChevronRight } from '@douyinfe/semi-icons';
@@ -39,7 +39,7 @@ const NavStep = props => {
   });
 
   const handleClick = e => {
-    if (_isFunction(onClick)) {
+    if (isFunction(onClick)) {
       onClick(e);
     }
 

package/lib/es/steps/navSteps.js

@@ -2,7 +2,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import React, { cloneElement, Children, useMemo } from 'react';
+import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -23,7 +23,7 @@ const Steps = props => {
   const inner = useMemo(() => {
     var _context;
 
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => Boolean(c));
+    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
 
     const total = filteredChildren.length;
 

package/lib/es/switch/index.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
@@ -9,6 +8,7 @@ import SwitchFoudation from '@douyinfe/semi-foundation/lib/es/switch/foundation'
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/switch/constants';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/switch/switch.css';
+import { noop } from 'lodash-es';
 import Spin from '../spin';
 
 class Switch extends BaseComponent {
@@ -129,10 +129,10 @@ Switch.propTypes = {
 Switch.defaultProps = {
   disabled: false,
   className: '',
-  onChange: _noop,
+  onChange: noop,
   loading: false,
-  onMouseEnter: _noop,
-  onMouseLeave: _noop,
+  onMouseEnter: noop,
+  onMouseLeave: noop,
   size: 'default'
 };
 export default Switch;

package/lib/es/table/Body/BaseRow.js

@@ -1,10 +1,3 @@
-import _pick from "lodash/pick";
-import _isEqual from "lodash/isEqual";
-import _omit from "lodash/omit";
-import _stubTrue from "lodash/stubTrue";
-import _get from "lodash/get";
-import _noop from "lodash/noop";
-import _each from "lodash/each";
 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";
@@ -27,6 +20,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { createRef } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { each, noop, get, stubTrue, omit, isEqual, pick } from 'lodash-es';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import shallowEqualObjects from '@douyinfe/semi-foundation/lib/es/utils/shallowEqualObjects';
 import TableRowFoundation from '@douyinfe/semi-foundation/lib/es/table/tableRowFoundation';
@@ -81,24 +75,16 @@ export default class TableRow extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyClick: function () {
-        return _this.props.onRowClick(...arguments);
-      },
-      notifyDoubleClick: function () {
-        return _this.props.onRowDoubleClick(...arguments);
+      notifyClick: (...args) => this.props.onRowClick(...args),
+      notifyDoubleClick: (...args) => this.props.onRowDoubleClick(...args),
+      notifyMouseLeave: (...args) => {
+        this.props.onHover(false, this.props.rowKey);
+        this.props.onRowMouseEnter(...args);
       },
-      notifyMouseLeave: function () {
-        _this.props.onHover(false, _this.props.rowKey);
-
-        _this.props.onRowMouseEnter(...arguments);
-      },
-      notifyMouseEnter: function () {
-        _this.props.onHover(true, _this.props.rowKey);
-
-        _this.props.onRowMouseEnter(...arguments);
+      notifyMouseEnter: (...args) => {
+        this.props.onHover(true, this.props.rowKey);
+        this.props.onRowMouseEnter(...args);
       }
     });
   }
@@ -112,9 +98,9 @@ export default class TableRow extends BaseComponent {
       * 深比较 cellWidths
       */
     const omitProps = ['cellWidths'];
-    const isPropsShallowEqual = shallowEqualObjects(_omit(nextProps, omitProps), _omit(this.props, omitProps));
+    const isPropsShallowEqual = shallowEqualObjects(omit(nextProps, omitProps), omit(this.props, omitProps));
 
-    if (!isPropsShallowEqual || !_isEqual(_pick(nextProps, omitProps), _pick(this.props, omitProps))) {
+    if (!isPropsShallowEqual || !isEqual(pick(nextProps, omitProps), pick(this.props, omitProps))) {
       return true;
     }
 
@@ -144,16 +130,13 @@ export default class TableRow extends BaseComponent {
       disabled,
       onDidUpdate
     } = this.props;
-
-    const BodyCell = _get(components, 'body.cell', strings.DEFAULT_COMPONENTS.body.cell);
-
+    const BodyCell = get(components, 'body.cell', strings.DEFAULT_COMPONENTS.body.cell);
     const cells = [];
     const displayExpandedColumn = rowExpandable(record);
     let firstIndex = 0; // const dataColumns = getDataColumns(columns);
 
-    _each(columns, (column, columnIndex) => {
-      const columnKey = _get(column, 'key');
-
+    each(columns, (column, columnIndex) => {
+      const columnKey = get(column, 'key');
       const expandableProps = {};
 
       if (fixed !== 'right') {
@@ -188,7 +171,7 @@ export default class TableRow extends BaseComponent {
         const diyProps = {};
 
         if (BodyCell !== strings.DEFAULT_COMPONENTS.body.cell && virtualized && !expandedRow) {
-          diyProps.width = _get(cellWidths, columnIndex);
+          diyProps.width = get(cellWidths, columnIndex);
         }
 
         cells.push( /*#__PURE__*/React.createElement(TableCell, _Object$assign({}, expandableProps, diyProps, {
@@ -212,7 +195,6 @@ export default class TableRow extends BaseComponent {
         })));
       }
     });
-
     return cells;
   }
 
@@ -303,7 +285,7 @@ TableRow.propTypes = {
 };
 TableRow.defaultProps = {
   columns: [],
-  rowExpandable: _stubTrue,
+  rowExpandable: stubTrue,
   components: {
     body: {
       row: 'tr',
@@ -311,13 +293,13 @@ TableRow.defaultProps = {
     }
   },
   prefixCls: cssClasses.PREFIX,
-  onRow: _noop,
-  onRowClick: _noop,
-  onRowDoubleClick: _noop,
-  onRowMouseEnter: _noop,
-  onRowMouseLeave: _noop,
-  onHover: _noop,
-  onDidUpdate: _noop,
+  onRow: noop,
+  onRowClick: noop,
+  onRowDoubleClick: noop,
+  onRowMouseEnter: noop,
+  onRowMouseLeave: noop,
+  onHover: noop,
+  onDidUpdate: noop,
   visible: true,
   hovered: false,
   selected: false,

package/lib/es/table/Body/ExpandedRow.js

@@ -1,6 +1,3 @@
-import _isNull from "lodash/isNull";
-import _set from "lodash/set";
-import _get from "lodash/get";
 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";
@@ -21,6 +18,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { get, set, isNull } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { arrayAdd, filterColumns } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import TableContext from '../table-context';
@@ -58,7 +56,7 @@ export default class TableExpandedRow extends PureComponent {
     const props = {};
     let column = {};
 
-    if (_isNull(cell)) {
+    if (isNull(cell)) {
       return null;
     } else if ( /*#__PURE__*/isValidElement(cell)) {
       children = cell;
@@ -75,14 +73,13 @@ export default class TableExpandedRow extends PureComponent {
       column = _Object$assign({}, restProps);
     }
 
-    if (_get(components, 'body.cell') !== strings.DEFAULT_COMPONENTS.body.cell) {
+    if (get(components, 'body.cell') !== strings.DEFAULT_COMPONENTS.body.cell) {
       if (virtualized) {
-        _set(props, 'style.height', '100%');
+        set(props, 'style.height', '100%');
       }
 
-      _set(props, 'style.display', 'block');
-
-      _set(props, 'style.width', arrayAdd(cellWidths, 0, propColumns.length));
+      set(props, 'style.display', 'block');
+      set(props, 'style.width', arrayAdd(cellWidths, 0, propColumns.length));
     } else {
       // Remove the row where the scroll bar is located
       props.colSpan = filterColumns(propColumns).length;

package/lib/es/table/Body/SectionRow.js

@@ -1,5 +1,3 @@
-import _isSet from "lodash/isSet";
-import _get from "lodash/get";
 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";
@@ -27,6 +25,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { PureComponent, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { get, isSet } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { filterColumns } from '@douyinfe/semi-foundation/lib/es/table/utils';
 import BaseRow from './BaseRow';
@@ -37,23 +36,20 @@ import TableContext from '../table-context';
 
 class SectionRow extends PureComponent {
   constructor() {
-    var _this;
-
     super(...arguments);
-    _this = this;
 
-    this.onRow = function () {
+    this.onRow = (...args) => {
       const {
         onGroupedRow,
         clickGroupedRowToExpand,
         onExpand,
         groupKey,
         expanded
-      } = _this.props;
+      } = this.props;
       const rowProps = {};
 
       if (typeof onGroupedRow === 'function') {
-        _Object$assign(rowProps, onGroupedRow(...arguments));
+        _Object$assign(rowProps, onGroupedRow(...args));
       }
 
       return _Object$assign(_Object$assign({}, rowProps), {
@@ -76,9 +72,9 @@ class SectionRow extends PureComponent {
         rowKey
       } = this.props;
 
-      if (_Array$isArray(data) && data.length && _isSet(group)) {
+      if (_Array$isArray(data) && data.length && isSet(group)) {
         return _filterInstanceProperty(data).call(data, record => {
-          const realRowKey = typeof rowKey === 'function' ? rowKey(record) : _get(record, rowKey);
+          const realRowKey = typeof rowKey === 'function' ? rowKey(record) : get(record, rowKey);
           return realRowKey != null && realRowKey !== '' && group.has(realRowKey);
         });
       }