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

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

@@ -0,0 +1,10 @@
+declare const cssClasses: {
+    PREFIX: string;
+};
+declare const strings: {
+    ALIGN_SET: string[];
+    SPACING_LOOSE: string;
+    SPACING_MEDIUM: string;
+    SPACING_TIGHT: string;
+};
+export { cssClasses, strings };

package/lib/cjs/space/constants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strings = exports.cssClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const cssClasses = {
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-space`
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  ALIGN_SET: ['start', 'end', 'center', 'baseline'],
+  SPACING_LOOSE: 'loose',
+  SPACING_MEDIUM: 'medium',
+  SPACING_TIGHT: 'tight'
+};
+exports.strings = strings;

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

@@ -0,0 +1,8 @@
+declare const cssClasses: {
+    PREFIX: string;
+};
+declare const strings: {
+    SIZE: string[];
+};
+declare const numbers: {};
+export { cssClasses, strings, numbers };

package/lib/cjs/spin/constants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strings = exports.numbers = exports.cssClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const PREFIX = `${_constants.BASE_CLASS_PREFIX}-spin`;
+const cssClasses = {
+  PREFIX
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  SIZE: ['small', 'middle', 'large']
+};
+exports.strings = strings;
+const numbers = {};
+exports.numbers = numbers;

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

@@ -0,0 +1,12 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface SpinAdapter extends Partial<DefaultAdapter> {
+    setLoading: (val: boolean) => void;
+}
+declare class SpinFoundation extends BaseFoundation<SpinAdapter> {
+    _timer: ReturnType<typeof setTimeout>;
+    static get spinDefaultAdapter(): SpinAdapter;
+    constructor(adapter: SpinAdapter);
+    updateLoadingIfNeedDelay(): void;
+    destroy(): void;
+}
+export default SpinFoundation;

package/lib/cjs/spin/foundation.js

@@ -0,0 +1,55 @@
+"use strict";
+
+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 SpinFoundation extends _foundation.default {
+  constructor(adapter) {
+    super(Object.assign(Object.assign({}, SpinFoundation.spinDefaultAdapter), adapter));
+  }
+
+  static get spinDefaultAdapter() {
+    return {
+      getProp: () => undefined,
+      setLoading: val => undefined
+    };
+  }
+
+  updateLoadingIfNeedDelay() {
+    const {
+      spinning: propsSpinning,
+      delay: propsDelay
+    } = this._adapter.getProps();
+
+    const {
+      delay
+    } = this._adapter.getStates();
+
+    if (delay) {
+      const self = this;
+      this._timer = setTimeout(() => {
+        self._adapter.setState({
+          loading: propsSpinning,
+          delay: 0
+        });
+      }, propsDelay);
+    }
+  }
+
+  destroy() {
+    if (this._timer) {
+      clearTimeout(this._timer);
+      this._timer = null;
+    }
+  }
+
+}
+
+var _default = SpinFoundation;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+declare const stepsClasses: {
+    PREFIX: string;
+    ITEM: string;
+};
+export { stepsClasses };

package/lib/cjs/steps/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stepsClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const stepsClasses = {
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-steps`,
+  ITEM: `${_constants.BASE_CLASS_PREFIX}-steps-item`
+};
+exports.stepsClasses = stepsClasses;

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

@@ -0,0 +1,19 @@
+declare const cssClasses: {
+    PREFIX: string;
+    FOCUS: string;
+    LARGE: string;
+    SMALL: string;
+    CHECKED: string;
+    DISABLED: string;
+    ACTIVE: string;
+    KNOB: string;
+    NATIVE_CONTROL: string;
+    CHECKED_TEXT: string;
+    UNCHECKED_TEXT: string;
+    LOADING_SPIN: string;
+    LOADING: string;
+};
+declare const strings: {
+    readonly SIZE_MAP: readonly ["default", "small", "large"];
+};
+export { cssClasses, strings };

