@douyinfe/semi-foundation 2.36.0-beta.0 → 2.36.0

package/lib/es/table/tableRowFoundation.js

@@ -1,29 +1,22 @@
-import BaseFoundation from '../base/foundation'; // eslint-disable-next-line max-len
-
+import BaseFoundation from '../base/foundation';
+// eslint-disable-next-line max-len
 export default class TableRowFoundation extends BaseFoundation {
   handleClick(e) {
     const {
       expanded,
       rowKey
     } = this.getProps();
-
     this._adapter.notifyClick(rowKey, e, expanded);
   }
-
   handleDoubleClick(e) {
     this._adapter.notifyDoubleClick(this.getProp('record'), e);
   }
-
   handleMouseEnter(e) {
     const record = this.getProp('record');
-
     this._adapter.notifyMouseEnter(record, e);
   }
-
   handleMouseLeave(e) {
     const record = this.getProp('record');
-
     this._adapter.notifyMouseLeave(record, e);
   }
-
 }

package/lib/es/table/tableSelectionCellFoundation.js

@@ -2,8 +2,6 @@ import BaseFoundation from '../base/foundation';
 export default class TableSelectionCellFoundation extends BaseFoundation {
   handleChange(e) {
     const value = e.target.checked;
-
     this._adapter.notifyChange(value, e);
   }
-
 }

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

@@ -62,7 +62,7 @@ export declare function getAllLevelColumns(columns: Record<string, any>[], child
 export declare function getColumnByLevelIndex(columns: Record<string, any>[], index: number, level?: number, childrenColumnName?: string): any;
 export declare function findColumn(columns: Record<string, any>[], column: Record<string, any>, childrenColumnName?: string): any;
 export declare function expandBtnShouldInRow(props: ExpandBtnShouldInRowProps): boolean;
-export declare type ExpandBtnShouldInRowProps = {
+export type ExpandBtnShouldInRowProps = {
     expandedRowRender: (record?: Record<string, any>, index?: number, expanded?: boolean) => any;
     dataSource: Record<string, any>[];
     hideExpandedColumn: boolean;
@@ -152,4 +152,4 @@ export declare function isTreeTable({ dataSource, childrenRecordName }: {
     childrenRecordName?: string;
 }): boolean;
 export declare function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.ALIGNS[number];
-export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): any;
+export declare function shouldShowEllipsisTitle(ellipsis: BaseEllipsis): true;

package/lib/es/table/utils.js

@@ -8,6 +8,9 @@ import _find from "lodash/find";
 import _filter from "lodash/filter";
 import _get from "lodash/get";
 import _isEqualWith from "lodash/isEqualWith";
+/* eslint-disable max-len */
+/* eslint-disable no-param-reassign */
+/* eslint-disable eqeqeq */
 import { strings, numbers } from './constants';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 import Logger from '../utils/Logger';
@@ -16,33 +19,26 @@ export function equalWith(value, other, customizer) {
     if (typeof objVal === 'function' && typeof othVal === 'function') {
       return _toString(objVal) === _toString(othVal);
     }
-
     if (typeof customizer === 'function') {
       for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
         rest[_key - 2] = arguments[_key];
       }
-
       return customizer(objVal, othVal, ...rest);
-    } // If customizer returns undefined, comparisons are handled by isEqual instead
-
-
+    }
+    // If customizer returns undefined, comparisons are handled by isEqual instead
     return undefined;
   });
 }
 export function getColumnKey(column, keyPropNames) {
   keyPropNames = Array.isArray(keyPropNames) ? keyPropNames : ['key', 'dataIndex'];
   let key = null;
-
   _each(keyPropNames, propName => {
     key = _get(column, propName);
-
     if (key != null) {
       return false;
     }
-
     return undefined;
   });
-
   return key;
 }
 /**
@@ -52,7 +48,6 @@ export function getColumnKey(column, keyPropNames) {
  * @param {number} [endIndex] end index, not included
  * @returns {number}
  */
