@douyinfe/semi-foundation 2.24.3 → 2.25.0-alpha.0

package/lib/cjs/switch/switch.css

@@ -51,15 +51,25 @@
 .semi-switch-disabled:active {
   background-color: transparent;
 }
+.semi-switch-disabled:active .semi-switch-knob {
+  width: 18px;
+}
 .semi-switch-disabled .semi-switch-knob {
   cursor: not-allowed;
   box-shadow: none;
   border: 1px var(--semi-color-border) solid;
 }
+.semi-switch-disabled .semi-switch-native-control {
+  pointer-events: none;
+  cursor: not-allowed;
+}
 .semi-switch-disabled.semi-switch-checked {
   border-color: transparent;
   background-color: var(--semi-color-success-disabled);
 }
+.semi-switch-disabled.semi-switch-checked:active .semi-switch-knob {
+  transform: translateX(18px);
+}
 .semi-switch-disabled.semi-switch-checked .semi-switch-knob {
   box-shadow: none;
   border: none;

package/lib/cjs/switch/switch.scss

@@ -25,9 +25,7 @@ $module: #{$prefix}-switch;
 
     &:active {
         border: $border-thickness-control $color-switch_default-bg-active solid;
-
         .#{$module}-knob {
-            // width: $knob-size + $knob-active-expand;
             width: $width-switch_knob_active;
         }
     }
@@ -69,6 +67,9 @@ $module: #{$prefix}-switch;
 
         &:active {
             background-color: $color-switch_disabled-bg-active;
+            .#{$module}-knob {
+                width: $width-switch_knob_default;
+            }
         }
 
         .#{$module}-knob {
@@ -76,10 +77,20 @@ $module: #{$prefix}-switch;
             @include shadow-0;
             border: $width-switch_knob_disabled-border $color-switch_knob-border-default solid;
         }
+        
+        .#{$module}-native-control {
+            pointer-events: none;
+            cursor: not-allowed;
+        }
 
         &.#{$module}-checked {
             border-color: $color-switch_checked_disabled-border-default;
             background-color: $color-switch_checked_disabled-bg-default;
+            &:active {
+                .#{$module}-knob {
+                    transform: translateX($spacing-switch_checked-translateX);
+                }
+            }
             .#{$module}-knob {
                 @include shadow-0;
                 border: none;

package/lib/cjs/table/bodyFoundation.js

@@ -4,55 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-
 var _findLastIndex2 = _interopRequireDefault(require("lodash/findLastIndex"));
-
 var _isMap2 = _interopRequireDefault(require("lodash/isMap"));
