@kdcloudjs/table 1.0.0

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

@@ -0,0 +1,36 @@
+import { Subscription } from 'rxjs';
+import ResizeObserver from 'resize-observer-polyfill';
+/** styled-components 类库的版本，ali-react-table 同时支持 v3 和 v5 */
+export declare const STYLED_VERSION: string;
+export declare const STYLED_REF_PROP: string;
+export declare const OVERSCAN_SIZE = 100;
+export declare const AUTO_VIRTUAL_THRESHOLD = 100;
+export declare function sum(arr: number[]): number;
+export declare const throttledWindowResize$: import("rxjs").Observable<Event>;
+interface ContentRectType {
+    hide: boolean;
+    bottom: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+    x: number;
+    y: number;
+}
+export declare const addResizeObserver: (element: HTMLElement | null, handler?: (react: ContentRectType) => void) => ResizeObserver;
+export declare function getScrollbarSize(): {
+    width: number;
+    height: number;
+};
+/** 同步多个元素之间的 scrollLeft, 每当 scrollLeft 发生变化时 callback 会被调用 */
+export declare function syncScrollLeft(elements: HTMLElement[], callback: (scrollLeft: number) => void): Subscription;
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ *
+ * 这个函数是从 facebook 某个官方库中复制过来的
+ */
+export declare function shallowEqual(objA: any, objB: any): boolean;
+export {};

package/lib/table/base/utils.js

