@douyinfe/semi-foundation 2.1.1 → 2.1.5

package/lib/cjs/switch/variables.scss

@@ -0,0 +1,70 @@
+// Other
+$motion-switch_unchecked-translateX: 2px; // 未选中开关右侧偏移量 - 动画用
+$motion-switch_spin_unchecked-translateX: 2px; // 未选中开关加载图标右侧偏移量 - 动画用
+$motion-switch_checked-translateX: 18px; // 选中开关右侧偏移量
+$motion-switch_spin_checked-translateX: 16px; // 选中开关加载图标右侧偏移量
+$motion-switch_expand_large-translateX: 10px;
+$motion-switch_unchecked_large-translateX: 3px;
+$motion-switch_spin_unchecked_large-translateX: 2px;
+$motion-switch_checked_large-translateX: 26px; // 大尺寸选中开关右侧偏移量
+$motion-switch_spin_checked_large-translateX: 22px; // 大尺寸选中开关加载图标右侧偏移量
+$motion-switch_expand_small-translateX: 2px;
+$motion-switch_unchecked_small-translateX: 1px;
+$motion-switch_spin_unchecked_small-translateX: 2px;
+$motion-switch_checked_small-translateX: 11px; // 小尺寸选中开关右侧偏移量
+$motion-switch_spin_checked_small-translateX: 10px; // 小尺寸选中开关加载图标右侧偏移量
+$motion-switch-transitionDuration: 200ms; // 开关动画时长
+
+// Color
+$color-switch_default-bg-default: var(--semi-color-fill-0); // 关闭态开关背景色 - 默认
+$color-switch_default-bg-hover: var(--semi-color-fill-1); // 关闭态开关背景色 - 悬浮
+$color-switch_default-bg-active: var(--semi-color-fill-2); // 关闭态开关背景色 - 按下
+$color-switch_default-border-default: transparent; // 关闭态开关描边颜色
+$color-switch_checked-bg-default: var(--semi-color-success); // 开启态开关背景色 - 默认
+$color-switch_checked-bg-hover: var(--semi-color-success-hover); // 开启态开关背景色 - 悬浮
+$color-switch_checked-bg-active: var(--semi-color-success-active); // 开启态开关背景色 - 按下
+$color-switch_disabled-bg-default: transparent; // 禁用态开关背景色
+$color-switch_disabled-bg-hover: transparent; // 禁用态开关背景色 - 悬浮
+$color-switch_disabled-bg-active: transparent; // 禁用态开关背景色 - 按下
+$color-switch_disabled-border-default: var(--semi-color-border); // 禁用态开关描边颜色
+$color-switch_disabled-bg-hover: transparent; // 禁用态开关背景色 - 悬浮
+$color-switch_checked_disabled-bg-default: var(--semi-color-success-disabled); // 禁用开启态开关背景颜色
+$color-switch_checked_disabled-border-default: transparent; // 禁用开启态开关描边颜色
+$color-switch_knob-bg-default: white; // 开关按钮背景颜色
+$color-switch_knob-border-default: var(--semi-color-border); // 开关按钮描边颜色
+$color-switch_checked-text-default: var(--semi-color-white); // 开启态开关按钮文字颜色
+$color-switch_unchecked-text-default: var(--semi-color-text-2); // 关闭态开关按钮文字颜色
+$color-switch_loading_spin-default: var(--semi-color-white); // 加载态开关loading图标颜色
+$color-switch_spin_checked-bg-default: var(--semi-color-success-hover); // 已开启开关加载态loading背景颜色
+$color-switch_spin_unchecked-bg-default: var(--semi-color-fill-1); // 已关闭开关加载态loading背景颜色
+
+// Width/Height
+$width-switch: 40px; // 开关宽度
+$height-switch: 24px; // 开关高度
+$width-switch_knob_expand: 6px; // 开关按钮形变宽度
+$width-switch_knob_default: 18px; // 开关按钮宽度
+$width-switch_knob_active: $width-switch_knob_default + $width-switch_knob_expand; // 开关按钮按下态宽度
+$height-switch_large: 32px; // 大尺寸开关高度
+$width-switch_large: 54px; // 大尺寸开关宽度
+$width-switch_knob_large: 24px; // 大尺寸开关按钮宽度
+$width-switch_knob_large_active: $width-switch_knob_large + $motion-switch_expand_large-translateX; // 大尺寸开关按钮按下态宽度
+$height-switch_small: 16px; // 小尺寸开关高度
+$width-switch_small: 26px; // 小尺寸开关宽度
+$width-switch_knob_large_small: 12px; // 小尺寸开关按钮宽度
+$width-switch_knob_small_active: $width-switch_knob_large_small + $motion-switch_expand_small-translateX; // 小尺寸开关按钮按下态宽度
+$width-switch_knob_disabled-border: 1px; // 小尺寸开关按钮宽度
+$width-switch_checked_unchecked_text: 26px; // 开关按钮文字宽度
+$width-switch_spin-small: 10px; // 小尺寸开关加载 spin 宽度
+$width-switch_spin-default: 18px; // 默认尺寸开关加载 spin 宽度
+$width-switch_spin-large: 28px; // 大尺寸开关加载 spin 宽度
+
+
+// Spacing
+$spacing-switch_knob-padding: 2px; // 开关按钮内边距
+$spacing-switch_knob_large-padding: 3px; // 大尺寸开关按钮内边距
+$spacing-switch_knob_small-padding: 1px; // 小尺寸开关按钮内边距
+
+// Radius
+$radius-switch: $height-switch / 2; // 开关圆角
+$radius-switch_large: $height-switch_large / 2; // 大尺寸开关圆角
+$radius-switch_small: $height-switch_small / 2; // 小尺寸开关圆角

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,164 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+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");
+
+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 = (0, _map.default)(expandRelatedProps).call(expandRelatedProps, 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)) {
+      (0, _forEach.default)(groups).call(groups, (set, key) => {
+        const firstIndex = (0, _findIndex.default)(dataSource).call(dataSource, 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((0, _slice.default)(dataSource).call(dataSource, firstIndex, lastIndex + 1), level + 1, [...parentKeys], [...childrenKeys]));
+          }
+        }
+      });
+    } else {
+      (0, _forEach.default)(dataSource).call(dataSource, (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 ((0, _isArray.default)(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,22 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _foundation = _interopRequireDefault(require("../base/foundation"));
+
+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 };

package/lib/cjs/table/constants.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_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")
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  SIZE_SMALL: 'small',
+  SIZE_MIDDLE: 'middle',
+  SIZES: ['small', 'default', 'middle'],
+  LAYOUTS: ['', 'auto', 'fixed'],
+  PAGINATION_POSITIONS: ['bottom', 'top', 'both'],
+  FOOTER_POSITIONS: [false, true, 'left', 'right'],
+  SORT_DIRECTIONS: ['ascend', 'descend'],
+  FIXED_SET: [false, true, 'left', 'right'],
+  ALIGNS: ['left', 'right', 'center'],
+  SCROLL_HORIZONTAL_POSITIONS: ['left', 'middle', 'right'],
+  DEFAULT_KEY_COLUMN_SELECTION: 'column-selection',
+  DEFAULT_KEY_COLUMN_EXPAND: 'column-expand',
+  DEFAULT_KEY_COLUMN_TITLE: 'column-title',
+  DEFAULT_KEY_COLUMN_SORTER: 'column-sorter',
+  DEFAULT_KEY_COLUMN_FILTER: 'column-filter',
+  DEFAULT_KEY_COLUMN_SCROLLBAR: 'column-scrollbar',
+  DEFAULT_COMPONENTS: {
+    table: 'table',
+    header: {
+      outer: 'table',
+      wrapper: 'thead',
+      row: 'tr',
+      cell: 'th'
+    },
+    body: {
+      outer: 'table',
+      wrapper: 'tbody',
+      row: 'tr',
+      cell: 'td'
+    },
+    footer: {
+      wrapper: 'tfoot',
+      row: 'tr',
+      cell: 'td'
+    }
+  },
+  EXPAND_RELATED_PROPS: ['expandedRowRender', 'dataSource', 'hideExpandedColumn', 'childrenRecordName', 'rowExpandable']
+};
+exports.strings = strings;
+const DEFAULT_CELL_BORDER_WITH_BOTTOM = 1;
+const DEFAULT_CELL_BORDER_WITH_TOP = 0;
+const DEFAULT_CELL_PADDING_TOP = 16;
+const DEFAULT_CELL_PADDING_BOTTOM = 16;
+const DEFAULT_CELL_MIDDLE_PADDING_TOP = 12;
+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; // 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_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_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 = {
+  DEFAULT_PAGE_SIZE: 10,
+  DEFAULT_WIDTH_COLUMN_EXPAND: 60,
+  DEFAULT_WIDTH_COLUMN_SELECTION: 60,
+  DEFAULT_INDENT_WIDTH: 20,
+  DEFAULT_CELL_PADDING_LEFT: 16,
+  DEFAULT_CELL_PADDING_RIGHT: 16,
+  DEFAULT_CELL_PADDING_TOP,
+  DEFAULT_CELL_PADDING_BOTTOM,
+  DEFAULT_CELL_MIDDLE_PADDING_TOP,
+  DEFAULT_CELL_MIDDLE_PADDING_BOTTOM,
+  DEFAULT_CELL_SMALL_PADDING_TOP,
+  DEFAULT_CELL_SMALL_PADDING_BOTTOM,
+  DEFAULT_CELL_BORDER_WIDTH_LEFT: 1,
+  DEFAULT_CELL_BORDER_WIDTH_RIGHT: 1,
+  DEFAULT_CELL_BORDER_WITH_BOTTOM,
+  DEFAULT_CELL_LINE_HEIGHT,
+  DEFAULT_VIRTUALIZED_BODY_HEIGHT: 600,
+  DEFAULT_VIRTUALIZED_SECTION_ROW_HEIGHT: DEFAULT_VIRTUALIZED_ROW_HEIGHT,
+  DEFAULT_VIRTUALIZED_ROW_HEIGHT,
+  DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT,
+  DEFAULT_VIRTUALIZED_SECTION_ROW_MIDDLE_HEIGHT: DEFAULT_VIRTUALIZED_ROW_MIDDLE_HEIGHT,
+  DEFAULT_VIRTUALIZED_ROW_MIDDLE_HEIGHT,
+  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
+};
+exports.numbers = numbers;