@douyinfe/semi-foundation 2.0.9-alpha.2 → 2.1.0-alpha.2

package/lib/es/table/utils.js

@@ -29,16 +29,12 @@ export function cloneDeep(value, customizer) {
   });
 }
 export function equalWith(value, other, customizer) {
-  return isEqualWith(value, other, function (objVal, othVal) {
+  return isEqualWith(value, other, (objVal, othVal, ...rest) => {
     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
 
@@ -60,11 +56,7 @@ export function getColumnKey(column, keyPropNames) {
   });
   return key;
 }
-export function mergeColumns() {
-  let oldColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let newColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let keyPropNames = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  let deep = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+export function mergeColumns(oldColumns = [], newColumns = [], keyPropNames = null, deep = true) {
   const finalColumns = [];
   const clone = deep ? cloneDeep : lodashClone;
   map(newColumns, newColumn => {
@@ -88,10 +80,7 @@ export function mergeColumns() {
  * @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;
-  let endIndex = arguments.length > 2 ? arguments[2] : undefined;
+export function arrayAdd(arr = [], beginIndex = 0, endIndex) {
   beginIndex = beginIndex < 0 || typeof beginIndex !== 'number' ? 0 : beginIndex;
   endIndex = endIndex > arr.length || typeof endIndex !== 'number' ? arr.length : endIndex;
   let result = 0;
@@ -102,21 +91,17 @@ export function arrayAdd() {
   });
   return result;
 }
-export function isLastLeftFixed(columns, column) {
-  let checkKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['key'];
+export function isLastLeftFixed(columns, column, checkKeys = ['key']) {
   const leftFixedColumns = filter(columns, col => col.fixed === true || col.fixed === 'left');
   const index = findIndex(leftFixedColumns, col => _everyInstanceProperty(checkKeys).call(checkKeys, 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'];
+export function isFirstFixedRight(columns, column, checkKeys = ['key']) {
   const rightFixedColumns = filter(columns, col => col.fixed === 'right');
   const index = findIndex(rightFixedColumns, col => _everyInstanceProperty(checkKeys).call(checkKeys, 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'];
-
+export function isAnyFixed(columns, fixedSet = ['left', true, 'right']) {
   if (typeof fixedSet === 'string' || typeof fixedSet === 'boolean') {
     fixedSet = [fixedSet];
   }
@@ -153,8 +138,7 @@ export function isScrollbarColumn(column) {
 export function isSelectionColumn(column) {
   return get(column, 'key') === strings.DEFAULT_KEY_COLUMN_SELECTION;
 }
-export function filterColumns(columns) {
-  let ignoreKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [strings.DEFAULT_KEY_COLUMN_SCROLLBAR];
+export function filterColumns(columns, ignoreKeys = [strings.DEFAULT_KEY_COLUMN_SCROLLBAR]) {
   return filter(columns, col => !_includesInstanceProperty(ignoreKeys).call(ignoreKeys, col.key));
 }
 /**
@@ -163,8 +147,7 @@ export function filterColumns(columns) {
  * @returns {Number|undefined}
  */
 
-export function getScrollbarColumnWidth() {
-  let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+export function getScrollbarColumnWidth(columns = []) {
   const len = columns.length;
 
   if (len) {
@@ -223,19 +206,14 @@ export function getRecordChildren(record, childrenRecordName) {
 
   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;
-
+export function genExpandedRowKey(recordKey = '', suffix) {
   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;
+export function getDefaultVirtualizedRowConfig(size = '', sectionRow = false) {
   const config = {};
 
   if (size === 'small') {
@@ -251,8 +229,7 @@ export function getDefaultVirtualizedRowConfig() {
 
   return config;
 }
-export function flattenColumns(cols) {
-  let childrenColumnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+export function flattenColumns(cols, childrenColumnName = 'children') {
   const list = [];
 
   if (_Array$isArray(cols) && cols.length) {
@@ -268,9 +245,7 @@ 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;
+export function assignColumnKeys(columns, childrenColumnName = 'children', level = 0) {
   const sameLevelCols = [];
   each(columns, (column, index) => {
     if (column.key == null) {
@@ -290,10 +265,7 @@ export function assignColumnKeys(columns) {
 
   return columns;
 }
-export function sliceColumnsByLevel(columns) {
-  let targetLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  let childrenColumnName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
-  let currentLevel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+export function sliceColumnsByLevel(columns, targetLevel = 0, childrenColumnName = 'children', currentLevel = 0) {
   const slicedColumns = [];
 
   if (_Array$isArray(columns) && columns.length && currentLevel <= targetLevel) {
@@ -310,12 +282,7 @@ export function sliceColumnsByLevel(columns) {
 
   return slicedColumns;
 }
-export function getColumnsByLevel(columns) {
-  let targetLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  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';
-
+export function getColumnsByLevel(columns, targetLevel = 0, targetColumns = [], currentLevel = 0, childrenColumnName = 'children') {
   if (_Array$isArray(columns) && columns.length) {
     if (targetLevel === currentLevel) {
       targetColumns.push(...columns);
@@ -328,8 +295,7 @@ export function getColumnsByLevel(columns) {
 
   return targetColumns;
 }
-export function getAllLevelColumns(columns) {
-  let childrenColumnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+export function getAllLevelColumns(columns, childrenColumnName = 'children') {
   const all = [];
 
   if (_Array$isArray(columns) && columns.length) {
@@ -351,14 +317,11 @@ export function getAllLevelColumns(columns) {
 
   return all;
 }
-export function getColumnByLevelIndex(columns, index) {
-  let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  let childrenColumnName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'children';
+export function getColumnByLevelIndex(columns, index, level = 0, childrenColumnName = 'children') {
   const allLevelColumns = getAllLevelColumns(columns, childrenColumnName);
   return allLevelColumns[level][index];
 }
-export function findColumn(columns, column) {
-  let childrenColumnName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+export function findColumn(columns, column, childrenColumnName = 'children') {
   let found;
   each(columns, item => {
     if (item && item.key != null && !found) {
@@ -404,9 +367,7 @@ export function expandBtnShouldInRow(props) {
  * @param {*} queries
  */
 
-export function mergeQueries(query) {
-  let queries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
+export function mergeQueries(query, queries = []) {
   let _mergedQuery;
 
   const idx = _findIndexInstanceProperty(queries).call(queries, item => {
@@ -453,13 +414,12 @@ export function withResizeWidth(columns, newColumns) {
  * This is not accessible in getDerivedStateFromProps, so fork one out
  */
 
-export function getAllDisabledRowKeys(_ref) {
-  let {
-    dataSource,
-    getCheckboxProps,
-    childrenRecordName,
-    rowKey
-  } = _ref;
+export function getAllDisabledRowKeys({
+  dataSource,
+  getCheckboxProps,
+  childrenRecordName,
+  rowKey
+}) {
   const disabledRowKeys = [];
 
   if (_Array$isArray(dataSource) && dataSource.length && typeof getCheckboxProps === 'function') {

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

@@ -1,10 +1,12 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 export interface TabsAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     collectPane: () => void;
+    collectActiveKey: () => void;
     notifyTabClick: (activeKey: string, event: any) => void;
     notifyChange: (activeKey: string) => void;
     setNewActiveKey: (activeKey: string) => void;
     getDefaultActiveKeyFromChildren: () => string;
+    notifyTabDelete: (tabKey: string) => void;
 }
 declare class TabsFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TabsAdapter<P, S>, P, S> {
     constructor(adapter: TabsAdapter<P, S>);
@@ -16,5 +18,6 @@ declare class TabsFoundation<P = Record<string, any>, S = Record<string, any>> e
     getDefaultActiveKey(): string;
     handleTabListChange(): void;
     handleTabPanesChange(): void;
+    handleTabDelete(tabKey: string): void;
 }
 export default TabsFoundation;

package/lib/es/tabs/foundation.js

@@ -68,15 +68,11 @@ class TabsFoundation extends BaseFoundation {
   handleTabPanesChange() {
     this._adapter.collectPane();
 
-    let activeKey = this.getState('activeKey');
-
-    if (typeof activeKey === 'undefined') {
-      activeKey = this._adapter.getDefaultActiveKeyFromChildren();
-    }
+    this._adapter.collectActiveKey();
+  }
 
-    if (typeof activeKey !== 'undefined') {
-      this.handleNewActiveKey(activeKey);
-    }
+  handleTabDelete(tabKey) {
+    this._adapter.notifyTabDelete(tabKey);
   }
 
 }

package/lib/es/tabs/tabs.css

@@ -40,6 +40,13 @@
   top: 3px;
   color: var(--semi-color-text-2);
 }
+.semi-tabs-bar .semi-tabs-tab .semi-icon-close {
+  margin-right: 0;
+  font-size: 14px;
+  color: var(--semi-color-text-2);
+  margin-left: 10px;
+  cursor: pointer;
+}
 .semi-tabs-bar .semi-tabs-tab:hover {
   color: var(--semi-color-text-0);
 }
@@ -53,7 +60,6 @@
   color: var(--semi-color-text-0);
 }
 .semi-tabs-bar .semi-tabs-tab-active, .semi-tabs-bar .semi-tabs-tab-active:hover {
-  color: var(--semi-color-text-0);
   cursor: default;
   font-weight: 600;
   color: var(--semi-color-text-0);
@@ -61,6 +67,12 @@
 .semi-tabs-bar .semi-tabs-tab-active .semi-icon, .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon {
   color: var(--semi-color-primary);
 }
+.semi-tabs-bar .semi-tabs-tab-active .semi-icon-close, .semi-tabs-bar .semi-tabs-tab-active:hover .semi-icon-close {
+  color: var(--semi-color-text-2);
+}
+.semi-tabs-bar .semi-tabs-tab-active .semi-icon-close:hover {
+  color: var(--semi-color-text-1);
+}
 .semi-tabs-bar .semi-tabs-tab-disabled {
   cursor: not-allowed;
   color: var(--semi-color-disabled-text);