@kdcloudjs/table 1.0.0

package/lib/table/pipeline/features/treeMode.js

@@ -0,0 +1,266 @@
+"use strict";
+
+var _sliceInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+
+var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
+
+var _Symbol2 = 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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.treeMode = treeMode;
+exports.treeMetaSymbol = void 0;
+
+var _toArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+
+var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _commonViews = require("../../common-views");
+
+var _internals = require("../../internals");
+
+var _utils = require("../../utils");
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol2 === "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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { var _context3; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context3 = Object.prototype.toString.call(o)).call(_context3, 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; }
+
+var treeMetaSymbol = (0, _symbol.default)('treeMetaSymbol');
+exports.treeMetaSymbol = treeMetaSymbol;
+
+function treeMode() {
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return function treeModeStep(pipeline) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+
+    var stateKey = 'treeMode';
+    var ctx = pipeline.ctx;
+    var primaryKey = pipeline.ensurePrimaryKey('treeMode');
+
+    if (typeof primaryKey !== 'string') {
+      throw new Error('treeMode 仅支持字符串作为 primaryKey');
+    }
+
+    var openKeys = (_c = (_b = (_a = opts.openKeys) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultOpenKeys) !== null && _c !== void 0 ? _c : [];
+    var openKeySet = new _set.default(openKeys);
+
+    var onChangeOpenKeys = function onChangeOpenKeys(nextKeys, key, action) {
+      var _a;
+
+      (_a = opts.onChangeOpenKeys) === null || _a === void 0 ? void 0 : _a.call(opts, nextKeys, key, action);
+      pipeline.setStateAtKey(stateKey, nextKeys, {
+        key: key,
+        action: action
+      });
+    };
+
+    var toggle = function toggle(rowKey) {
+      var expanded = openKeySet.has(rowKey);
+
+      if (expanded) {
+        onChangeOpenKeys((0, _filter.default)(openKeys).call(openKeys, function (key) {
+          return key !== rowKey;
+        }), rowKey, 'collapse');
+      } else {
+        var _context;
+
+        onChangeOpenKeys((0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)(openKeys), [rowKey]), rowKey, 'expand');
+      }
+    };
+
+    var isLeafNode = (_d = opts.isLeafNode) !== null && _d !== void 0 ? _d : _utils.isLeafNode;
+    var clickArea = (_e = opts.clickArea) !== null && _e !== void 0 ? _e : 'cell';
+    var treeMetaKey = (_f = opts.treeMetaKey) !== null && _f !== void 0 ? _f : treeMetaSymbol;
+    var stopClickEventPropagation = Boolean(opts.stopClickEventPropagation); // indents
+
+    var iconWidth = ctx.indents.iconWidth;
+    var iconIndent = (_g = opts.iconIndent) !== null && _g !== void 0 ? _g : ctx.indents.iconIndent;
+    var iconGap = (_h = opts.iconGap) !== null && _h !== void 0 ? _h : ctx.indents.iconGap;
+    var indentSize = (_j = opts.indentSize) !== null && _j !== void 0 ? _j : ctx.indents.indentSize;
+    var Icon = opts.icon;
+    return pipeline.mapDataSource(processDataSource).mapColumns(processColumns);
+
+    function processDataSource(input) {
+      var result = [];
+      dfs(input, 0);
+
+      function dfs(nodes, depth) {
+        if (nodes == null) {
+          return;
+        }
+
+        var _iterator = _createForOfIteratorHelper(nodes),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var node = _step.value;
+            var rowKey = node[primaryKey];
+            var expanded = openKeySet.has(rowKey);
+            var isLeaf = isLeafNode(node, {
+              depth: depth,
+              expanded: expanded,
+              rowKey: rowKey
+            });
+            var treeMeta = {
+              depth: depth,
+              isLeaf: isLeaf,
+              expanded: expanded,
+              rowKey: rowKey
+            };
+            result.push((0, _extends3.default)((0, _defineProperty2.default)({}, treeMetaKey, treeMeta), node));
+
+            if (!isLeaf && expanded) {
+              dfs(node.children, depth + 1);
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+
+      return result;
+    }
+
+    function processColumns(columns) {
+      var _context2;
+
+      if (columns.length === 0) {
+        return columns;
+      }
+
+      var _columns = (0, _toArray2.default)(columns),
+          firstCol = _columns[0],
+          others = (0, _slice.default)(_columns).call(_columns, 1);
+
+      var render = function render(value, record, recordIndex) {
+        var content = _internals.internals.safeRender(firstCol, record, recordIndex);
+
+        if (record[treeMetaKey] == null) {
+          // 没有 treeMeta 信息的话，就返回原先的渲染结果
+          return content;
+        }
+
+        var _record$treeMetaKey = record[treeMetaKey],
+            rowKey = _record$treeMetaKey.rowKey,
+            depth = _record$treeMetaKey.depth,
+            isLeaf = _record$treeMetaKey.isLeaf,
+            expanded = _record$treeMetaKey.expanded;
+        var indent = iconIndent + depth * indentSize;
+
+        if (isLeaf) {
+          return /*#__PURE__*/_react.default.createElement(_commonViews.InlineFlexCell, {
+            className: "expansion-cell leaf"
+          }, /*#__PURE__*/_react.default.createElement("span", {
+            style: {
+              marginLeft: indent + iconWidth + iconGap
+            }
+          }, content));
+        }
+
+        var onClick = function onClick(e) {
+          if (stopClickEventPropagation) {
+            e.stopPropagation();
+          }
+
+          toggle(rowKey);
+        };
+
+        var expandCls = expanded ? 'expanded' : 'collapsed';
+        return /*#__PURE__*/_react.default.createElement(_commonViews.ExpansionCell, {
+          className: (0, _classnames.default)('expansion-cell', expandCls),
+          style: {
+            cursor: clickArea === 'content' ? 'pointer' : undefined
+          },
+          onClick: clickArea === 'content' ? onClick : undefined
+        }, Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
+          expanded: expanded,
+          style: {
+            cursor: clickArea === 'icon' ? 'pointer' : undefined,
+            marginLeft: indent,
+            marginRight: iconGap,
+            width: iconWidth
+          },
+          onClick: clickArea === 'icon' ? onClick : undefined
+        }) : /*#__PURE__*/_react.default.createElement(_commonViews.icons.CaretRight, {
+          className: (0, _classnames.default)('expansion-icon', expandCls),
+          style: {
+            cursor: clickArea === 'icon' ? 'pointer' : undefined,
+            marginLeft: indent,
+            marginRight: iconGap
+          },
+          onClick: clickArea === 'icon' ? onClick : undefined
+        }), content);
+      };
+
+      var getCellProps = function getCellProps(value, record, rowIndex) {
+        var prevProps = _internals.internals.safeGetCellProps(firstCol, record, rowIndex);
+
+        if (record[treeMetaKey] == null) {
+          // 没有 treeMeta 信息的话，就返回原先的 cellProps
+          return prevProps;
+        }
+
+        var _record$treeMetaKey2 = record[treeMetaKey],
+            isLeaf = _record$treeMetaKey2.isLeaf,
+            rowKey = _record$treeMetaKey2.rowKey;
+
+        if (isLeaf) {
+          return prevProps;
+        }
+
+        return (0, _utils.mergeCellProps)(prevProps, {
+          onClick: function onClick(e) {
+            if (stopClickEventPropagation) {
+              e.stopPropagation();
+            }
+
+            toggle(rowKey);
+          },
+          style: {
+            cursor: 'pointer'
+          }
+        });
+      };
+
+      return (0, _concat.default)(_context2 = [(0, _extends3.default)((0, _extends3.default)({}, firstCol), {
+        title: /*#__PURE__*/_react.default.createElement("span", {
+          style: {
+            marginLeft: iconIndent + iconWidth + iconGap
+          }
+        }, _internals.internals.safeRenderHeader(firstCol)),
+        render: render,
+        getCellProps: clickArea === 'cell' ? getCellProps : firstCol.getCellProps
+      })]).call(_context2, (0, _toConsumableArray2.default)(others));
+    }
+  };
+}