package/lib/cjs/switch/constants.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strings = exports.cssClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const cssClasses = {
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-switch`,
+  FOCUS: `${_constants.BASE_CLASS_PREFIX}-switch-focus`,
+  LARGE: `${_constants.BASE_CLASS_PREFIX}-switch-large`,
+  SMALL: `${_constants.BASE_CLASS_PREFIX}-switch-small`,
+  CHECKED: `${_constants.BASE_CLASS_PREFIX}-switch-checked`,
+  DISABLED: `${_constants.BASE_CLASS_PREFIX}-switch-disabled`,
+  ACTIVE: `${_constants.BASE_CLASS_PREFIX}-switch-active`,
+  KNOB: `${_constants.BASE_CLASS_PREFIX}-switch-knob`,
+  NATIVE_CONTROL: `${_constants.BASE_CLASS_PREFIX}-switch-native-control`,
+  CHECKED_TEXT: `${_constants.BASE_CLASS_PREFIX}-switch-checked-text`,
+  UNCHECKED_TEXT: `${_constants.BASE_CLASS_PREFIX}-switch-unchecked-text`,
+  LOADING_SPIN: `${_constants.BASE_CLASS_PREFIX}-switch-loading-spin`,
+  LOADING: `${_constants.BASE_CLASS_PREFIX}-switch-loading`
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  SIZE_MAP: ['default', 'small', 'large']
+};
+exports.strings = strings;

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

@@ -0,0 +1,17 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface SwitchAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+    setNativeControlChecked: (nativeControlChecked: boolean | undefined) => void;
+    setNativeControlDisabled: (nativeControlDisabled: boolean | undefined) => void;
+    setFocusVisible: (focusVisible: boolean) => void;
+    notifyChange: (checked: boolean, e: any) => void;
+}
+export default class SwitchFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<SwitchAdapter<P, S>, P, S> {
+    constructor(adapter: SwitchAdapter<P, S>);
+    init(): void;
+    setChecked(checked: boolean | undefined): void;
+    setDisabled(disabled: boolean | undefined): void;
+    handleChange(checked: boolean, e: any): void;
+    handleFocusVisible: (event: any) => void;
+    handleBlur: () => void;
+    destroy(): void;
+}

package/lib/cjs/switch/foundation.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _foundation = _interopRequireDefault(require("../base/foundation"));
+
+var _warning = _interopRequireDefault(require("../utils/warning"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class SwitchFoundation extends _foundation.default {
+  constructor(adapter) {
+    super(Object.assign({}, adapter));
+
+    this.handleFocusVisible = event => {
+      const {
+        target
+      } = event;
+
+      try {
+        if (target.matches(':focus-visible')) {
+          this._adapter.setFocusVisible(true);
+        }
+      } catch (error) {
+        (0, _warning.default)(true, 'Warning: [Semi Switch] The current browser does not support the focus-visible');
+      }
+    };
+
+    this.handleBlur = () => {
+      this._adapter.setFocusVisible(false);
+    };
+  }
+
+  init() {
+    const {
+      defaultChecked,
+      checked,
+      disabled
+    } = this.getProps();
+    this.setChecked(defaultChecked || checked);
+    this.setDisabled(disabled);
+  }
+
+  setChecked(checked) {
+    this._adapter.setNativeControlChecked(checked);
+  }
+
+  setDisabled(disabled) {
+    this._adapter.setNativeControlDisabled(disabled);
+  }
+
+  handleChange(checked, e) {
+    const propChecked = this.getProps().checked;
+    const isControlledComponent = typeof propChecked !== 'undefined';
+
+    if (isControlledComponent) {
+      this._adapter.notifyChange(checked, e);
+    } else {
+      this._adapter.setNativeControlChecked(checked);
+
+      this._adapter.notifyChange(checked, e);
+    }
+  } // eslint-disable-next-line @typescript-eslint/no-empty-function
+
+
+  destroy() {}
+
+}
+
+exports.default = SwitchFoundation;

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

@@ -0,0 +1,38 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface BodyAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+    setVirtualizedData: (virtualizedData: any[], cb: () => void) => void;
+    setCachedExpandBtnShouldInRow: (cachedExpandBtnShouldInRow: boolean) => void;
+    setCachedExpandRelatedProps: (cachedExpandRelatedProps: string[]) => void;
+    observeBodyResize: (bodyWrapDOM: any) => void;
+    unobserveBodyResize: () => void;
+}
+export default class TableBodyFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<BodyAdapter<P, S>, P, S> {
+    init(): void;
+    destroy(): void;
+    initVirtualizedData(cb?: (...args: any[]) => void): void;
+    initExpandBtnShouldInRow(newExpandRelatedProps?: any[]): void;
+    flattenData(dataSource?: any[], level?: number, parentKeys?: any[], childrenKeys?: any[]): (FlattenData | GroupFlattenData)[];
+    /**
+     * 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: any): void;
+    unobserveBodyResize(): void;
+}
+export interface GroupFlattenData {
+    key: number | string;
+    level: number;
+    sectionRow: boolean;
+    group: Map<string, Record<string, any>[]>;
+    groupKey: number;
+    expanded: boolean;
+}
+export interface FlattenData {
+    key: number | string;
+    record: Record<string, any>;
+    level: number;
+    parentKeys?: any[];
+    childrenKeys?: any[];
+    expandedRow?: boolean;
+    sectionRow?: boolean;
+}

package/lib/cjs/table/bodyFoundation.js

@@ -0,0 +1,151 @@
+"use strict";
+
+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
+
+      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;
+    let parentKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let childrenKeys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+    const flattenData = [];
+    const {
+      rowKey,
+      childrenRecordName,
+      expandedRowRender,
+      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);
+          flattenData.push({
+            key,
+            level,
+            sectionRow: true,
+            group: set,
+            groupKey: key,
+            expanded
+          });
+
+          if (expanded) {
+            flattenData.push(...this.flattenData(dataSource.slice(firstIndex, lastIndex + 1), level + 1, [...parentKeys], [...childrenKeys]));
+          }
+        }
+      });
+    } else {
+      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,
+          level,
+          parentKeys: [...parentKeys],
+          childrenKeys: [...childrenKeys]
+        };
+        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]));
+          } else if (expandedRowRender) {
+            extras.push({
+              key: (0, _utils.genExpandedRowKey)(recordKey),
+              level,
+              expandedRow: true,
+              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.d.ts

@@ -0,0 +1,7 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface TableCellAdapter extends DefaultAdapter {
+    notifyClick: (record: Record<string, any>, e: any) => void;
+}
+export default class TableCellFoundation extends BaseFoundation<TableCellAdapter> {
+    handleClick(e: any): void;
+}

package/lib/cjs/table/cellFoundation.js

@@ -0,0 +1,19 @@
+"use strict";
+
+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

@@ -0,0 +1,77 @@
+declare const cssClasses: {
+    readonly PREFIX: "semi-table";
+    readonly TABLE: "semi-table";
+    readonly WRAP: "semi-table-wrapper";
+    readonly THEAD: "semi-table-thead";
+    readonly TR: "semi-table-row";
+    readonly TH: "semi-table-row-head";
+    readonly TD: "semi-table-row-cell";
+};
+declare const strings: {
+    readonly SIZE_SMALL: "small";
+    readonly SIZE_MIDDLE: "middle";
+    readonly SIZES: readonly ["small", "default", "middle"];
+    readonly LAYOUTS: readonly ["", "auto", "fixed"];
+    readonly PAGINATION_POSITIONS: readonly ["bottom", "top", "both"];
+    readonly FOOTER_POSITIONS: readonly [false, true, "left", "right"];
+    readonly SORT_DIRECTIONS: readonly ["ascend", "descend"];
+    readonly FIXED_SET: readonly [false, true, "left", "right"];
+    readonly ALIGNS: readonly ["left", "right", "center"];
+    readonly SCROLL_HORIZONTAL_POSITIONS: readonly ["left", "middle", "right"];
+    readonly DEFAULT_KEY_COLUMN_SELECTION: "column-selection";
+    readonly DEFAULT_KEY_COLUMN_EXPAND: "column-expand";
+    readonly DEFAULT_KEY_COLUMN_TITLE: "column-title";
+    readonly DEFAULT_KEY_COLUMN_SORTER: "column-sorter";
+    readonly DEFAULT_KEY_COLUMN_FILTER: "column-filter";
+    readonly DEFAULT_KEY_COLUMN_SCROLLBAR: "column-scrollbar";
+    readonly DEFAULT_COMPONENTS: {
+        readonly table: "table";
+        readonly header: {
+            readonly outer: "table";
+            readonly wrapper: "thead";
+            readonly row: "tr";
+            readonly cell: "th";
+        };
+        readonly body: {
+            readonly outer: "table";
+            readonly wrapper: "tbody";
+            readonly row: "tr";
+            readonly cell: "td";
+        };
+        readonly footer: {
+            readonly wrapper: "tfoot";
+            readonly row: "tr";
+            readonly cell: "td";
+        };
+    };
+    readonly EXPAND_RELATED_PROPS: readonly ["expandedRowRender", "dataSource", "hideExpandedColumn", "childrenRecordName", "rowExpandable"];
+};
+declare const numbers: {
+    readonly DEFAULT_PAGE_SIZE: 10;
+    readonly DEFAULT_WIDTH_COLUMN_EXPAND: 60;
+    readonly DEFAULT_WIDTH_COLUMN_SELECTION: 60;
+    readonly DEFAULT_INDENT_WIDTH: 20;
+    readonly DEFAULT_CELL_PADDING_LEFT: 16;
+    readonly DEFAULT_CELL_PADDING_RIGHT: 16;
+    readonly DEFAULT_CELL_PADDING_TOP: 16;
+    readonly DEFAULT_CELL_PADDING_BOTTOM: 16;
+    readonly DEFAULT_CELL_MIDDLE_PADDING_TOP: 12;
+    readonly DEFAULT_CELL_MIDDLE_PADDING_BOTTOM: 12;
+    readonly DEFAULT_CELL_SMALL_PADDING_TOP: 8;
+    readonly DEFAULT_CELL_SMALL_PADDING_BOTTOM: 8;
+    readonly DEFAULT_CELL_BORDER_WIDTH_LEFT: 1;
+    readonly DEFAULT_CELL_BORDER_WIDTH_RIGHT: 1;
+    readonly DEFAULT_CELL_BORDER_WITH_BOTTOM: 1;
+    readonly DEFAULT_CELL_LINE_HEIGHT: 20;
+    readonly DEFAULT_VIRTUALIZED_BODY_HEIGHT: 600;
+    readonly DEFAULT_VIRTUALIZED_SECTION_ROW_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_ROW_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_SECTION_ROW_MIDDLE_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_ROW_MIDDLE_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT: number;
+    readonly DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT: number;
+};
+export { cssClasses, strings, numbers };