-
 var _includes2 = _interopRequireDefault(require("lodash/includes"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _constants = require("./constants");
-
 var _utils = require("./utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class TableBodyFoundation extends _foundation.default {
   init() {
     this.initVirtualizedData();
     this.initExpandBtnShouldInRow();
   }
-
   destroy() {
     this.unobserveBodyResize();
   }
-
   initVirtualizedData(cb) {
     this._adapter.setVirtualizedData(this.flattenData(this.getProp('dataSource')), cb);
   }
-
   initExpandBtnShouldInRow(newExpandRelatedProps) {
     const props = this.getProps(); // TODO check: this._adapter.getProps -> this.getProps
-
     const cachedExpandBtnShouldInRow = (0, _utils.expandBtnShouldInRow)(props);
-
     this._adapter.setCachedExpandBtnShouldInRow(cachedExpandBtnShouldInRow);
-
     if (!(0, _isObject2.default)(newExpandRelatedProps) && !newExpandRelatedProps) {
-      const expandRelatedProps = _constants.strings.EXPAND_RELATED_PROPS; // eslint-disable-next-line no-param-reassign
-
+      const expandRelatedProps = _constants.strings.EXPAND_RELATED_PROPS;
       newExpandRelatedProps = expandRelatedProps.map(key => (0, _get2.default)(props, key, undefined));
     }
-
     this._adapter.setCachedExpandRelatedProps(newExpandRelatedProps);
   }
-
   flattenData() {
     let dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -66,11 +47,9 @@ class TableBodyFoundation extends _foundation.default {
       expandedRowKeys,
       groups
     } = this.getProps();
-
     if (level === 0 && (0, _isMap2.default)(groups)) {
       groups.forEach((set, key) => {
         const firstIndex = dataSource.findIndex(record => set.has((0, _utils.getRecordKey)(record, rowKey)));
-
         if (firstIndex > -1) {
           const lastIndex = (0, _findLastIndex2.default)(dataSource, record => set.has((0, _utils.getRecordKey)(record, rowKey)));
           const expanded = (0, _includes2.default)(expandedRowKeys, key);
@@ -82,7 +61,6 @@ class TableBodyFoundation extends _foundation.default {
             groupKey: key,
             expanded
           });
-
           if (expanded) {
             flattenData.push(...this.flattenData(dataSource.slice(firstIndex, lastIndex + 1), level + 1, [...parentKeys], [...childrenKeys]));
           }
@@ -92,11 +70,9 @@ class TableBodyFoundation extends _foundation.default {
       dataSource.forEach((record, index) => {
         const recordKey = (0, _utils.getRecordKey)(record, rowKey);
         const children = (0, _utils.getRecordChildren)(record, childrenRecordName);
-
         if (level) {
           childrenKeys.push(recordKey);
         }
-
         const item = {
           key: recordKey,
           record,
@@ -106,7 +82,6 @@ class TableBodyFoundation extends _foundation.default {
         };
         flattenData.push(item);
         const extras = [];
-
         if ((0, _includes2.default)(expandedRowKeys, recordKey)) {
           if (Array.isArray(children) && children.length) {
             extras.push(...this.flattenData(children, level + 1, [...item.parentKeys], [...item.childrenKeys]));
@@ -118,34 +93,26 @@ class TableBodyFoundation extends _foundation.default {
               record
             });
           }
-
           flattenData.push(...extras);
         }
       });
     }
-
     return flattenData;
   }
   /**
    * Use ResizeObserver to monitor changes in the size of the body content area, and notify Table to recalculate if it changes. columns #1219
    * (Only monitor the scroll.y scene, other scenes are not monitored, because the header of the scroll.y scene is a separate table, and a scrollbar column will be inserted)
    */
-
-
   observeBodyResize(bodyDOM) {
     const {
       scroll
     } = this.getProps(); // TODO check: this._adapter.getProps -> this.getProps
-
     if ((0, _get2.default)(scroll, 'y')) {
       return this._adapter.observeBodyResize(bodyDOM);
     }
   }
-
   unobserveBodyResize() {
     return this._adapter.unobserveBodyResize();
   }
-
 }
-
 exports.default = TableBodyFoundation;

package/lib/cjs/table/cellFoundation.js

@@ -4,16 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class TableCellFoundation extends _foundation.default {
   handleClick(e) {
     this._adapter.notifyClick(this.getProp('record'), e);
   }
-
 }
-
 exports.default = TableCellFoundation;

package/lib/cjs/table/constants.d.ts

@@ -73,6 +73,5 @@ declare const numbers: {
     readonly DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT: number;
-    readonly DEFAULT_EMPTYSLOT_HEIGHT: 52;
 };
 export { cssClasses, strings, numbers };

package/lib/cjs/table/constants.js

@@ -4,18 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
-/* eslint-disable max-len */
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-table"),
-  TABLE: "".concat(_constants.BASE_CLASS_PREFIX, "-table"),
-  WRAP: "".concat(_constants.BASE_CLASS_PREFIX, "-table-wrapper"),
-  THEAD: "".concat(_constants.BASE_CLASS_PREFIX, "-table-thead"),
-  TR: "".concat(_constants.BASE_CLASS_PREFIX, "-table-row"),
-  TH: "".concat(_constants.BASE_CLASS_PREFIX, "-table-row-head"),
-  TD: "".concat(_constants.BASE_CLASS_PREFIX, "-table-row-cell")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-table`,
+  TABLE: `${_constants.BASE_CLASS_PREFIX}-table`,
+  WRAP: `${_constants.BASE_CLASS_PREFIX}-table-wrapper`,
+  THEAD: `${_constants.BASE_CLASS_PREFIX}-table-thead`,
+  TR: `${_constants.BASE_CLASS_PREFIX}-table-row`,
+  TH: `${_constants.BASE_CLASS_PREFIX}-table-row-head`,
+  TD: `${_constants.BASE_CLASS_PREFIX}-table-row-cell`
 };
 exports.cssClasses = cssClasses;
 const strings = {
@@ -67,14 +64,13 @@ const DEFAULT_CELL_MIDDLE_PADDING_BOTTOM = 12;
 const DEFAULT_CELL_SMALL_PADDING_TOP = 8;
 const DEFAULT_CELL_SMALL_PADDING_BOTTOM = 8;
 const DEFAULT_CELL_LINE_HEIGHT = 20;
-const DEFAULT_EMPTYSLOT_HEIGHT = 52; // normal size
-
+// normal size
 const DEFAULT_VIRTUALIZED_ROW_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM;
-const DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT = DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM; // middle  size
-
+const DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT = DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM;
+// middle  size
 const DEFAULT_VIRTUALIZED_ROW_MIDDLE_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_MIDDLE_PADDING_TOP + DEFAULT_CELL_MIDDLE_PADDING_BOTTOM;
-const DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT = DEFAULT_CELL_MIDDLE_PADDING_TOP + DEFAULT_CELL_MIDDLE_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM; // small size
-
+const DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT = DEFAULT_CELL_MIDDLE_PADDING_TOP + DEFAULT_CELL_MIDDLE_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM;
+// small size
 const DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_SMALL_PADDING_BOTTOM + DEFAULT_CELL_SMALL_PADDING_TOP;
 const DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT = DEFAULT_CELL_SMALL_PADDING_TOP + DEFAULT_CELL_SMALL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM;
 const numbers = {
@@ -103,7 +99,6 @@ const numbers = {
   DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT,
   DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
   DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
-  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT,
-  DEFAULT_EMPTYSLOT_HEIGHT
+  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT
 };
 exports.numbers = numbers;

package/lib/cjs/table/foundation.d.ts

@@ -32,6 +32,7 @@ export interface BaseColumnProps<RecordType> {
     title?: any;
     useFullRender?: boolean;
     width?: string | number;
+    ellipsis?: BaseEllipsis;
 }
 export interface TableAdapter<RecordType> extends DefaultAdapter {
     resetScrollY: () => void;
@@ -54,6 +55,9 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     getCachedFilteredSortedDataSource: () => RecordType[];
     getCachedFilteredSortedRowKeys: () => BaseRowKeyType[];
     getCachedFilteredSortedRowKeysSet: () => Set<BaseRowKeyType>;
+    setAllDisabledRowKeys: (allDisabledRowKeys: BaseRowKeyType[]) => void;
+    getAllDisabledRowKeys: () => BaseRowKeyType[];
+    getAllDisabledRowKeysSet: () => Set<BaseRowKeyType>;
     notifyFilterDropdownVisibleChange: (visible: boolean, dataIndex: string) => void;
     notifyChange: (changeInfo: {
         pagination: BasePagination;
@@ -78,6 +82,7 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     getHandleColumns: () => (queries: BaseColumnProps<RecordType>[], cachedColumns: BaseColumnProps<RecordType>[]) => BaseColumnProps<RecordType>[];
     getMergePagination: () => (pagination: BasePagination) => BasePagination;
     setBodyHasScrollbar: (bodyHasScrollBar: boolean) => void;
+    getTableLayout: () => 'fixed' | 'auto';
 }
 declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType>> {
     memoizedWithFnsColumns: (queries: BaseColumnProps<RecordType>[], cachedColumns: BaseColumnProps<RecordType>[], rowSelectionUpdate: boolean, hideExpandedColumn: boolean, bodyHasScrollBar: boolean) => BaseColumnProps<RecordType>[];
@@ -159,16 +164,15 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
      */
     setCachedFilteredSortedDataSource: (filteredSortedDataSource: RecordType[]) => void;
     destroy(): void;
+    setAllDisabledRowKeys(disabledRowKeys: any): void;
     handleClick(e: any): void;
     handleMouseEnter(e: any): void;
     handleMouseLeave(e: any): void;
     stopPropagation(e: any): void;
     /**
      * Add non-repeating elements to the array itself
-     * @param {Array} srcArr
-     * @param {Object} objArrs
      */
-    _addNoDuplicatedItemsToArr(srcArr?: any[], ...objArrs: any[]): any[];
+    _addNoDuplicatedItemsToArr(srcArr?: any[], ...objArrs: any[][]): any[];
     _notifyChange(pagination: BasePagination, filters?: BaseChangeInfoFilter<RecordType>[], sorter?: BaseChangeInfoSorter<RecordType>, extra?: RecordType): void;
     _rowExpansionIsControlled(): boolean;
     _pagerIsControlled(): boolean;
@@ -194,6 +198,9 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
     _getRecord(realKey: string | number): any;
     _getRecordChildren(record: RecordType): any;
     _getPagination(): any;
+    /**
+     * Filters are considered valid if filteredValue exists
+     */
     _getAllFilters(queries?: BaseColumnProps<RecordType>[]): BaseChangeInfoFilter<RecordType>[];
     _getAllSorters(queries?: BaseColumnProps<RecordType>[]): BaseColumnProps<RecordType>[];
     _filterQueries(targetQuery: BaseColumnProps<RecordType>, queries: BaseColumnProps<RecordType>[], keys?: string[]): {
@@ -287,7 +294,7 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
     setBodyHasScrollbar(bodyHasScrollbar: boolean): void;
     isSortOrderValid: (sortOrder: BaseSortOrder) => boolean;
 }
-export declare type BaseRowKeyType = string | number;
+export type BaseRowKeyType = string | number;
 export interface BasePagination {
     total?: number;
     currentPage?: number;
@@ -308,17 +315,17 @@ export interface BasePageData<RecordType> {
     allRowKeys?: BaseRowKeyType[];
     queries?: BaseColumnProps<RecordType>[];
 }
-export declare type GetCheckboxProps<RecordType> = (record?: RecordType) => BaseCheckboxProps;
-export declare type BaseGroupBy<RecordType> = string | number | BaseGroupByFn<RecordType>;
-export declare type BaseGroupByFn<RecordType> = (record?: RecordType) => string | number;
+export type GetCheckboxProps<RecordType> = (record?: RecordType) => BaseCheckboxProps;
+export type BaseGroupBy<RecordType> = string | number | BaseGroupByFn<RecordType>;
+export type BaseGroupByFn<RecordType> = (record?: RecordType) => string | number;
 export interface BaseSorterInfo<RecordType> {
     [x: string]: any;
     dataIndex?: string;
     sortOrder?: BaseSortOrder;
     sorter?: BaseSorter<RecordType>;
 }
-export declare type BaseSortOrder = boolean | ArrayElement<typeof strings.SORT_DIRECTIONS>;
-export declare type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType) => number);
+export type BaseSortOrder = boolean | ArrayElement<typeof strings.SORT_DIRECTIONS>;
+export type BaseSorter<RecordType> = boolean | ((a?: RecordType, b?: RecordType, sortOrder?: 'ascend' | 'descend') => number);
 export interface BaseChangeInfoFilter<RecordType> {
     dataIndex?: string;
     value?: any;
@@ -335,18 +342,18 @@ export interface BaseFilter {
     text?: any;
     children?: BaseFilter[];
 }
-export declare type BaseFixed = ArrayElement<typeof strings.FIXED_SET>;
-export declare type BaseAlign = ArrayElement<typeof strings.ALIGNS>;
-export declare type BaseOnCell<RecordType> = (record?: RecordType, rowIndex?: number) => BaseOnCellReturnObject;
+export type BaseFixed = ArrayElement<typeof strings.FIXED_SET>;
+export type BaseAlign = ArrayElement<typeof strings.ALIGNS>;
+export type BaseOnCell<RecordType> = (record?: RecordType, rowIndex?: number) => BaseOnCellReturnObject;
 export interface BaseOnCellReturnObject {
     [x: string]: any;
     style?: Record<string, any>;
     className?: string;
     onClick?: (e: any) => void;
 }
-export declare type BaseOnFilter<RecordType> = (filteredValue?: any, record?: RecordType) => boolean;
-export declare type BaseOnFilterDropdownVisibleChange = (visible?: boolean) => void;
-export declare type BaseOnHeaderCell<RecordType> = (record?: RecordType, columnIndex?: number) => BaseOnHeaderCellReturnObject;
+export type BaseOnFilter<RecordType> = (filteredValue?: any, record?: RecordType) => boolean;
+export type BaseOnFilterDropdownVisibleChange = (visible?: boolean) => void;
+export type BaseOnHeaderCell<RecordType> = (record?: RecordType, columnIndex?: number) => BaseOnHeaderCellReturnObject;
 export interface BaseOnHeaderCellReturnObject {
     [x: string]: any;
     style?: Record<string, any>;
@@ -359,7 +366,10 @@ export interface BaseChangeInfoSorter<RecordType> {
     sortOrder: BaseSortOrder;
     sorter: BaseSorter<RecordType>;
 }
-export declare type BaseIncludeGroupRecord<RecordType> = RecordType | {
+export type BaseIncludeGroupRecord<RecordType> = RecordType | {
     groupKey: string;
 };
+export type BaseEllipsis = boolean | {
+    showTitle: boolean;
+};
 export default TableFoundation;