package/lib/table/pipeline/features/treeSelect.d.ts

@@ -0,0 +1,38 @@
+import { ArtColumn } from '../../interfaces';
+import { TablePipeline } from '../pipeline';
+export interface TreeSelectFeatureOptions {
+    /** 完整的树 */
+    tree: any[];
+    /** 虚拟的根节点值；该参数非空时，treeSelect 将会在 tree 参数之上再添加一个父节点 */
+    rootKey?: string;
+    /** 父子节点选中状态是否不再关联。设置为 true 之后，父节点和子节点的 value 独立管理，不再联动 */
+    checkStrictly?: boolean;
+    /**
+     * 定义选中时回填的方式，可选值:
+     * - 'all'(返回所有选中的节点)
+     * - 'parent'(父子节点都选中时只返回父节点)
+     * - 'child'(父子节点都选中时只返回子节点)
+     */
+    checkedStrategy?: 'all' | 'parent' | 'child';
+    /** 复选框所在列的位置 */
+    checkboxPlacement?: 'start' | 'end';
+    /** 复选框所在列的 column 配置，可指定 width，lock, title, align, features 等属性 */
+    checkboxColumn?: Partial<ArtColumn>;
+    /** 受控用法：当前选中的值 */
+    value?: string[];
+    /** 非受控用法：默认选中的值 */
+    defaultValue?: string[];
+    /** 受控用法：状态改变回调 */
+    onChange?(nextValue: string[]): void;
+    /** 点击事件的响应区域 */
+    clickArea?: 'checkbox' | 'cell' | 'row';
+    /** 是否对触发 onChange 的 click 事件调用 event.stopPropagation() */
+    stopClickEventPropagation?: boolean;
+    /** 被选中时是否高亮整行 */
+    highlightRowWhenSelected?: boolean;
+    /** 是否禁用该节点的交互 */
+    isDisabled?(row: any): boolean;
+    /** 是否让该节点对应的子树 与其父节点脱离联动 */
+    idDetached?(row: any): boolean;
+}
+export declare function treeSelect(opts: TreeSelectFeatureOptions): (pipeline: TablePipeline) => TablePipeline;

