@douyinfe/semi-ui 2.0.9-alpha.3 → 2.1.0-alpha.2

package/lib/es/select/utils.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OptionProps } from './option';
 import { OptionGroupProps } from './optionGroup';
-declare const generateOption: (child: React.ReactElement, parent?: any) => OptionProps;
+declare const generateOption: (child: React.ReactElement, parent: any, index: number) => OptionProps;
 declare const getOptionsFromGroup: (selectChildren: React.ReactNode) => {
     optionGroups: OptionGroupProps[];
     options: OptionProps[];

package/lib/es/select/utils.js

@@ -20,7 +20,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 
-const generateOption = (child, parent) => {
+const generateOption = (child, parent, index) => {
   const childProps = child.props;
 
   if (!child || !childProps) {
@@ -32,7 +32,8 @@ const generateOption = (child, parent) => {
     // Drop-down menu rendering priority label value, children, value in turn downgrade
     label: childProps.label || childProps.children || childProps.value,
     _show: true,
-    _selected: false
+    _selected: false,
+    _scrollIndex: index
   }, childProps), {
     _parentGroup: parent
   });
@@ -53,11 +54,13 @@ const getOptionsFromGroup = selectChildren => {
   let childNodes = React.Children.toArray(selectChildren);
   childNodes = _filterInstanceProperty(childNodes).call(childNodes, childNode => childNode && childNode.props);
   let type = '';
+  let optionIndex = -1;
 
   _forEachInstanceProperty(childNodes).call(childNodes, child => {
     if (child.type.isSelectOption) {
       type = 'option';
-      const option = generateOption(child);
+      optionIndex++;
+      const option = generateOption(child, undefined, optionIndex);
       emptyGroup.children.push(option);
       options.push(option);
     } else if (child.type.isSelectOptionGroup) {
@@ -72,7 +75,10 @@ const getOptionsFromGroup = selectChildren => {
 
       children = React.Children.toArray(children);
 
-      const childrenOption = _mapInstanceProperty(children).call(children, option => generateOption(option, restGroupProps));
+      const childrenOption = _mapInstanceProperty(children).call(children, option => {
+        optionIndex++;
+        return generateOption(option, restGroupProps, optionIndex);
+      });
 
       const group = _Object$assign(_Object$assign({}, child.props), {
         children: childrenOption,

package/lib/es/select/virtualRow.js

@@ -1,9 +1,8 @@
-const VirtualRow = _ref => {
-  let {
-    index,
-    data,
-    style
-  } = _ref;
+const VirtualRow = ({
+  index,
+  data,
+  style
+}) => {
   const {
     visibileOptions
   } = data;

package/lib/es/sideSheet/SideSheetTransition.js

@@ -3,9 +3,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import { Transition } from '@douyinfe/semi-animation-react';
 import React from 'react'; // eslint-disable-next-line max-len
 
-const formatStyles = function formatStyles() {
-  let styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const formatStyles = function formatStyles(styles = {}, props = {}) {
   const {
     placement
   } = props;

package/lib/es/slider/index.js

@@ -292,8 +292,6 @@ export default class Slider extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       getSliderLengths: () => {
         if (this.sliderEl && this.sliderEl.current) {
@@ -362,8 +360,7 @@ export default class Slider extends BaseComponent {
         });
       },
 
-      transNewPropsToState(stateObj) {
-        let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+      transNewPropsToState(stateObj, callback = noop) {
         this.setState(stateObj, callback);
       },
 
@@ -397,11 +394,8 @@ export default class Slider extends BaseComponent {
 
         this._addEventListener(document.body, 'touchmove', this.foundation.onHandleTouchMove, false);
       },
-      onHandleMove: function (mousePos, isMin) {
-        let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
-        let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
-        const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
+      onHandleMove: (mousePos, isMin, stateChangeCallback = noop, clickTrack = false) => {
+        const sliderDOMIsInRenderTree = this.foundation.checkAndUpdateIsInRenderTreeState();
 
         if (!sliderDOMIsInRenderTree) {
           return;
@@ -410,29 +404,27 @@ export default class Slider extends BaseComponent {
         const {
           value,
           onChange
-        } = _this.props;
-
-        const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
+        } = this.props;
+        const moveValue = this.foundation.transPosToValue(mousePos, isMin);
 
         if (moveValue === false) {
           return;
         }
 
-        const outPutValue = _this.foundation.outPutValue(moveValue);
-
+        const outPutValue = this.foundation.outPutValue(moveValue);
         const {
           currentValue
-        } = _this.state;
+        } = this.state;
 
-        if (!isEqual(_this.foundation.outPutValue(currentValue), outPutValue)) {
+        if (!isEqual(this.foundation.outPutValue(currentValue), outPutValue)) {
           onChange(outPutValue);
 
-          if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
+          if (!clickTrack && this.foundation.valueFormatIsCorrect(value)) {
             // still require afterChangeCallback when click on the track directly, need skip here
             return false;
           }
 
-          _this.setState({
+          this.setState({
             currentValue: outPutValue
           }, stateChangeCallback);
         }
@@ -551,12 +543,8 @@ export default class Slider extends BaseComponent {
     return slider;
   }
 
-  _addEventListener(target, eventName, callback) {
+  _addEventListener(target, eventName, callback, ...rests) {
     if (target.addEventListener) {
-      for (var _len = arguments.length, rests = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-        rests[_key - 3] = arguments[_key];
-      }
-
       target.addEventListener(eventName, callback, ...rests);
 
       const clearSelf = () => {

package/lib/es/spin/icon.js

@@ -20,9 +20,7 @@ import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUn
 
 let _id = -1;
 
-function Icon() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
+function Icon(props = {}) {
   const {
     id: propsId,
     className

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

@@ -75,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);
       }
     });
   }

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

@@ -36,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), {

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

@@ -46,10 +46,7 @@ import TableContext from '../table-context';
 
 class Body extends BaseComponent {
   constructor(props, context) {
-    var _this;
-
     super(props);
-    _this = this;
 
     this.forwardRef = node => {
       const {
@@ -101,9 +98,8 @@ class Body extends BaseComponent {
       handleRowExpanded(!expand, rowKey, e);
     };
 
-    this.handleVirtualizedScroll = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const onScroll = get(_this.props.virtualized, 'onScroll');
+    this.handleVirtualizedScroll = (props = {}) => {
+      const onScroll = get(this.props.virtualized, 'onScroll');
 
       if (typeof onScroll === 'function') {
         onScroll(props);
@@ -187,21 +183,17 @@ class Body extends BaseComponent {
     }; // virtualized List innerElementType
 
 
-    this.renderTbody = /*#__PURE__*/React.forwardRef(function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let ref = arguments.length > 1 ? arguments[1] : undefined;
-      return /*#__PURE__*/React.createElement("div", _Object$assign({}, props, {
-        onScroll: function () {
-          if (props.onScroll) {
-            props.onScroll(...arguments);
-          }
-        },
-        // eslint-disable-next-line react/no-this-in-sfc,react/destructuring-assignment
-        className: classnames(props.className, "".concat(_this.props.prefixCls, "-tbody")),
-        style: _Object$assign({}, props.style),
-        ref: ref
-      }));
-    }); // virtualized List outerElementType
+    this.renderTbody = /*#__PURE__*/React.forwardRef((props = {}, ref) => /*#__PURE__*/React.createElement("div", _Object$assign({}, props, {
+      onScroll: (...args) => {
+        if (props.onScroll) {
+          props.onScroll(...args);
+        }
+      },
+      // eslint-disable-next-line react/no-this-in-sfc,react/destructuring-assignment
+      className: classnames(props.className, "".concat(this.props.prefixCls, "-tbody")),
+      style: _Object$assign({}, props.style),
+      ref: ref
+    }))); // virtualized List outerElementType
 
     this.renderOuter = /*#__PURE__*/React.forwardRef((props, ref) => {
       const {
@@ -221,21 +213,21 @@ class Body extends BaseComponent {
       const tableCls = classnames("".concat(prefixCls), "".concat(prefixCls, "-fixed"));
       return /*#__PURE__*/React.createElement("div", _Object$assign({}, rest, {
         ref: ref,
-        onWheel: function () {
+        onWheel: (...args) => {
           if (handleWheel) {
-            handleWheel(...arguments);
+            handleWheel(...args);
           }
 
           if (rest.onWheel) {
-            rest.onWheel(...arguments);
+            rest.onWheel(...args);
           }
         },
-        onScroll: function () {
+        onScroll: (...args) => {
           // eslint-disable-next-line react/no-this-in-sfc
-          _this.handleVirtualizedBodyScroll(...arguments);
+          this.handleVirtualizedBodyScroll(...args);
 
           if (rest.onScroll) {
-            rest.onScroll(...arguments);
+            rest.onScroll(...args);
           }
         }
       }), /*#__PURE__*/React.createElement("div", {
@@ -314,12 +306,11 @@ class Body extends BaseComponent {
      */
 
 
-    this.renderSectionRow = function () {
+    this.renderSectionRow = (props = {
+      groupKey: undefined
+    }) => {
       var _context;
 
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        groupKey: undefined
-      };
       const {
         dataSource,
         rowKey,
@@ -333,7 +324,7 @@ class Body extends BaseComponent {
       const sectionRowProps = pick(props, sectionRowPickKeys);
       const {
         handleRowExpanded
-      } = _this.context;
+      } = this.context;
       return /*#__PURE__*/React.createElement(SectionRow, _Object$assign({}, sectionRowProps, {
         record: {
           groupKey,
@@ -346,10 +337,9 @@ class Body extends BaseComponent {
       }));
     };
 
-    this.renderExpandedRow = function () {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        renderExpandIcon: () => null
-      };
+    this.renderExpandedRow = (props = {
+      renderExpandIcon: () => null
+    }) => {
       const {
         style,
         components,
@@ -371,7 +361,7 @@ class Body extends BaseComponent {
       const {
         flattenedColumns,
         getCellWidths
-      } = _this.context;
+      } = this.context;
       const cellWidths = getCellWidths(flattenedColumns);
       return /*#__PURE__*/React.createElement(ExpandedRow, {
         style: style,
@@ -659,8 +649,7 @@ class Body extends BaseComponent {
    */
 
 
-  renderBaseRow() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  renderBaseRow(props = {}) {
     const {
       rowKey,
       columns,
@@ -716,10 +705,7 @@ class Body extends BaseComponent {
     }));
   }
 
-  renderBodyRows() {
-    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let renderedRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  renderBodyRows(data = [], level = 0, renderedRows = []) {
     const {
       rowKey,
       expandedRowRender,
@@ -783,12 +769,9 @@ class Body extends BaseComponent {
     const {
       virtualized
     } = this.props;
-    return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, _ref => {
-      let {
-        direction
-      } = _ref;
-      return virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction);
-    });
+    return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, ({
+      direction
+    }) => virtualized ? this.renderVirtualizedBody(direction) : this.renderBody(direction));
   }
 
 }

package/lib/es/table/Column.js

@@ -2,8 +2,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import React from 'react';
 import ColumnShape from './ColumnShape';
 export default class Column extends React.PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
   }
 

package/lib/es/table/ColumnFilter.js

@@ -18,10 +18,7 @@ import Dropdown from '../dropdown';
 import { Radio } from '../radio';
 import { Checkbox } from '../checkbox';
 
-function renderDropdown() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let nestedElem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+function renderDropdown(props = {}, nestedElem = null, level = 0) {
   const {
     filterMultiple = true,
     filters = [],
@@ -129,8 +126,7 @@ function renderDropdown() {
   }), nestedElem);
 }
 
-export default function ColumnFilter() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export default function ColumnFilter(props = {}) {
   const {
     prefixCls = cssClasses.PREFIX,
     filteredValue,

package/lib/es/table/ColumnSelection.js

@@ -23,12 +23,8 @@ export default class TableSelectionCell extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyChange: function () {
-        return _this.props.onChange(...arguments);
-      }
+      notifyChange: (...args) => this.props.onChange(...args)
     });
   }
 

package/lib/es/table/HeadTable.js

@@ -13,10 +13,9 @@ import TableHeader from './TableHeader';
  */
 
 class HeadTable extends React.PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      selectedRowKeysSet: new _Set()
-    };
+  constructor(props = {
+    selectedRowKeysSet: new _Set()
+  }) {
     super(props);
   }
 

package/lib/es/table/ResizableTable.js

@@ -35,10 +35,7 @@ import { cloneDeep } from './utils';
 import getColumns from './getColumns';
 import ResizableHeaderCell from './ResizableHeaderCell';
 
-const ResizableTable = function () {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let ref = arguments.length > 1 ? arguments[1] : undefined;
-
+const ResizableTable = (props = {}, ref) => {
   const {
     components: propComponents,
     columns: propColumns,
@@ -100,10 +97,9 @@ const ResizableTable = function () {
   }, propComponents), [propComponents]);
   const handlerClassName = get(resizable, 'handlerClassName', 'resizing');
 
-  const handleResize = column => (e, _ref) => {
-    let {
-      size
-    } = _ref;
+  const handleResize = column => (e, {
+    size
+  }) => {
     const nextColumns = cloneDeep(columns);
     const curColumn = findColumn(nextColumns, column, childrenColumnName);
 
@@ -151,33 +147,26 @@ const ResizableTable = function () {
     setColumns(nextColumns);
   };
 
-  const resizableRender = function (col, index) {
-    let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    return _Object$assign(_Object$assign({}, col), {
-      onHeaderCell: column => ({
-        width: column.width,
-        onResize: handleResize(column),
-        onResizeStart: handleResizeStart(column),
-        onResizeStop: handleResizeStop(column)
-      })
-    });
-  };
+  const resizableRender = (col, index, level = 0) => _Object$assign(_Object$assign({}, col), {
+    onHeaderCell: column => ({
+      width: column.width,
+      onResize: handleResize(column),
+      onResizeStart: handleResizeStart(column),
+      onResizeStop: handleResizeStop(column)
+    })
+  });
 
-  const assignResizableRender = function () {
-    let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    return _Array$isArray(columns) && columns.length ? _mapInstanceProperty(columns).call(columns, (col, index) => {
-      _Object$assign(col, resizableRender(col, index, level));
+  const assignResizableRender = (columns = [], level = 0) => _Array$isArray(columns) && columns.length ? _mapInstanceProperty(columns).call(columns, (col, index) => {
+    _Object$assign(col, resizableRender(col, index, level));
 
-      const children = col[childrenColumnName];
+    const children = col[childrenColumnName];
 
-      if (_Array$isArray(children) && children.length) {
-        col[childrenColumnName] = assignResizableRender(children, level + 1);
-      }
+    if (_Array$isArray(children) && children.length) {
+      col[childrenColumnName] = assignResizableRender(children, level + 1);
+    }
 
-      return col;
-    }) : [];
-  };
+    return col;
+  }) : [];
 
   const finalColumns = useMemo(() => assignResizableRender(columns), [columns]);
   return /*#__PURE__*/React.createElement(Table, _Object$assign({}, restProps, {

package/lib/es/table/Table.d.ts

@@ -277,7 +277,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
      * Combine pagination and table paging processing functions
      */
     mergePagination: (pagination: TablePaginationProps) => {
-        position?: "both" | "top" | "bottom";
+        position?: "top" | "bottom" | "both";
         formatPageText?: import("./interface").FormatPageText;
         style?: React.CSSProperties;
         className?: string;