@kdcloudjs/table 1.2.1-canary.6 → 1.2.2-canary.3

package/lib/table/pipeline/pipeline.js

@@ -1,33 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TablePipeline = void 0;
 exports.useTablePipeline = useTablePipeline;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
 var _react = require("react");
-
 var _utils = require("../utils");
-
 var _autoFill = require("./features/autoFill");
-
+var _utils2 = require("./features/featureApi/utils");
 /**
  * 表格数据处理流水线。TablePipeline 提供了表格数据处理过程中的一些上下方与工具方法，包括……
  *
@@ -41,12 +30,12 @@ var _autoFill = require("./features/autoFill");
  *
  * 4. snapshots，调用 pipeline.snapshot(name) 可以记录当前的状态，后续可以通过 name 来读取保存的状态
  * */
-var TablePipeline = /*#__PURE__*/function () {
+var TablePipeline = exports.TablePipeline = /*#__PURE__*/function () {
   function TablePipeline(_ref) {
     var state = _ref.state,
-        setState = _ref.setState,
-        ctx = _ref.ctx,
-        ref = _ref.ref;
+      setState = _ref.setState,
+      ctx = _ref.ctx,
+      ref = _ref.ref;
     (0, _classCallCheck2.default)(this, TablePipeline);
     this._snapshots = {};
     this._rowPropsGetters = [];
@@ -59,23 +48,20 @@ var TablePipeline = /*#__PURE__*/function () {
     this.setState = setState;
     this.ref = ref;
     (0, _extends3.default)(this.ctx, ctx);
-  } // Generate a pseudo-GUID by concatenating random hexadecimal.
-
-
-  (0, _createClass2.default)(TablePipeline, [{
+  }
+  // Generate a pseudo-GUID by concatenating random hexadecimal.
+  return (0, _createClass2.default)(TablePipeline, [{
     key: "guid",
     value: function guid() {
       function S4() {
         return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
       }
-
       return S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4();
     }
   }, {
     key: "appendRowPropsGetter",
     value: function appendRowPropsGetter(getter) {
       this._rowPropsGetters.push(getter);
-
       return this;
     }
   }, {
@@ -115,11 +101,9 @@ var TablePipeline = /*#__PURE__*/function () {
     key: "getStateAtKey",
     value: function getStateAtKey(stateKey, defaultValue) {
       var _a;
-
       return (_a = this.state[stateKey]) !== null && _a !== void 0 ? _a : defaultValue;
     }
     /** 将 stateKey 对应的状态设置为 partialState  */
-
   }, {
     key: "setStateAtKey",
     value: function setStateAtKey(stateKey, partialState, extraInfo) {
@@ -128,32 +112,28 @@ var TablePipeline = /*#__PURE__*/function () {
       }, stateKey, partialState, extraInfo);
     }
     /** 确保 primaryKey 已被设置，并返回 primaryKey  */
-
   }, {
     key: "ensurePrimaryKey",
     value: function ensurePrimaryKey(hint) {
       if (this.ctx.primaryKey == null) {
         throw new Error(hint ? "\u4F7F\u7528 ".concat(hint, " \u4E4B\u524D\u5FC5\u987B\u5148\u8BBE\u7F6E primaryKey") : '必须先设置 primaryKey');
       }
-
       return this.ctx.primaryKey;
     }
     /** 设置流水线的输入数据 */
-
   }, {
     key: "input",
     value: function input(_input) {
       var _context,
-          _this = this;
-
+        _this = this;
       if (this._dataSource != null || this._columns != null) {
         throw new Error('input 不能调用两次');
-      } // 在 pipeline 中识别本次更新是否有数据变化
-
-
+      }
+      // 在 pipeline 中识别本次更新是否有数据变化
       this._isSameInputDataSource = _input.dataSource === this.ref.current._lastInputDataSource;
       this._dataSource = _input.dataSource;
       this.ref.current._lastInputDataSource = _input.dataSource;
+      this.ref.current.lastPipeline = this;
       this._columns = (0, _map.default)(_context = _input.columns).call(_context, function (col) {
         return (0, _extends3.default)((0, _extends3.default)({}, col), {
           key: _this.guid()
@@ -163,7 +143,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 dataSource */
-
   }, {
     key: "dataSource",
     value: function dataSource(rows) {
@@ -171,7 +150,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 columns */
-
   }, {
     key: "columns",
     value: function columns(cols) {
@@ -179,7 +157,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置主键 */
-
   }, {
     key: "primaryKey",
     value: function primaryKey(key) {
@@ -187,7 +164,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置页脚数据 */
-
   }, {
     key: "footerDataSource",
     value: function footerDataSource(rows) {
@@ -195,12 +171,10 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 保存快照 */
-
   }, {
     key: "snapshot",
     value: function snapshot(name) {
       var _context2;
-
       this._snapshots[name] = {
         dataSource: this._dataSource,
         columns: this._columns,
@@ -210,7 +184,6 @@ var TablePipeline = /*#__PURE__*/function () {
     }
     /** @deprecated
      *  应用一个 kd-table Table transform */
-
   }, {
     key: "useTransform",
     value: function useTransform(transform) {
@@ -221,63 +194,52 @@ var TablePipeline = /*#__PURE__*/function () {
       return this.dataSource(next.dataSource).columns(next.columns);
     }
     /** 使用 pipeline 功能拓展 */
-
   }, {
     key: "use",
     value: function use(step) {
       return step(this);
     }
     /** 转换 dataSource */
-
   }, {
     key: "mapDataSource",
     value: function mapDataSource(mapper) {
       return this.dataSource(mapper(this.getDataSource()));
     }
     /** 转换 columns */
-
   }, {
     key: "mapColumns",
     value: function mapColumns(mapper) {
       return this.columns(mapper(this.getColumns()));
     }
     /** 获取featureOptions 内容 */
-
   }, {
     key: "getFeatureOptions",
     value: function getFeatureOptions(optionKey) {
       var _a;
-
       return (_a = this.ref.current.featureOptions) === null || _a === void 0 ? void 0 : _a[optionKey];
     }
     /** 设置pipelineOptions 内容 */
-
   }, {
     key: "setFeatureOptions",
     value: function setFeatureOptions(optionKey, value) {
       this.ref.current.featureOptions[optionKey] = value;
     }
     /** 获取 BaseTable 的 props，结果中包含 dataSource/columns/primaryKey/getRowProps 四个字段 */
-
   }, {
     key: "getProps",
     value: function getProps() {
       var _this2 = this;
-
       this.use((0, _autoFill.autoFillTableWidth)());
       var result = {
         dataSource: this._dataSource,
         columns: this._columns
       };
-
       if (this.ctx.primaryKey) {
         result.primaryKey = this.ctx.primaryKey;
       }
-
       if (this._footerDataSource) {
         result.footerDataSource = this._footerDataSource;
       }
-
       if (this._rowPropsGetters.length > 0) {
         result.getRowProps = function (row, rowIndex) {
           return _this2._rowPropsGetters.reduce(function (res, get) {
@@ -285,49 +247,58 @@ var TablePipeline = /*#__PURE__*/function () {
           }, {});
         };
       }
-
       result.getTableProps = function () {
         return _this2._tableProps;
       };
-
       result.setTableWidth = function (tableWidth) {
         var preTableWidth = _this2.getStateAtKey(_autoFill.tableWidthKey);
-
         if (preTableWidth !== tableWidth) {
           tableWidth && _this2.setStateAtKey(_autoFill.tableWidthKey, tableWidth);
         }
       };
-
       result.setTableDomHelper = function (domHelper) {
         _this2.ref.current.domHelper = domHelper;
       };
-
       result.setRowHeightManager = function (rowHeightManager) {
         _this2.ref.current.rowHeightManager = rowHeightManager;
       };
-
       return result;
     }
+  }, {
+    key: "getFeatureApi",
+    value: function getFeatureApi(featureName) {
+      var _a;
+      return (_a = this.ref.current.featureApi) === null || _a === void 0 ? void 0 : _a[featureName];
+    }
+  }, {
+    key: "addFeatureApi",
+    value: function addFeatureApi(featureName) {
+      if (!this.getFeatureApi(featureName)) {
+        this.ref.current.featureApi[featureName] = (0, _utils2.createFeatureApi)(featureName, this);
+      }
+      return this.ref.current.featureApi[featureName];
+    }
+  }, {
+    key: "getLastPipeline",
+    value: function getLastPipeline() {
+      return this.ref.current.lastPipeline;
+    }
   }]);
-  return TablePipeline;
 }();
-
-exports.TablePipeline = TablePipeline;
 TablePipeline.defaultIndents = {
   iconIndent: -8,
   iconWidth: 16,
   iconGap: 0,
   indentSize: 16
 };
-
 function useTablePipeline(ctx) {
   var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var ref = (0, _react.useRef)({
-    featureOptions: {}
+    featureOptions: {},
+    featureApi: {}
   });
   return new TablePipeline({
     state: state,

package/lib/table/pivot/cross-table/buildCrossTable.js

@@ -1,61 +1,39 @@
 "use strict";
 
 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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = buildCrossTable;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _utils = require("../../utils");
-
 var _constants = require("./constants");
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { 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 = it.call(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 _context4; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context4 = Object.prototype.toString.call(o)).call(_context4, 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; }
-
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context4; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context4 = {}.toString.call(r)).call(_context4, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 function buildCrossTable(options) {
   var _a, _b, _c;
-
   var leftTotalNode = options.leftTotalNode,
-      topTotalNode = options.topTotalNode; // 有的时候 leftTree/topTree 是通过 node.children 传入的
+    topTotalNode = options.topTotalNode;
+  // 有的时候 leftTree/topTree 是通过 node.children 传入的
   // 此时 leftTree/topTree 等于 null 和等于空数组是等价的
   // 故在这里兼容 leftTree/topTree 为空的情况
-
   var leftTree = (_a = options.leftTree) !== null && _a !== void 0 ? _a : [];
   var topTree = (_b = options.topTree) !== null && _b !== void 0 ? _b : [];
   var leftMetaColumns = (_c = options.leftMetaColumns) !== null && _c !== void 0 ? _c : [];
@@ -65,24 +43,17 @@ function buildCrossTable(options) {
     dataSource: getDataSource()
   };
   /** 获取表格的列配置 */
-
   function getColumns() {
     var _context;
-
     return (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)(getLeftPartColumns()), (0, _toConsumableArray2.default)(getDataPartColumns()));
-
     function getLeftPartColumns() {
       var _a;
-
       var leftPartColumns = [];
-
       for (var index = 0; index < leftHeaderWidth; index++) {
         var metaCol = (_a = leftMetaColumns[index]) !== null && _a !== void 0 ? _a : {};
-
         var getCellProps = metaCol.getCellProps,
-            render = metaCol.render,
-            staticMetaColConfig = __rest(metaCol, ["getCellProps", "render"]);
-
+          render = metaCol.render,
+          staticMetaColConfig = __rest(metaCol, ["getCellProps", "render"]);
         leftPartColumns.push((0, _extends2.default)((0, _extends2.default)({
           columnType: 'left',
           lock: true
@@ -93,48 +64,37 @@ function buildCrossTable(options) {
           render: leftHeaderRenderFactory(metaCol, index)
         }));
       }
-
       return leftPartColumns;
-
       function leftHeaderGetCellPropsFactory(metaCol, colIndex) {
         return function (_value, row, rowIndex) {
           var _a;
-
           var node = row.nodes[colIndex];
           return (_a = metaCol.getCellProps) === null || _a === void 0 ? void 0 : _a.call(metaCol, node, colIndex);
         };
       }
-
       function leftHeaderGetSpanRectFactory(metaCol, colIndex) {
         return function (_value, row) {
           return row.rects[colIndex];
         };
       }
-
       function leftHeaderGetValueFactory(metaCol, colIndex) {
         return function (row, rowIndex) {
           var node = row.nodes[colIndex];
           return node.value;
         };
       }
-
       function leftHeaderRenderFactory(metaCol, colIndex) {
         return function (v, row, rowIndex) {
           var _a;
-
           var node = row.nodes[colIndex];
-
           if (metaCol.render) {
             return metaCol.render(node, colIndex);
           }
-
           return (_a = node.title) !== null && _a !== void 0 ? _a : node.value;
         };
       }
     }
     /** 获取表格数据部分的列配置 */
-
-
     function getDataPartColumns() {
       if (topTree.length > 0) {
         return dfs(topTree, {
@@ -149,29 +109,25 @@ function buildCrossTable(options) {
       } else {
         return [];
       }
-
       function dfs(nodes, ctx) {
         var result = [];
-
         var _iterator = _createForOfIteratorHelper(nodes),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
             ctx.valuePath.push(node.value);
-
             if ((0, _utils.isLeafNode)(node)) {
               // 叶子节点
               result.push(getDataColumn(node, ctx.depth));
             } else {
               var key = node.key,
-                  value = node.value,
-                  children = node.children,
-                  others = __rest(node // 强制展开的节点
-              , ["key", "value", "children"]); // 强制展开的节点
-
-
+                value = node.value,
+                children = node.children,
+                others = __rest(node
+                // 强制展开的节点
+                , ["key", "value", "children"]);
+              // 强制展开的节点
               result.push((0, _extends2.default)((0, _extends2.default)({
                 columnType: 'data-parent'
               }, others), {
@@ -182,7 +138,6 @@ function buildCrossTable(options) {
                 })
               }));
             }
-
             ctx.valuePath.pop();
           }
         } catch (err) {
@@ -190,23 +145,19 @@ function buildCrossTable(options) {
         } finally {
           _iterator.f();
         }
-
         return result;
       }
     }
-
     function getDataColumn(topNode, topDepth) {
       var columnGetValue = function columnGetValue(row) {
         var leftDepth = row.nodes.length - 1;
         var leftNode = row.nodes[leftDepth];
         return options.getValue(leftNode, topNode, leftDepth, topDepth);
       };
-
       var key = topNode.key,
-          value = topNode.value,
-          children = topNode.children,
-          others = __rest(topNode, ["key", "value", "children"]);
-
+        value = topNode.value,
+        children = topNode.children,
+        others = __rest(topNode, ["key", "value", "children"]);
       return (0, _extends2.default)((0, _extends2.default)({
         columnType: 'data'
       }, others), {
@@ -219,7 +170,6 @@ function buildCrossTable(options) {
             var leftNode = row.nodes[leftDepth];
             return options.render(value, leftNode, topNode, leftDepth, topDepth);
           }
-
           return value;
         },
         getCellProps: function getCellProps(value, row) {
@@ -232,7 +182,6 @@ function buildCrossTable(options) {
       });
     }
   }
-
   function getDataSource() {
     var flatRows = [];
     var ctx = {
@@ -241,41 +190,31 @@ function buildCrossTable(options) {
       rects: [],
       rowIndex: 0
     };
-
     if (leftTree.length > 0) {
       dfs(leftTree, ctx);
     } else if (leftTotalNode) {
       dfs([leftTotalNode], ctx);
     } // else 表格没有行，展示空表格
-
-
     return flatRows;
-
     function dfs(nodes, ctx) {
       var count = 0;
-
       var _iterator2 = _createForOfIteratorHelper(nodes),
-          _step2;
-
+        _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var _context2, _context3, _row;
-
+          var _context2, _context3;
           var node = _step2.value;
-
           if (node.hidden) {
             // 跳过被隐藏的节点
             continue;
           }
-
           var rect = {
             top: ctx.rowIndex + count,
             bottom: -1,
             left: ctx.depth,
             right: -1
           };
-          var row = (_row = {}, (0, _defineProperty2.default)(_row, _constants.ROW_KEY, node.key), (0, _defineProperty2.default)(_row, "rects", (0, _concat.default)(_context2 = []).call(_context2, (0, _toConsumableArray2.default)(ctx.rects), [rect])), (0, _defineProperty2.default)(_row, "nodes", (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(ctx.nodes), [node])), _row);
-
+          var row = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.ROW_KEY, node.key), "rects", (0, _concat.default)(_context2 = []).call(_context2, (0, _toConsumableArray2.default)(ctx.rects), [rect])), "nodes", (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(ctx.nodes), [node]));
           if ((0, _utils.isLeafNode)(node)) {
             rect.right = leftHeaderWidth;
             rect.bottom = rect.top + 1;
@@ -302,7 +241,6 @@ function buildCrossTable(options) {
       } finally {
         _iterator2.f();
       }
-
       return {
         count: count
       };

package/lib/table/pivot/cross-table/constants.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ROW_KEY = void 0;
-var ROW_KEY = 'rowKey';
-exports.ROW_KEY = ROW_KEY;
+var ROW_KEY = exports.ROW_KEY = 'rowKey';