package/lib/table/pipeline/features/treeSelect.js

@@ -0,0 +1,169 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.treeSelect = treeSelect;
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _others = require("../../utils/others");
+
+var _StrictTreeDataHelper = _interopRequireDefault(require("../../utils/tree-data-helpers/StrictTreeDataHelper"));
+
+var _TreeDataHelper = _interopRequireDefault(require("../../utils/tree-data-helpers/TreeDataHelper"));
+
+var STATE_KEY = 'treeSelect';
+
+function treeSelect(opts) {
+  return function treeSelectStep(pipeline) {
+    var _ref, _context;
+
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+
+    var Checkbox = pipeline.ctx.components.Checkbox;
+
+    if (Checkbox == null) {
+      throw new Error('使用 treeSelect 之前需要通过 pipeline context 设置 components.Checkbox');
+    }
+
+    var primaryKey = pipeline.ensurePrimaryKey('treeSelect');
+
+    if (typeof primaryKey !== 'string') {
+      throw new Error('treeSelect 仅支持字符串作为 primaryKey');
+    }
+
+    var clickArea = (_a = opts.clickArea) !== null && _a !== void 0 ? _a : 'checkbox';
+    var isDisabled = (_b = opts.isDisabled) !== null && _b !== void 0 ? _b : (0, _others.always)(false);
+    var isDetached = (_c = opts.idDetached) !== null && _c !== void 0 ? _c : (0, _others.always)(false);
+    var value = (_f = (_e = (_d = opts.value) !== null && _d !== void 0 ? _d : pipeline.getStateAtKey(STATE_KEY)) !== null && _e !== void 0 ? _e : opts.defaultValue) !== null && _f !== void 0 ? _f : [];
+    var tree = opts.rootKey != null ? [(_ref = {}, (0, _defineProperty2.default)(_ref, primaryKey, opts.rootKey), (0, _defineProperty2.default)(_ref, "children", opts.tree), _ref)] : opts.tree;
+
+    var getNodeValue = function getNodeValue(node) {
+      return node[primaryKey];
+    };
+
+    var treeDataHelper = opts.checkStrictly ? new _StrictTreeDataHelper.default({
+      value: value,
+      getNodeValue: getNodeValue,
+      tree: tree
+    }) : new _TreeDataHelper.default({
+      value: value,
+      getNodeValue: getNodeValue,
+      isDetached: isDetached,
+      tree: tree,
+      checkedStrategy: (_g = opts.checkedStrategy) !== null && _g !== void 0 ? _g : 'parent'
+    });
+
+    var onToggleKey = function onToggleKey(key) {
+      var _a;
+
+      var nextValue = treeDataHelper.getValueAfterToggle(key);
+      pipeline.setStateAtKey(STATE_KEY, nextValue);
+      (_a = opts.onChange) === null || _a === void 0 ? void 0 : _a.call(opts, nextValue);
+    };
+
+    var makeCheckbox = function makeCheckbox(key, root, row) {
+      return /*#__PURE__*/_react.default.createElement(Checkbox, {
+        checked: treeDataHelper.isChecked(key),
+        indeterminate: treeDataHelper.isIndeterminate(key),
+        disabled: !root && isDisabled(row),
+        onChange: clickArea === 'checkbox' || root ? function () {
+          return onToggleKey(key);
+        } : undefined
+      });
+    };
+
+    var checkboxColumn = (0, _extends2.default)((0, _extends2.default)({
+      name: '',
+      width: 50,
+      align: 'center',
+      title: opts.rootKey != null ? makeCheckbox(opts.rootKey, true) : undefined
+    }, opts.checkboxColumn), {
+      render: function render(value, record) {
+        return makeCheckbox(record[primaryKey], false, record);
+      },
+      getCellProps: function getCellProps(value, row) {
+        var rowKey = row[primaryKey];
+
+        if (clickArea !== 'cell') {
+          return;
+        }
+
+        var disabled = isDisabled(row);
+
+        if (disabled) {
+          return {
+            style: {
+              cursor: 'not-allowed'
+            }
+          };
+        }
+
+        return {
+          style: {
+            cursor: 'pointer'
+          },
+          onClick: function onClick(e) {
+            if (opts.stopClickEventPropagation) {
+              e.stopPropagation();
+            }
+
+            onToggleKey(rowKey);
+          }
+        };
+      }
+    });
+    var nextColumns = (0, _slice.default)(_context = pipeline.getColumns()).call(_context);
+    var checkboxPlacement = (_h = opts.checkboxPlacement) !== null && _h !== void 0 ? _h : 'start';
+
+    if (checkboxPlacement === 'start') {
+      nextColumns.unshift(checkboxColumn);
+    } else {
+      nextColumns.push(checkboxColumn);
+    }
+
+    pipeline.columns(nextColumns);
+
+    if (clickArea === 'row') {
+      pipeline.appendRowPropsGetter(function (row) {
+        var disabled = isDisabled(row);
+
+        if (!disabled) {
+          return {
+            style: {
+              cursor: 'pointer'
+            },
+            onClick: function onClick(e) {
+              if (opts.stopClickEventPropagation) {
+                e.stopPropagation();
+              }
+
+              onToggleKey(row[primaryKey]);
+            }
+          };
+        }
+      });
+    }
+
+    if (opts.highlightRowWhenSelected) {
+      pipeline.appendRowPropsGetter(function (row) {
+        if (treeDataHelper.isChecked(row[primaryKey])) {
+          return {
+            className: 'highlight'
+          };
+        }
+      });
+    }
+
+    return pipeline;
+  };
+}