@@ -0,0 +1,234 @@
+"use strict";
+
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/map");
+
+var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+
+var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
+
+var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
+
+var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
+
+var _getIterator = require("@babel/runtime-corejs3/core-js/get-iterator");
+
+var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sum = sum;
+exports.getScrollbarSize = getScrollbarSize;
+exports.syncScrollLeft = syncScrollLeft;
+exports.shallowEqual = shallowEqual;
+exports.addResizeObserver = exports.throttledWindowResize$ = exports.AUTO_VIRTUAL_THRESHOLD = exports.OVERSCAN_SIZE = exports.STYLED_REF_PROP = exports.STYLED_VERSION = void 0;
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _is = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/is"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _rxjs = require("rxjs");
+
+var _operators = require("rxjs/operators");
+
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+var styledComponents = _interopRequireWildcard(require("styled-components"));
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = _getIterator(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { var _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+/** styled-components 类库的版本，ali-react-table 同时支持 v3 和 v5 */
+var STYLED_VERSION = styledComponents.createGlobalStyle != null ? 'v5' : 'v3';
+exports.STYLED_VERSION = STYLED_VERSION;
+var STYLED_REF_PROP = STYLED_VERSION === 'v3' ? 'innerRef' : 'ref';
+exports.STYLED_REF_PROP = STYLED_REF_PROP;
+var OVERSCAN_SIZE = 100;
+exports.OVERSCAN_SIZE = OVERSCAN_SIZE;
+var AUTO_VIRTUAL_THRESHOLD = 100;
+exports.AUTO_VIRTUAL_THRESHOLD = AUTO_VIRTUAL_THRESHOLD;
+
+function sum(arr) {
+  var result = 0;
+  arr.forEach(function (x) {
+    result += x;
+  });
+  return result;
+} // 使用 defer 避免过早引用 window，导致在 SSR 场景下报错
+
+
+var throttledWindowResize$ = (0, _rxjs.defer)(function () {
+  return (0, _rxjs.fromEvent)(window, 'resize').pipe((0, _operators.throttleTime)(150, _rxjs.asyncScheduler, {
+    leading: true,
+    trailing: true
+  }));
+});
+exports.throttledWindowResize$ = throttledWindowResize$;
+
+var addResizeObserver = function addResizeObserver(element, handler) {
+  var measure = function measure(entries) {
+    if (!entries[0] || !entries[0].contentRect) {
+      return;
+    }
+
+    var contentRect = entries[0].contentRect;
+    var hide = contentRect.width === 0 && contentRect.height === 0; // 隐藏条件：高宽都为0
+
+    var rect = (0, _extends2.default)({
+      hide: hide
+    }, contentRect);
+    handler && handler(rect);
+  };
+
+  var resizeObserver = new _resizeObserverPolyfill.default(measure);
+  resizeObserver && resizeObserver.observe(element);
+  return resizeObserver;
+};
+/** 获取默认的滚动条大小 */
+
+
+exports.addResizeObserver = addResizeObserver;
+
+function getScrollbarSizeImpl() {
+  var scrollDiv = document.createElement('div');
+  scrollDiv.style.position = 'absolute';
+  scrollDiv.style.width = '100px';
+  scrollDiv.style.height = '100px';
+  scrollDiv.style.overflow = 'scroll';
+  scrollDiv.style.top = '-9999px';
+  document.body.appendChild(scrollDiv);
+  var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+  var scrollbarHeight = scrollDiv.offsetHeight - scrollDiv.clientHeight;
+  document.body.removeChild(scrollDiv);
+  return {
+    width: scrollbarWidth,
+    height: scrollbarHeight
+  };
+}
+
+var scrollBarSize$;
+
+function getScrollbarSize() {
+  if (scrollBarSize$ == null) {
+    scrollBarSize$ = new _rxjs.BehaviorSubject(getScrollbarSizeImpl());
+    throttledWindowResize$.pipe((0, _mapInstanceProperty(_operators))(function () {
+      return getScrollbarSizeImpl();
+    })).subscribe(scrollBarSize$);
+  }
+
+  return scrollBarSize$.value;
+}
+/** 同步多个元素之间的 scrollLeft, 每当 scrollLeft 发生变化时 callback 会被调用 */
+
+
+function syncScrollLeft(elements, callback) {
+  var bypassSet = new _set.default();
+
+  function publishScrollLeft(origin, scrollLeft) {
+    bypassSet.clear();
+
+    var _iterator = _createForOfIteratorHelper(elements),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var elem = _step.value;
+
+        if (elem === origin) {
+          continue;
+        }
+
+        elem.scrollLeft = scrollLeft;
+        bypassSet.add(elem);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+
+  var subscription = new _rxjs.Subscription();
+
+  var _iterator2 = _createForOfIteratorHelper(elements),
+      _step2;
+
+  try {
+    var _loop = function _loop() {
+      var ele = _step2.value;
+
+      var listener = function listener() {
+        if (bypassSet.has(ele)) {
+          bypassSet.delete(ele);
+          return;
+        }
+
+        var scrollLeft = ele.scrollLeft;
+        publishScrollLeft(ele, scrollLeft);
+        callback(scrollLeft);
+      };
+
+      ele.addEventListener('scroll', listener, {
+        passive: true
+      });
+      subscription.add(function () {
+        return ele.removeEventListener('scroll', listener);
+      });
+    };
+
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+
+  return subscription;
+}
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ *
+ * 这个函数是从 facebook 某个官方库中复制过来的
+ */
+
+
+function shallowEqual(objA, objB) {
+  if ((0, _is.default)(objA, objB)) {
+    return true;
+  }
+
+  if ((0, _typeof2.default)(objA) !== 'object' || objA === null || (0, _typeof2.default)(objB) !== 'object' || objB === null) {
+    return false;
+  }
+
+  var keysA = (0, _keys.default)(objA);
+  var keysB = (0, _keys.default)(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  } // Test for A's keys different from B.
+
+
+  for (var i = 0; i < keysA.length; i++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !(0, _is.default)(objA[keysA[i]], objB[keysA[i]])) {
+      return false;
+    }
+  }
+
+  return true;
+}

package/lib/table/common-views.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare const InlineFlexCell: any;
+export declare const ExpansionCell: any;
+interface IconProps extends React.SVGProps<SVGElement> {
+    height?: number;
+    preserveAspectRatio?: string;
+    title?: string;
+    viewBox?: string;
+    width?: number;
+    xmlns?: string;
+    ref?: any;
+}
+declare function CaretDownIcon(props: IconProps): JSX.Element;
+declare function InfoIcon(props: IconProps): JSX.Element;
+declare function CaretRightIcon(props: IconProps): JSX.Element;
+declare function LoadingIcon(props: IconProps): JSX.Element;
+export declare const icons: {
+    Loading: typeof LoadingIcon;
+    CaretDown: typeof CaretDownIcon;
+    CaretRight: typeof CaretRightIcon;
+    Info: typeof InfoIcon;
+};
+export declare const ContextMenuStyleWrap: any;
+export {};

package/lib/table/common-views.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContextMenuStyleWrap = exports.icons = exports.ExpansionCell = exports.InlineFlexCell = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styles = require("./base/styles");
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n"])));
+
+exports.InlineFlexCell = InlineFlexCell;
+var ExpansionCell = (0, _styledComponents.default)(InlineFlexCell)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &.leaf {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.expanded {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])));
+exports.ExpansionCell = ExpansionCell;
+
+function CaretDownIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "currentColor",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M24 12L16 22 8 12z"
+  }));
+}
+
+function InfoIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "currentColor",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8.5 11L8.5 6.5 6.5 6.5 6.5 7.5 7.5 7.5 7.5 11 6 11 6 12 10 12 10 11zM8 3.5c-.4 0-.8.3-.8.8S7.6 5 8 5c.4 0 .8-.3.8-.8S8.4 3.5 8 3.5z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8,15c-3.9,0-7-3.1-7-7s3.1-7,7-7s7,3.1,7,7S11.9,15,8,15z M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z"
+  }));
+}
+
+function CaretRightIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "currentColor",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M12 8L22 16 12 24z"
+  }));
+}
+
+function LoadingIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    width: "16",
+    height: "16",
+    fill: "currentColor",
+    viewBox: "0 0 1024 1024"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M512 74.667c-17.067 0-32 14.933-32 32V256c0 17.067 14.933 32 32 32s32-14.933 32-32V106.667c0-17.067-14.933-32-32-32zm181.333 288c8.534 0 17.067-2.134 23.467-8.534L821.333 249.6c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L672 309.333c-12.8 12.8-12.8 32 0 44.8 4.267 6.4 12.8 8.534 21.333 8.534zm224 117.333H768c-17.067 0-32 14.933-32 32s14.933 32 32 32h149.333c17.067 0 32-14.933 32-32s-14.933-32-32-32zM714.667 669.867c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8L774.4 819.2c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L714.667 669.867zM512 736c-17.067 0-32 14.933-32 32v149.333c0 17.067 14.933 32 32 32s32-14.933 32-32V768c0-17.067-14.933-32-32-32zm-202.667-66.133L204.8 774.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533l104.534-104.533c12.8-12.8 12.8-32 0-44.8s-36.267-12.8-46.934 0zM288 512c0-17.067-14.933-32-32-32H106.667c-17.067 0-32 14.933-32 32s14.933 32 32 32H256c17.067 0 32-14.933 32-32zm-40.533-309.333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8L307.2 352c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L247.467 202.667z"
+  }));
+}
+
+var icons = {
+  Loading: LoadingIcon,
+  CaretDown: CaretDownIcon,
+  CaretRight: CaretRightIcon,
+  Info: InfoIcon
+};
+exports.icons = icons;
+
+var ContextMenuStyleWrap = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.", "{\n    border: 1px solid #e9ecf1;\n    border-radius: 2px;\n    background-color: #Fff;\n    box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n    cursor: default;\n    font-size: 13px;\n    position:absolute;\n    z-index: 1050;\n    width:120px;\n  }\n\n  .", "{\n    width:100%;\n    display: table;\n  }\n\n  .", " .", "{\n    display: table-row;\n  }\n\n  .", " .", "{\n    background-color: #f5f5f5;\n  }\n\n  .", " .", " .", "{\n    display: table-cell;\n    padding: 5px 8px;\n    color: #666666;\n  }\n\n"])), _styles.MenuClasses.menu, _styles.MenuClasses.menuList, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOptionActive, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionText);
+
+exports.ContextMenuStyleWrap = ContextMenuStyleWrap;

package/lib/table/index.d.ts

@@ -0,0 +1,6 @@
+export * from './base';
+export * from './interfaces';
+export * from './utils';
+export * from './transforms';
+export * from './pipeline';
+export * from './internals';

package/lib/table/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _base = require("./base");
+
+_Object$keys(_base).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _base[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _base[key];
+    }
+  });
+});
+
+var _interfaces = require("./interfaces");
+
+_Object$keys(_interfaces).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interfaces[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interfaces[key];
+    }
+  });
+});
+
+var _utils = require("./utils");
+
+_Object$keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _utils[key];
+    }
+  });
+});
+
+var _transforms = require("./transforms");
+
+_Object$keys(_transforms).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _transforms[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _transforms[key];
+    }
+  });
+});
+
+var _pipeline = require("./pipeline");
+
+_Object$keys(_pipeline).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pipeline[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _pipeline[key];
+    }
+  });
+});
+
+var _internals = require("./internals");
+
+_Object$keys(_internals).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _internals[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _internals[key];
+    }
+  });
+});