-
 export function arrayAdd() {
   let arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let beginIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -60,40 +55,30 @@ export function arrayAdd() {
   beginIndex = beginIndex < 0 || typeof beginIndex !== 'number' ? 0 : beginIndex;
   endIndex = endIndex > arr.length || typeof endIndex !== 'number' ? arr.length : endIndex;
   let result = 0;
-
   _each(arr, (value, index) => {
     if (index >= beginIndex && index < endIndex) {
       result += typeof value === 'number' && !isNaN(value) ? value : 0;
     }
   });
-
   return result;
 }
 export function isLastLeftFixed(columns, column) {
   let checkKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['key'];
-
   const leftFixedColumns = _filter(columns, col => col.fixed === true || col.fixed === 'left');
-
   const index = _findIndex(leftFixedColumns, col => checkKeys.every(key => col[key] != null && col[key] === column[key]));
-
   return leftFixedColumns.length > 0 && index === leftFixedColumns.length - 1;
 }
 export function isFirstFixedRight(columns, column) {
   let checkKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['key'];
-
   const rightFixedColumns = _filter(columns, col => col.fixed === 'right');
-
   const index = _findIndex(rightFixedColumns, col => checkKeys.every(key => col[key] != null && col[key] === column[key]));
-
   return rightFixedColumns.length > 0 && index === 0;
 }
 export function isAnyFixed(columns) {
   let fixedSet = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['left', true, 'right'];
-
   if (typeof fixedSet === 'string' || typeof fixedSet === 'boolean') {
     fixedSet = [fixedSet];
   }
-
   return fixedSet.length > 0 && _some(columns, col => fixedSet.includes(col.fixed));
 }
 export function isAnyFixedRight(columns) {
@@ -129,14 +114,11 @@ export function filterColumns(columns) {
  * @param {Array} columns
  * @returns {Number|undefined}
  */
-
 export function getScrollbarColumnWidth() {
   let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   const len = columns.length;
-
   if (len) {
     const lastColumn = columns[len - 1];
-
     if (_get(lastColumn, 'key') === strings.DEFAULT_KEY_COLUMN_SCROLLBAR) {
       return _get(lastColumn, 'width', 0);
     }
@@ -146,7 +128,6 @@ export function getRecordKey(record, rowKey) {
   if (rowKey === undefined) {
     rowKey = 'key';
   }
-
   return typeof rowKey === 'function' ? rowKey(record) : _get(record, rowKey);
 }
 /**
@@ -154,7 +135,6 @@ export function getRecordKey(record, rowKey) {
  * @param {*} expandedRowKeys
  * @param {*} key
  */
-
 export function isExpanded(expandedRowKeys, key) {
   return key != null && _includes(expandedRowKeys, key);
 }
@@ -163,7 +143,6 @@ export function isExpanded(expandedRowKeys, key) {
  * @param {Set} selectedRowKeysSet
  * @param {String} key
  */
-
 export function isSelected(selectedRowKeysSet, key) {
   return key !== null && selectedRowKeysSet.has(key);
 }
@@ -172,7 +151,6 @@ export function isSelected(selectedRowKeysSet, key) {
  * @param {Set} disabledRowKeysSet
  * @param {String} key
  */
-
 export function isDisabled(disabledRowKeysSet, key) {
   return key !== null && disabledRowKeysSet.has(key);
 }
@@ -180,31 +158,26 @@ export function getRecord(data, recordKey, rowKey) {
   if (rowKey === undefined) {
     rowKey = 'key';
   }
-
   return _find(data, record => recordKey != null && recordKey !== '' && getRecordKey(record, rowKey) === recordKey);
 }
 export function getRecordChildren(record, childrenRecordName) {
   if (childrenRecordName === undefined) {
     childrenRecordName = 'children';
   }
-
   return _get(record, childrenRecordName);
 }
 export function genExpandedRowKey() {
   let recordKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let suffix = arguments.length > 1 ? arguments[1] : undefined;
-
   if (suffix === undefined) {
     suffix = '__expanded_row';
   }
-
   return recordKey + suffix;
 }
 export function getDefaultVirtualizedRowConfig() {
   let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let sectionRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   const config = {};
-
   if (size === 'small') {
     config.height = sectionRow ? numbers.DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT : numbers.DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT;
     config.minHeight = numbers.DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT;
@@ -215,13 +188,11 @@ export function getDefaultVirtualizedRowConfig() {
     config.height = sectionRow ? numbers.DEFAULT_VIRTUALIZED_SECTION_ROW_HEIGHT : numbers.DEFAULT_VIRTUALIZED_ROW_HEIGHT;
     config.minHeight = numbers.DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT;
   }
-
   return config;
 }
 export function flattenColumns(cols) {
   let childrenColumnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
   const list = [];
-
   if (Array.isArray(cols) && cols.length) {
     for (const col of cols) {
       if (Array.isArray(col[childrenColumnName]) && col[childrenColumnName].length) {
@@ -232,31 +203,25 @@ export function flattenColumns(cols) {
       }
     }
   }
-
   return list;
 }
 export function assignColumnKeys(columns) {
   let childrenColumnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
   let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   const sameLevelCols = [];
-
   _each(columns, (column, index) => {
     if (column.key == null) {
       // if user give column a dataIndex, use it for backup
       const _index = column.dataIndex || index;
-
       column.key = `${level}-${_index}`;
     }
-
     if (Array.isArray(column[childrenColumnName]) && column[childrenColumnName].length) {
       sameLevelCols.push(...column[childrenColumnName]);
     }
   });
-
   if (sameLevelCols.length) {
     assignColumnKeys(sameLevelCols, childrenColumnName, level + 1);
   }
-
   return columns;
 }
 export function sliceColumnsByLevel(columns) {
@@ -264,11 +229,9 @@ export function sliceColumnsByLevel(columns) {
   let childrenColumnName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
   let currentLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   const slicedColumns = [];
-
   if (Array.isArray(columns) && columns.length && currentLevel <= targetLevel) {
     columns.forEach(column => {
       const children = column[childrenColumnName];
-
       if (Array.isArray(children) && children.length && currentLevel < targetLevel) {
         slicedColumns.push(...sliceColumnsByLevel(children, targetLevel, childrenColumnName, currentLevel + 1));
       } else {
@@ -276,7 +239,6 @@ export function sliceColumnsByLevel(columns) {
       }
     });
   }
-
   return slicedColumns;
 }
 export function getColumnsByLevel(columns) {
@@ -284,7 +246,6 @@ export function getColumnsByLevel(columns) {
   let targetColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   let currentLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   let childrenColumnName = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'children';
-
   if (Array.isArray(columns) && columns.length) {
     if (targetLevel === currentLevel) {
       targetColumns.push(...columns);
@@ -294,29 +255,24 @@ export function getColumnsByLevel(columns) {
       });
     }
   }
-
   return targetColumns;
 }
 export function getAllLevelColumns(columns) {
   let childrenColumnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
   const all = [];
-
   if (Array.isArray(columns) && columns.length) {
     all.push([...columns]);
     const sameLevelColumns = [];
     columns.forEach(column => {
       const children = column[childrenColumnName];
-
       if (Array.isArray(children) && children.length) {
         sameLevelColumns.push(...children);
       }
     });
-
     if (sameLevelColumns.length) {
       all.push(sameLevelColumns);
     }
   }
-
   return all;
 }
 export function getColumnByLevelIndex(columns, index) {
@@ -328,25 +284,20 @@ export function getColumnByLevelIndex(columns, index) {
 export function findColumn(columns, column) {
   let childrenColumnName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
   let found;
-
   _each(columns, item => {
     if (item && item.key != null && !found) {
       if (item.key === column.key) {
         found = item;
       }
     }
-
     if (item && Array.isArray(item[childrenColumnName]) && !found) {
       found = findColumn(item[childrenColumnName], column, childrenColumnName);
     }
-
     if (found) {
       return false;
     }
-
     return undefined;
   });
-
   return found;
 }
 export function expandBtnShouldInRow(props) {
@@ -360,7 +311,6 @@ export function expandBtnShouldInRow(props) {
   const hasExpandedRowRender = typeof expandedRowRender === 'function';
   return hideExpandedColumn && hasExpandedRowRender || !hasExpandedRowRender && dataSource.some(record => {
     const children = _get(record, childrenRecordName);
-
     if (Array.isArray(children) && children.length || rowExpandable(record)) {
       return true;
     } else {
@@ -373,27 +323,21 @@ export function expandBtnShouldInRow(props) {
  * @param {*} query
  * @param {*} queries
  */
-
 export function mergeQueries(query) {
   let queries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
   let _mergedQuery;
-
   const idx = queries.findIndex(item => {
     if (query.dataIndex === item.dataIndex) {
       _mergedQuery = Object.assign(Object.assign({}, item), query);
       return true;
     }
-
     return false;
   });
-
   if (idx > -1) {
     queries.splice(idx, 1, _mergedQuery);
   } else {
     queries.push(_mergedQuery);
   }
-
   return [...queries];
 }
 /**
@@ -401,29 +345,23 @@ export function mergeQueries(query) {
  * @param {Object[]} columns columns retain the column width after resize
  * @param {Object[]} newColumns
  */
-
 export function withResizeWidth(columns, newColumns) {
   const _newColumns = Object.assign({}, newColumns);
-
   for (const column of columns) {
     if (!isNullOrUndefined(column.width)) {
       const currentColumn = column.key;
-
       const columnIndex = _findIndex(_newColumns, item => item.key === currentColumn);
-
       if (columnIndex !== -1) {
         _newColumns[columnIndex].width = _get(column, 'width');
       }
     }
   }
-
   return _newColumns;
 }
 /**
  * Pure function version of the same function in table foundation
  * This is not accessible in getDerivedStateFromProps, so fork one out
  */
-
 export function getAllDisabledRowKeys(_ref) {
   let {
     dataSource,
@@ -432,18 +370,14 @@ export function getAllDisabledRowKeys(_ref) {
     rowKey
   } = _ref;
   const disabledRowKeys = [];
-
   if (Array.isArray(dataSource) && dataSource.length && typeof getCheckboxProps === 'function') {
     for (const record of dataSource) {
       const props = getCheckboxProps(record);
       const recordKey = typeof rowKey === 'function' ? rowKey(record) : _get(record, rowKey);
-
       if (props && props.disabled) {
         disabledRowKeys.push(recordKey);
       }
-
       const children = _get(record, childrenRecordName);
-
       if (Array.isArray(children) && children.length) {
         const keys = getAllDisabledRowKeys({
           dataSource: children,
@@ -453,7 +387,6 @@ export function getAllDisabledRowKeys(_ref) {
       }
     }
   }
-
   return disabledRowKeys;
 }
 export function warnIfNoDataIndex(column) {
@@ -465,7 +398,6 @@ export function warnIfNoDataIndex(column) {
       onFilter
     } = column;
     const logger = new Logger('[@douyinfe/semi-ui Table]');
-
     if ((Array.isArray(filters) || _isFunction(onFilter) || _isFunction(sorter)) && isNullOrUndefined(dataIndex)) {
       logger.warn(`The column with sorter or filter must pass the 'dataIndex' prop`);
     }
@@ -474,25 +406,21 @@ export function warnIfNoDataIndex(column) {
 /**
  * Whether is tree table
  */
-
 export function isTreeTable(_ref2) {
   let {
     dataSource,
     childrenRecordName = 'children'
   } = _ref2;
   let flag = false;
-
   if (Array.isArray(dataSource)) {
     for (const data of dataSource) {
       const children = _get(data, childrenRecordName);
-
       if (Array.isArray(children) && children.length) {
         flag = true;
         break;
       }
     }
   }
-
   return flag;
 }
 export function getRTLAlign(align, direction) {
@@ -500,19 +428,15 @@ export function getRTLAlign(align, direction) {
     switch (align) {
       case 'left':
         return 'right';
-
       case 'right':
         return 'left';
-
       default:
         return align;
     }
   }
-
   return align;
 }
 export function shouldShowEllipsisTitle(ellipsis) {
   const shouldShowTitle = ellipsis === true || _get(ellipsis, 'showTitle', true);
-
   return shouldShowTitle;
 }

package/lib/es/tabs/foundation.js

@@ -1,17 +1,14 @@
 import _noop from "lodash/noop";
 import _get from "lodash/get";
 import BaseFoundation from '../base/foundation';
-
 class TabsFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this.destroy = _noop;
-
     this.handlePrevent = event => {
       event.stopPropagation();
       event.preventDefault();
     };
-
     this.handleKeyDown = (event, itemKey, closable) => {
       const {
         preventScroll
@@ -19,7 +16,6 @@ class TabsFoundation extends BaseFoundation {
       const tabs = [...event.target.parentNode.childNodes].filter(item => {
         return _get(item, 'attributes.data-tabkey.value', '').includes('semiTab') && _get(item, 'attributes.aria-disabled.value', '') !== "true";
       });
-
       switch (event.key) {
         case "ArrowLeft":
         case "ArrowRight":
@@ -27,79 +23,62 @@ class TabsFoundation extends BaseFoundation {
         case "ArrowDown":
           this.determineOrientation(event, tabs);
           break;
-
         case "Backspace":
         case "Delete":
           this.handleDeleteKeyDown(event, tabs, itemKey, closable);
           break;
-
         case "Enter":
         case " ":
           this.handleTabClick(itemKey, event);
           this.handlePrevent(event);
           break;
-
         case "Home":
           tabs[0].focus({
             preventScroll
           }); // focus first tab
-
           this.handlePrevent(event);
           break;
-
         case "End":
           tabs[tabs.length - 1].focus({
             preventScroll
           }); // focus last tab
-
           this.handlePrevent(event);
           break;
       }
     };
   }
-
   init() {
     this._adapter.collectPane();
   }
-
   _notifyChange(activeKey) {
     const {
       activeKey: stateActiveKey
     } = this.getStates();
-
     if (stateActiveKey !== activeKey) {
       this._adapter.notifyChange(activeKey);
     }
   }
-
   handleTabClick(activeKey, event) {
     const isControlledComponent = this._isInProps('activeKey');
-
     if (isControlledComponent) {
       this._notifyChange(activeKey);
     } else {
       this._notifyChange(activeKey);
-
       this.handleNewActiveKey(activeKey);
     }
-
     this._adapter.notifyTabClick(activeKey, event);
   }
-
   handleNewActiveKey(activeKey) {
     const {
       activeKey: stateActiveKey
     } = this.getStates();
-
     if (stateActiveKey !== activeKey) {
       this._adapter.setNewActiveKey(activeKey);
     }
   }
-
   getDefaultActiveKey() {
     let activeKey;
     const props = this.getProps();
-
     if ('activeKey' in props) {
       activeKey = props.activeKey;
     } else if ('defaultActiveKey' in props) {
@@ -107,30 +86,23 @@ class TabsFoundation extends BaseFoundation {
     } else {
       activeKey = this._adapter.getDefaultActiveKeyFromChildren();
     }
-
     return activeKey;
   }
-
   handleTabListChange() {
     this._adapter.collectPane();
   }
-
   handleTabPanesChange() {
     this._adapter.collectPane();
-
     this._adapter.collectActiveKey();
   }
-
   handleTabDelete(tabKey) {
     this._adapter.notifyTabDelete(tabKey);
   }
-
   determineOrientation(event, tabs) {
     const {
       tabPosition
     } = this.getProps();
     const isVertical = tabPosition === 'left';
-
     if (isVertical) {
       if (event.key === "ArrowUp" || event.key === "ArrowDown") {
         this.switchTabOnArrowPress(event, tabs);
@@ -143,17 +115,15 @@ class TabsFoundation extends BaseFoundation {
       }
     }
   }
-
   handleDeleteKeyDown(event, tabs, itemKey, closable) {
     const {
       preventScroll
     } = this.getProps();
-
     if (closable) {
       this.handleTabDelete(itemKey);
-      const index = tabs.indexOf(event.target); // Move focus to next element after deletion
+      const index = tabs.indexOf(event.target);
+      // Move focus to next element after deletion
       // If the element is the last removable tab, focus to its previous tab
-
       if (tabs.length !== 1) {
         tabs[index + 1 >= tabs.length ? index - 1 : index + 1].focus({
           preventScroll
@@ -161,7 +131,6 @@ class TabsFoundation extends BaseFoundation {
       }
     }
   }
-
   switchTabOnArrowPress(event, tabs) {
     const {
       preventScroll
@@ -173,7 +142,6 @@ class TabsFoundation extends BaseFoundation {
       "ArrowRight": 1,
       "ArrowDown": 1
     };
-
     if (direction[event.key]) {
       if (index !== undefined) {
         if (tabs[index + direction[event.key]]) {
@@ -192,7 +160,6 @@ class TabsFoundation extends BaseFoundation {
       }
     }
   }
-
 }
 
 export default TabsFoundation;

package/lib/es/tagInput/foundation.d.ts

@@ -1,8 +1,8 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export declare type TagInputChangeEvent = any;
-export declare type TagInputCursorEvent = any;
-export declare type TagInputKeyboardEvent = any;
-export declare type TagInputMouseEvent = any;
+export type TagInputChangeEvent = any;
+export type TagInputCursorEvent = any;
+export type TagInputKeyboardEvent = any;
+export type TagInputMouseEvent = any;
 export interface OnSortEndProps {
     oldIndex: number;
     newIndex: number;