package/lib/table/pipeline/index.d.ts

@@ -0,0 +1,3 @@
+import * as features from './features';
+export { TablePipeline, useTablePipeline } from './pipeline';
+export { features };

package/lib/table/pipeline/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TablePipeline", {
+  enumerable: true,
+  get: function get() {
+    return _pipeline.TablePipeline;
+  }
+});
+Object.defineProperty(exports, "useTablePipeline", {
+  enumerable: true,
+  get: function get() {
+    return _pipeline.useTablePipeline;
+  }
+});
+exports.features = void 0;
+
+var features = _interopRequireWildcard(require("./features"));
+
+exports.features = features;
+
+var _pipeline = require("./pipeline");

package/lib/table/pipeline/pipeline.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import { TableProps, PrimaryKey } from '../base';
+import { ArtColumn, TableTransform, Transform } from '../interfaces';
+declare type RowPropsGetter = TableProps['getRowProps'];
+export interface TablePipelineIndentsConfig {
+    iconIndent: number;
+    iconWidth: 16;
+    iconGap: number;
+    indentSize: number;
+}
+export interface TablePipelineCtx {
+    primaryKey?: PrimaryKey;
+    components: {
+        [name: string]: any;
+    };
+    indents: TablePipelineIndentsConfig;
+    [key: string]: any;
+}
+/**
+ * 表格数据处理流水线。TablePipeline 提供了表格数据处理过程中的一些上下方与工具方法，包括……
+ *
+ * 1. ctx：上下文环境对象，step（流水线上的一步）可以对 ctx 中的字段进行读写。
+ * ctx 中部分字段名称有特定的含义（例如 primaryKey 表示行的主键），使用自定义的上下文信息时注意避开这些名称。
+ *
+ * 2. rowPropsGetters：getRowProps 回调队列，step 可以通过 pipeline.appendRowPropsGetter 向队列中追加回调函数，
+ *   在调用 pipeline.props() 队列中的所有函数会组合形成最终的 getRowProps
+ *
+ * 3. 当前流水线的状态，包括 dataSource, columns, rowPropsGetters 三个部分
+ *
+ * 4. snapshots，调用 pipeline.snapshot(name) 可以记录当前的状态，后续可以通过 name 来读取保存的状态
+ * */
+export declare class TablePipeline {
+    ref?: React.MutableRefObject<any>;
+    private readonly _snapshots;
+    private readonly _rowPropsGetters;
+    private _tableProps;
+    private _dataSource;
+    private _columns;
+    static defaultIndents: TablePipelineIndentsConfig;
+    readonly ctx: TablePipelineCtx;
+    private readonly state;
+    private readonly setState;
+    constructor({ state, setState, ctx, ref }: {
+        state: any;
+        setState: TablePipeline['setState'];
+        ctx: Partial<TablePipelineCtx>;
+        ref?: React.MutableRefObject<any>;
+    });
+    guid(): string;
+    appendRowPropsGetter(getter: RowPropsGetter): this;
+    addTableProps(props: React.HTMLAttributes<HTMLTableElement>): void;
+    getDataSource(name?: string): any[];
+    getColumns(name?: string): any[];
+    getStateAtKey<T = any>(stateKey: string, defaultValue?: T): T;
+    /** 将 stateKey 对应的状态设置为 partialState  */
+    setStateAtKey(stateKey: string, partialState: any, extraInfo?: any): void;
+    /** 确保 primaryKey 已被设置，并返回 primaryKey  */
+    ensurePrimaryKey(hint?: string): PrimaryKey;
+    /** 设置流水线的输入数据 */
+    input(input: {
+        dataSource: any[];
+        columns: ArtColumn[];
+    }): this;
+    /** 设置 dataSource */
+    dataSource(rows: any[]): this;
+    /** 设置 columns */
+    columns(cols: ArtColumn[]): this;
+    /** 设置主键 */
+    primaryKey(key: PrimaryKey): this;
+    /** 保存快照 */
+    snapshot(name: string): this;
+    /** @deprecated
+     *  应用一个 kd-table Table transform */
+    useTransform(transform: TableTransform): this;
+    /** 使用 pipeline 功能拓展 */
+    use(step: (pipeline: this) => this): this;
+    /** 转换 dataSource */
+    mapDataSource(mapper: Transform<any[]>): this;
+    /** 转换 columns */
+    mapColumns(mapper: Transform<ArtColumn[]>): this;
+    /** 获取 BaseTable 的 props，结果中包含 dataSource/columns/primaryKey/getRowProps 四个字段 */
+    getProps(this: TablePipeline): TableProps;
+}
+export declare function useTablePipeline(ctx?: Partial<TablePipelineCtx>): TablePipeline;
+export {};