package/lib/table/interfaces.d.ts

@@ -0,0 +1,98 @@
+import React, { ReactNode } from 'react';
+export declare type ArtColumnAlign = 'left' | 'center' | 'right';
+export declare type ArtColumnVerticalAlign = 'top' | 'bottom' | 'middle';
+export declare type CellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
+export interface ArtColumnStaticPart {
+    /** 列的名称 */
+    name: string;
+    /** 列的唯一标识 */
+    /** 在数据中的字段 code */
+    code?: string;
+    /** 列标题的展示名称；在页面中进行展示时，该字段将覆盖 name 字段 */
+    title?: ReactNode[] | ReactNode;
+    /** 列的宽度，如果该列是锁定的，则宽度为必传项 */
+    width?: number;
+    /** 单元格中的文本或内容的 对其方向 */
+    align?: ArtColumnAlign;
+    /** 单元格中的文本或内容的 垂直水平轴对其方向 */
+    verticalAlign?: ArtColumnVerticalAlign;
+    /** @deprecated 是否隐藏 */
+    hidden?: boolean;
+    /** 是否锁列 */
+    lock?: boolean;
+    /** 是否允许拖拽 */
+    /** 表头单元格的 props */
+    headerCellProps?: CellProps;
+    /** 功能开关 */
+    features?: {
+        [key: string]: any;
+    };
+}
+export interface Features {
+    /** 是否开启排序功能 */
+    sortable?: boolean;
+    /** 是否开启过滤功能 */
+    filterable?: boolean;
+}
+export interface ArtColumnDynamicPart {
+    /** 自定义取数方法 */
+    getValue?(row: any, rowIndex: number): any;
+    /** 自定义渲染方法 */
+    render?(value: any, row: any, rowIndex: number): ReactNode;
+    /** 自定义的获取单元格 props 的方法 */
+    getCellProps?(value: any, row: any, rowIndex: number): CellProps;
+    /** 自定义的获取单元格 SpanRect 方法 */
+    getSpanRect?(value: any, row: any, rowIndex: number): SpanRect;
+}
+export interface ArtColumn extends ArtColumnStaticPart, ArtColumnDynamicPart {
+    /** 该列的子节点 */
+    children?: ArtColumn[];
+}
+/** SpanRect 用于描述合并单元格的边界
+ * 注意 top/left 为 inclusive，而 bottom/right 为 exclusive */
+export interface SpanRect {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface AbstractTreeNode {
+    children?: AbstractTreeNode[];
+}
+export declare type SortOrder = 'desc' | 'asc' | 'none';
+export declare type SortItem = {
+    code: string;
+    order: SortOrder;
+};
+export interface FilterItem {
+    filter: any[];
+    code?: string;
+    filterCondition?: string;
+}
+export declare type Filters = FilterItem[];
+export declare type Transform<T> = (input: T) => T;
+export declare type TableTransform = Transform<{
+    columns: ArtColumn[];
+    dataSource: any[];
+}>;
+export interface HoverRange {
+    start: number;
+    end: number;
+}
+export interface ColumnResizeItem {
+    width: number;
+    index: number;
+}
+export interface FilterPanelProps {
+    isFilterActive: boolean;
+    hidePanel(): void;
+}
+export interface DefaultFilterPanelProps extends FilterPanelProps {
+    setFilterModel(filterItem?: Pick<FilterItem, 'filter' | 'filterCondition'>): void;
+    filterModel: FilterItem;
+}
+export interface CustomeFilterPanelProps extends FilterPanelProps {
+    setFilter(filter?: any[]): void;
+    filterModel: FilterItem;
+}
+export declare type FilterPanel = React.ComponentType<DefaultFilterPanelProps | CustomeFilterPanelProps>;

package/lib/table/internals.d.ts

@@ -0,0 +1,14 @@
+import { ArtColumn } from './interfaces';
+declare function safeRenderHeader(column: ArtColumn): {};
+declare function safeGetValue(column: ArtColumn, record: any, rowIndex: number): any;
+declare function safeGetRowKey(primaryKey: string | ((record: any) => string), record: any, rowIndex: number): string;
+declare function safeGetCellProps(column: ArtColumn, record: any, rowIndex: number): import("./interfaces").CellProps;
+declare function safeRender(column: ArtColumn, record: any, rowIndex: number): any;
+export declare const internals: {
+    readonly safeRenderHeader: typeof safeRenderHeader;
+    readonly safeGetValue: typeof safeGetValue;
+    readonly safeGetRowKey: typeof safeGetRowKey;
+    readonly safeGetCellProps: typeof safeGetCellProps;
+    readonly safeRender: typeof safeRender;
+};
+export {};

package/lib/table/internals.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.internals = void 0;
+
+function safeRenderHeader(column) {
+  var _a;
+
+  return (_a = column.title) !== null && _a !== void 0 ? _a : column.name;
+}
+
+function safeGetValue(column, record, rowIndex) {
+  if (column.getValue) {
+    return column.getValue(record, rowIndex);
+  }
+
+  return record[column.code];
+}
+
+function safeGetRowKey(primaryKey, record, rowIndex) {
+  var key;
+
+  if (typeof primaryKey === 'string') {
+    key = record[primaryKey];
+  } else if (typeof primaryKey === 'function') {
+    key = primaryKey(record);
+  }
+
+  if (key == null) {
+    key = String(rowIndex);
+  }
+
+  return key;
+}
+
+function safeGetCellProps(column, record, rowIndex) {
+  if (column.getCellProps) {
+    var value = safeGetValue(column, record, rowIndex);
+    return column.getCellProps(value, record, rowIndex) || {};
+  }
+
+  return {};
+}
+
+function safeRender(column, record, rowIndex) {
+  var value = safeGetValue(column, record, rowIndex);
+
+  if (column.render) {
+    return column.render(value, record, rowIndex);
+  }
+
+  return value;
+}
+
+var internals = {
+  safeRenderHeader: safeRenderHeader,
+  safeGetValue: safeGetValue,
+  safeGetRowKey: safeGetRowKey,
+  safeGetCellProps: safeGetCellProps,
+  safeRender: safeRender
+};
+exports.internals = internals;

package/lib/table/pipeline/features/__test__/multiSelect.test.d.ts

@@ -0,0 +1 @@
+export {};