@douyinfe/semi-foundation 2.1.1 → 2.1.5

package/lib/es/table/foundation.js

@@ -1,3 +1,15 @@
+import _isEqual from "lodash/isEqual";
+import _slice from "lodash/slice";
+import _isMap from "lodash/isMap";
+import _filter from "lodash/filter";
+import _isSet from "lodash/isSet";
+import _pull from "lodash/pull";
+import _some from "lodash/some";
+import _find from "lodash/find";
+import _each from "lodash/each";
+import _isFunction from "lodash/isFunction";
+import _merge from "lodash/merge";
+import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -14,21 +26,6 @@ import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
-
-/* eslint-disable prefer-destructuring */
-
-/* eslint-disable max-depth */
-
-/* eslint-disable max-nested-callbacks */
-
-/* eslint-disable max-len */
-
-/* eslint-disable no-param-reassign */
-
-/* eslint-disable eqeqeq */
-
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { get, merge, isFunction, each, find, some, pull, isSet, filter, isMap, slice, isEqual } from 'lodash-es';
 import memoizeOne from 'memoize-one';
 import BaseFoundation from '../base/foundation';
 import { strings, numbers } from './constants';
@@ -95,10 +92,10 @@ class TableFoundation extends BaseFoundation {
 
     const mergePagination = this._adapter.getMergePagination();
 
-    this.memoizedWithFnsColumns = memoizeOne(handleColumns, isEqual);
+    this.memoizedWithFnsColumns = memoizeOne(handleColumns, _isEqual);
     this.memoizedFilterColumns = memoizeOne(filterColumns);
     this.memoizedFlattenFnsColumns = memoizeOne(flattenColumns);
-    this.memoizedPagination = memoizeOne(mergePagination, isEqual);
+    this.memoizedPagination = memoizeOne(mergePagination, _isEqual);
   }
 
   init() {
@@ -133,9 +130,9 @@ class TableFoundation extends BaseFoundation {
     const expandedRowKeys = [];
 
     if (defaultExpandAllRows || expandAllRows) {
-      this._addNoDuplicatedItemsToArr(expandedRowKeys, this.getAllRowKeys(dataSource), groups && isMap(groups) && groups.size ? _Array$from(_keysInstanceProperty(groups).call(groups)) : []);
+      this._addNoDuplicatedItemsToArr(expandedRowKeys, this.getAllRowKeys(dataSource), groups && _isMap(groups) && groups.size ? _Array$from(_keysInstanceProperty(groups).call(groups)) : []);
     } else if (defaultExpandAllGroupRows || expandAllGroupRows) {
-      this._addNoDuplicatedItemsToArr(expandedRowKeys, groups && isMap(groups) && groups.size ? _Array$from(_keysInstanceProperty(groups).call(groups)) : []);
+      this._addNoDuplicatedItemsToArr(expandedRowKeys, groups && _isMap(groups) && groups.size ? _Array$from(_keysInstanceProperty(groups).call(groups)) : []);
     } else if (_Array$isArray(defaultExpandedRowKeys) && defaultExpandedRowKeys.length) {
       this._addNoDuplicatedItemsToArr(expandedRowKeys, defaultExpandedRowKeys);
     } else if (_Array$isArray(propExpandedRowKeys) && propExpandedRowKeys.length) {
@@ -153,8 +150,9 @@ class TableFoundation extends BaseFoundation {
     const rowKeys = [];
 
     if (rowSelection) {
-      const selectedRowKeys = get(rowSelection, 'selectedRowKeys');
-      const defaultSelectedRowKeys = get(rowSelection, 'defaultSelectedRowKeys');
+      const selectedRowKeys = _get(rowSelection, 'selectedRowKeys');
+
+      const defaultSelectedRowKeys = _get(rowSelection, 'defaultSelectedRowKeys');
 
       if (_Array$isArray(selectedRowKeys)) {
         this._addNoDuplicatedItemsToArr(rowKeys, selectedRowKeys);
@@ -163,7 +161,7 @@ class TableFoundation extends BaseFoundation {
       }
 
       if (_Array$isArray(disabledRowKeys) && disabledRowKeys.length) {
-        pull(rowKeys, ...disabledRowKeys);
+        _pull(rowKeys, ...disabledRowKeys);
       }
 
       this._adapter.setSelectedRowKeys(rowKeys);
@@ -178,8 +176,8 @@ class TableFoundation extends BaseFoundation {
 
 
   getFilteredSortedDataSource(dataSource, queries) {
-    const filteredDataSource = this.filterDataSource(dataSource, _filterInstanceProperty(queries).call(queries, query => isFunction(query.onFilter) && _Array$isArray(query.filters) && query.filters.length && _Array$isArray(query.filteredValue) && query.filteredValue.length));
-    const sortedDataSource = this.sortDataSource(filteredDataSource, _filterInstanceProperty(queries).call(queries, query => query && isFunction(query.sorter)));
+    const filteredDataSource = this.filterDataSource(dataSource, _filterInstanceProperty(queries).call(queries, query => _isFunction(query.onFilter) && _Array$isArray(query.filters) && query.filters.length && _Array$isArray(query.filteredValue) && query.filteredValue.length));
+    const sortedDataSource = this.sortDataSource(filteredDataSource, _filterInstanceProperty(queries).call(queries, query => query && _isFunction(query.sorter)));
     return sortedDataSource;
   }
   /**
@@ -237,14 +235,14 @@ class TableFoundation extends BaseFoundation {
     const newDataSource = [];
 
     if (groupBy != null) {
-      each(dataSource, (record, index) => {
-        const groupKey = typeof groupBy === 'function' ? groupBy(record) : get(record, groupBy);
+      _each(dataSource, (record, index) => {
+        const groupKey = typeof groupBy === 'function' ? groupBy(record) : _get(record, groupBy);
 
         if (groupKey != null && groupKey !== '') {
           const recordKey = this.getRecordKey(record);
           let group = groups.get(groupKey);
 
-          if (!isSet(group)) {
+          if (!_isSet(group)) {
             group = new _Set([recordKey]);
             groups.set(groupKey, group);
           } else {
@@ -256,7 +254,7 @@ class TableFoundation extends BaseFoundation {
 
     if (groups && groups.size) {
       _forEachInstanceProperty(groups).call(groups, (set, key) => {
-        if (isSet(set)) {
+        if (_isSet(set)) {
           _forEachInstanceProperty(set).call(set, realKey => {
             newDataSource.push(this._getRecord(realKey));
           });
@@ -281,7 +279,7 @@ class TableFoundation extends BaseFoundation {
 
 
   sortDataSource(dataSource, sorters) {
-    each(sorters, sorterObj => {
+    _each(sorters, sorterObj => {
       var _context2;
 
       // const sorterObj = last(sorters) || {};
@@ -293,7 +291,7 @@ class TableFoundation extends BaseFoundation {
       } = sorterObj;
       const currentSortOrder = this.isSortOrderValid(sortOrder) ? sortOrder : defaultSortOrder;
 
-      if (isFunction(sorter) && currentSortOrder && _includesInstanceProperty(_context2 = strings.SORT_DIRECTIONS).call(_context2, currentSortOrder)) {
+      if (_isFunction(sorter) && currentSortOrder && _includesInstanceProperty(_context2 = strings.SORT_DIRECTIONS).call(_context2, currentSortOrder)) {
         if (sortChildrenRecord) {
           const childrenRecordName = this.getProp('childrenRecordName');
           dataSource = dataSource && _mapInstanceProperty(dataSource).call(dataSource, record => {
@@ -316,6 +314,7 @@ class TableFoundation extends BaseFoundation {
 
       return undefined;
     });
+
     return dataSource;
   }
   /**
@@ -331,7 +330,8 @@ class TableFoundation extends BaseFoundation {
     let filteredData = null;
     let hasValidFilters = false;
     const childrenRecordName = this.getProp('childrenRecordName');
-    each(filters, filterObj => {
+
+    _each(filters, filterObj => {
       const {
         onFilter,
         filteredValue,
@@ -348,9 +348,10 @@ class TableFoundation extends BaseFoundation {
           filteredData = new _Map();
         }
 
-        each(filteredValue, value => {
-          each(dataSource, record => {
-            const childrenRecords = get(record, childrenRecordName);
+        _each(filteredValue, value => {
+          _each(dataSource, record => {
+            const childrenRecords = _get(record, childrenRecordName);
+
             const recordKey = this.getRecordKey(record);
             let filteredChildren;
 
@@ -360,7 +361,8 @@ class TableFoundation extends BaseFoundation {
 
             if (_Array$isArray(filteredChildren) && filteredChildren.length) {
               if (recordKey != null) {
-                const children = get(filteredData.get(recordKey), childrenRecordName, []);
+                const children = _get(filteredData.get(recordKey), childrenRecordName, []);
+
                 filteredData.set(recordKey, _Object$assign(_Object$assign({}, record), {
                   [childrenRecordName]: _reduceInstanceProperty(filteredChildren).call(filteredChildren, (arr, cur) => {
                     if (_findInstanceProperty(arr).call(arr, item => this.getRecordKey(item) === this.getRecordKey(cur)) == null) {
@@ -390,7 +392,8 @@ class TableFoundation extends BaseFoundation {
     dataSource = dataSource == null ? this.getProp('dataSource') : dataSource;
     pagination = pagination == null ? this.getState('pagination') : pagination;
     let pageData = dataSource;
-    const pageNo = get(pagination, 'currentPage');
+
+    const pageNo = _get(pagination, 'currentPage');
 
     if (this.getProp('pagination') !== false && pageNo && dataSource && pagination && !this._pagerIsControlled()) {
       const {
@@ -398,7 +401,7 @@ class TableFoundation extends BaseFoundation {
       } = pagination;
       const start = (pageNo - 1) * pageSize;
       const end = pageNo * pageSize;
-      pageData = slice(dataSource, start, end);
+      pageData = _slice(dataSource, start, end);
     }
 
     return pageData;
@@ -411,16 +414,18 @@ class TableFoundation extends BaseFoundation {
 
     if (pagination) {
       pagination = typeof pagination === 'object' ? _Object$assign({}, pagination) : {};
-      pagination = merge({
+      pagination = _merge({
         total: dataSource && dataSource.length || 0,
         pageSize: numbers.DEFAULT_PAGE_SIZE,
-        currentPage: get(propPagination, 'defaultCurrentPage', 1),
+        currentPage: _get(propPagination, 'defaultCurrentPage', 1),
         position: strings.PAGINATION_POSITIONS[0]
       }, pagination);
 
       if (!this._pagerIsControlled()) {
-        const total = get(propPagination, 'total', dataSource.length);
-        const pageSize = get(propPagination, 'pageSize', pagination.pageSize);
+        const total = _get(propPagination, 'total', dataSource.length);
+
+        const pageSize = _get(propPagination, 'pageSize', pagination.pageSize);
+
         const {
           currentPage
         } = pagination;
@@ -510,7 +515,7 @@ class TableFoundation extends BaseFoundation {
     filters = filters == null ? this._getAllFilters() : filters;
     sorter = sorter == null ? this._getAllSorters()[0] : sorter;
 
-    if (get(this.getProp('scroll'), 'scrollToFirstRowOnChange')) {
+    if (_get(this.getProp('scroll'), 'scrollToFirstRowOnChange')) {
       this._adapter.resetScrollY();
     }
 
@@ -527,11 +532,11 @@ class TableFoundation extends BaseFoundation {
   }
 
   _pagerIsControlled() {
-    return get(this.getProp('pagination'), 'currentPage') != null;
+    return _get(this.getProp('pagination'), 'currentPage') != null;
   }
 
   _selectionIsControlled() {
-    return _Array$isArray(get(this.getProp('rowSelection'), 'selectedRowKeys'));
+    return _Array$isArray(_get(this.getProp('rowSelection'), 'selectedRowKeys'));
   }
   /**
    * Determine whether the column sorting is controlled
@@ -566,13 +571,17 @@ class TableFoundation extends BaseFoundation {
 
   _getSelectedRowKeys() {
     const rowSelection = this.getState('rowSelection');
-    const selectedRowKeys = get(rowSelection, 'selectedRowKeys', []);
+
+    const selectedRowKeys = _get(rowSelection, 'selectedRowKeys', []);
+
     return [...selectedRowKeys];
   }
 
   _getSelectedRowKeysSet() {
     const rowSelection = this.getState('rowSelection');
-    const selectedRowKeysSet = get(rowSelection, 'selectedRowKeysSet', new _Set());
+
+    const selectedRowKeysSet = _get(rowSelection, 'selectedRowKeysSet', new _Set());
+
     return selectedRowKeysSet;
   }
 
@@ -581,11 +590,11 @@ class TableFoundation extends BaseFoundation {
   }
 
   _getRecord(realKey) {
-    return find(this.getProp('dataSource'), record => realKey != null && realKey !== '' && this.getRecordKey(record) === realKey);
+    return _find(this.getProp('dataSource'), record => realKey != null && realKey !== '' && this.getRecordKey(record) === realKey);
   }
 
   _getRecordChildren(record) {
-    return get(record, this.getProp('childrenRecordName'));
+    return _get(record, this.getProp('childrenRecordName'));
   }
 
   _getPagination() {
@@ -595,17 +604,19 @@ class TableFoundation extends BaseFoundation {
   _getAllFilters(queries) {
     queries = queries || this.getState('queries');
     const filters = [];
-    each(queries, query => {
+
+    _each(queries, query => {
       if (_Array$isArray(query.filteredValue) && (query.filteredValue.length || this._filterIsControlled(query.dataIndex))) {
         filters.push(query);
       }
     });
+
     return filters;
   }
 
   _getAllSorters(queries) {
     queries = queries || this.getState('queries');
-    return filter(queries, query => query.sorter && query.sortOrder);
+    return _filter(queries, query => query.sorter && query.sortOrder);
   }
 
   _filterQueries(targetQuery, queries) {
@@ -613,14 +624,16 @@ class TableFoundation extends BaseFoundation {
     queries = queries == null ? this.getState('queries') : queries;
     const filteredQueries = [];
     const filteredIndexes = [];
-    each(queries, (itQuery, index) => {
-      const flag = some(keys, k => k && targetQuery[k] != null && targetQuery[k] === itQuery[k]);
+
+    _each(queries, (itQuery, index) => {
+      const flag = _some(keys, k => k && targetQuery[k] != null && targetQuery[k] === itQuery[k]);
 
       if (flag) {
         filteredQueries.push(itQuery);
         filteredIndexes.push(index);
       }
     });
+
     return {
       filteredQueries,
       filteredIndexes
@@ -638,10 +651,11 @@ class TableFoundation extends BaseFoundation {
       filteredIndexes
     } = this._filterQueries(query, queries, keys);
 
-    each(filteredQueries, (curQuery, idx) => {
+    _each(filteredQueries, (curQuery, idx) => {
       // assign(curQuery, query);
       queries[filteredIndexes[idx]] = _Object$assign({}, query);
     });
+
     return queries;
   }
   /**
@@ -657,7 +671,7 @@ class TableFoundation extends BaseFoundation {
     }
 
     const rowKey = this.getProp('rowKey');
-    return typeof rowKey === 'function' ? rowKey(record) : get(record, rowKey);
+    return typeof rowKey === 'function' ? rowKey(record) : _get(record, rowKey);
   }
 
   isEmpty(dataSource) {
@@ -761,20 +775,20 @@ class TableFoundation extends BaseFoundation {
     dataSource = dataSource == null ? this._getDataSource() : dataSource;
     selectedRowKeys = selectedRowKeys == null ? this._getSelectedRowKeys() : selectedRowKeys;
 
-    if (!isSet(selectedRowKeysSet)) {
+    if (!_isSet(selectedRowKeysSet)) {
       selectedRowKeysSet = new _Set(selectedRowKeys);
     }
 
     const childrenRecordName = this.getProp('childrenRecordName');
     const selectedRows = [];
 
-    if (isSet(selectedRowKeysSet) && selectedRowKeysSet.size && _Array$isArray(dataSource) && dataSource.length) {
+    if (_isSet(selectedRowKeysSet) && selectedRowKeysSet.size && _Array$isArray(dataSource) && dataSource.length) {
       // Time complexity optimization, replace the includes operation of array with has of set
       selectedRows.push(..._filterInstanceProperty(dataSource).call(dataSource, data => selectedRowKeysSet.has(this.getRecordKey(data))));
 
       if (selectedRows.length < selectedRowKeys.length) {
         for (const item of dataSource) {
-          const children = get(item, childrenRecordName);
+          const children = _get(item, childrenRecordName);
 
           if (_Array$isArray(children) && children.length) {
             const rows = this.getSelectedRows(children, selectedRowKeys, selectedRowKeysSet);
@@ -789,7 +803,7 @@ class TableFoundation extends BaseFoundation {
 
   getAllDisabledRowKeys(dataSource, getCheckboxProps) {
     dataSource = dataSource == null ? this._getDataSource() : dataSource;
-    getCheckboxProps = getCheckboxProps == null ? get(this.getProp('rowSelection'), 'getCheckboxProps') : getCheckboxProps;
+    getCheckboxProps = getCheckboxProps == null ? _get(this.getProp('rowSelection'), 'getCheckboxProps') : getCheckboxProps;
     const childrenRecordName = this.getProp('childrenRecordName');
     const disabledRowKeys = [];
 
@@ -801,7 +815,7 @@ class TableFoundation extends BaseFoundation {
           disabledRowKeys.push(this.getRecordKey(record));
         }
 
-        const children = get(record, childrenRecordName);
+        const children = _get(record, childrenRecordName);
 
         if (_Array$isArray(children) && children.length) {
           const keys = this.getAllDisabledRowKeys(children, getCheckboxProps);
@@ -821,7 +835,8 @@ class TableFoundation extends BaseFoundation {
     if (_Array$isArray(dataSource) && dataSource.length) {
       for (const record of dataSource) {
         const childrenRowKeys = [];
-        const children = get(record, childrenRecordName);
+
+        const children = _get(record, childrenRecordName);
 
         if (_Array$isArray(children) && children.length) {
           childrenRowKeys.push(...this.getAllRowKeys(children));
@@ -841,7 +856,7 @@ class TableFoundation extends BaseFoundation {
 
 
   hasRowSelected(selectedRowKeys, allRowKeysSet) {
-    return Boolean(_Array$isArray(selectedRowKeys) && selectedRowKeys.length && isSet(allRowKeysSet) && allRowKeysSet.size && _filterInstanceProperty(selectedRowKeys).call(selectedRowKeys, key => allRowKeysSet.has(key)).length);
+    return Boolean(_Array$isArray(selectedRowKeys) && selectedRowKeys.length && _isSet(allRowKeysSet) && allRowKeysSet.size && _filterInstanceProperty(selectedRowKeys).call(selectedRowKeys, key => allRowKeysSet.has(key)).length);
   }
   /**
    * expand processing function
@@ -922,7 +937,7 @@ class TableFoundation extends BaseFoundation {
 
 
   allIsSelected(selectedRowKeysSet, disabledRowKeysSet, allKeys) {
-    const filteredAllKeys = filter(allKeys, key => key != null && !disabledRowKeysSet.has(key));
+    const filteredAllKeys = _filter(allKeys, key => key != null && !disabledRowKeysSet.has(key));
 
     if (filteredAllKeys && filteredAllKeys.length) {
       for (const key of filteredAllKeys) {
@@ -957,7 +972,9 @@ class TableFoundation extends BaseFoundation {
     let pagination = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let defaultPageText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     let info = '';
-    const formatPageText = get(this.getProp('pagination'), 'formatPageText');
+
+    const formatPageText = _get(this.getProp('pagination'), 'formatPageText');
+
     const {
       total,
       pageSize,
@@ -1041,12 +1058,15 @@ class TableFoundation extends BaseFoundation {
     let queries = this.getState('queries');
     let curQuery = null;
     queries = [...queries];
-    each(queries, (query, idx, arr) => {
+
+    _each(queries, (query, idx, arr) => {
       if (query.sorter) {
         const sorterObj = _Object$assign({}, query);
 
-        const stateSortOrder = get(sorterObj, 'sortOrder');
-        const defaultSortOrder = get(sorterObj, 'defaultSortOrder', false);
+        const stateSortOrder = _get(sorterObj, 'sortOrder');
+
+        const defaultSortOrder = _get(sorterObj, 'defaultSortOrder', false);
+
         let querySortOrder = this.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
 
         if (dataIndex && dataIndex === sorterObj.dataIndex) {
@@ -1099,7 +1119,7 @@ class TableFoundation extends BaseFoundation {
     queries = queries || this.getState('queries');
 
     if (dataIndex != null) {
-      return find(queries, query => query.dataIndex === dataIndex);
+      return _find(queries, query => query.dataIndex === dataIndex);
     }
 
     return undefined;

package/lib/es/table/table.css

@@ -111,7 +111,7 @@
   user-select: none;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
-  z-index: 1;
+  z-index: 101;
   position: sticky;
   background-color: var(--semi-color-bg-2);
 }
@@ -225,7 +225,7 @@
   background-color: var(--semi-color-fill-0);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right {
-  z-index: 1;
+  z-index: 101;
   position: sticky;
   background-color: var(--semi-color-bg-2);
 }

package/lib/es/table/table.scss

@@ -104,7 +104,7 @@ $module: #{$prefix}-table;
 
                     &-left,
                     &-right {
-                        z-index: 1;
+                        z-index: $z-table_fixed_column;
                         position: sticky;
                         background-color: $color-table-bg-default;
 
@@ -247,7 +247,7 @@ $module: #{$prefix}-table;
 
                 &-left,
                 &-right {
-                    z-index: 1;
+                    z-index: $z-table_fixed_column;;
                     position: sticky;
                     background-color: $color-table-bg-default;
                 }