@kdcloudjs/table 1.2.1-canary.6 → 1.2.1-canary.7

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

@@ -4,13 +4,9 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
-
-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(_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 = it.call(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 _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context2 = Object.prototype.toString.call(o)).call(_context2, 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 _context2; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context2 = {}.toString.call(r)).call(_context2, 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; }
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -27,66 +23,54 @@ export 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');
     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(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(_filterInstanceProperty(openKeys).call(openKeys, function (key) {
           return key !== rowKey;
         }), rowKey, 'collapse');
       } else {
         var _context;
-
         onChangeOpenKeys(_concatInstanceProperty(_context = []).call(_context, _toConsumableArray(openKeys), [rowKey]), rowKey, 'expand');
       }
     };
-
     var isLeafNode = (_d = opts.isLeafNode) !== null && _d !== void 0 ? _d : standardIsLeafNode;
     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 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) {
       if (pipeline.isSameInputDataSource() && openKeys === pipeline.getFeatureOptions('lastOpenKeys')) {
         return pipeline.getFeatureOptions('lastTreeMode');
       }
-
       pipeline.setFeatureOptions('lastOpenKeys', pipeline.getStateAtKey(stateKey));
       var result = [];
       dfs(input, 0);
-
       function dfs(nodes, depth) {
         if (nodes == null) {
           return;
         }
-
         var _iterator = _createForOfIteratorHelper(nodes),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
@@ -104,7 +88,6 @@ export function treeMode() {
               rowKey: rowKey
             };
             result.push(_extends(_defineProperty({}, treeMetaKey, treeMeta), node));
-
             if (!isLeaf && expanded) {
               dfs(node.children, depth + 1);
             }
@@ -115,39 +98,31 @@ export function treeMode() {
           _iterator.f();
         }
       }
-
       pipeline.setFeatureOptions('lastTreeMode', result);
       return result;
     }
-
     function processColumns(columns) {
       if (columns.length === 0) {
         return columns;
       }
-
       var expandColIndex = _findIndexInstanceProperty(columns).call(columns, function (_ref) {
         var code = _ref.code;
         return code && opts.expandColCode === code;
       });
-
       expandColIndex = expandColIndex === -1 ? 0 : expandColIndex;
       var expandCol = columns[expandColIndex];
-
       var render = function render(value, record, recordIndex) {
         var content = internals.safeRender(expandCol, 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;
+          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.createElement(InlineFlexCell, {
             className: cx('expansion-cell', Classes.leaf)
@@ -157,15 +132,12 @@ export function treeMode() {
             }
           }, content));
         }
-
         var onClick = function onClick(e) {
           if (stopClickEventPropagation) {
             e.stopPropagation();
           }
-
           toggle(rowKey);
         };
-
         var expandCls = expanded ? Classes.expanded : Classes.collapsed;
         return /*#__PURE__*/React.createElement(ExpansionCell, {
           className: cx('expansion-cell', expandCls),
@@ -192,29 +164,23 @@ export function treeMode() {
           onClick: clickArea === 'icon' ? onClick : undefined
         }), content);
       };
-
       var getCellProps = function getCellProps(value, record, rowIndex) {
         var prevProps = internals.safeGetCellProps(expandCol, record, rowIndex);
-
         if (record[treeMetaKey] == null) {
           // 没有 treeMeta 信息的话，就返回原先的 cellProps
           return prevProps;
         }
-
         var _record$treeMetaKey2 = record[treeMetaKey],
-            isLeaf = _record$treeMetaKey2.isLeaf,
-            rowKey = _record$treeMetaKey2.rowKey;
-
+          isLeaf = _record$treeMetaKey2.isLeaf,
+          rowKey = _record$treeMetaKey2.rowKey;
         if (isLeaf) {
           return prevProps;
         }
-
         return mergeCellProps(prevProps, {
           onClick: function onClick(e) {
             if (stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             toggle(rowKey);
           },
           style: {
@@ -222,14 +188,13 @@ export function treeMode() {
           }
         });
       };
-
       columns[expandColIndex] = _extends(_extends({}, expandCol), {
-        title: /*#__PURE__*/React.createElement("span", {
+        title: ( /*#__PURE__*/React.createElement("span", {
           style: {
             marginLeft: iconIndent + iconWidth + iconGap,
             display: 'flex'
           }
-        }, internals.safeRenderHeader(expandCol)),
+        }, internals.safeRenderHeader(expandCol))),
         render: render,
         getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps
       });

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

@@ -8,32 +8,24 @@ import TreeDataHelper from '../../utils/tree-data-helpers/TreeDataHelper';
 var STATE_KEY = 'treeSelect';
 export function treeSelect(opts) {
   return function treeSelectStep(pipeline) {
-    var _ref, _context;
-
+    var _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 : always(false);
     var isDetached = (_c = opts.idDetached) !== null && _c !== void 0 ? _c : 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 = {}, _defineProperty(_ref, primaryKey, opts.rootKey), _defineProperty(_ref, "children", opts.tree), _ref)] : opts.tree;
-
+    var tree = opts.rootKey != null ? [_defineProperty(_defineProperty({}, primaryKey, opts.rootKey), "children", opts.tree)] : opts.tree;
     var getNodeValue = function getNodeValue(node) {
       return node[primaryKey];
     };
-
     var treeDataHelper = opts.checkStrictly ? new StrictTreeDataHelper({
       value: value,
       getNodeValue: getNodeValue,
@@ -45,15 +37,12 @@ export function treeSelect(opts) {
       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.createElement(Checkbox, {
         checked: treeDataHelper.isChecked(key),
@@ -64,7 +53,6 @@ export function treeSelect(opts) {
         } : undefined
       });
     };
-
     var checkboxColumn = _extends(_extends({
       name: '',
       width: 50,
@@ -76,13 +64,10 @@ export function treeSelect(opts) {
       },
       getCellProps: function getCellProps(value, row) {
         var rowKey = row[primaryKey];
-
         if (clickArea !== 'cell') {
           return;
         }
-
         var disabled = isDisabled(row);
-
         if (disabled) {
           return {
             style: {
@@ -90,7 +75,6 @@ export function treeSelect(opts) {
             }
           };
         }
-
         return {
           style: {
             cursor: 'pointer'
@@ -99,29 +83,22 @@ export function treeSelect(opts) {
             if (opts.stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             onToggleKey(rowKey);
           }
         };
       }
     });
-
     var nextColumns = _sliceInstanceProperty(_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: {
@@ -131,14 +108,12 @@ export function treeSelect(opts) {
               if (opts.stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               onToggleKey(row[primaryKey]);
             }
           };
         }
       });
     }
-
     if (opts.highlightRowWhenSelected) {
       pipeline.appendRowPropsGetter(function (row) {
         if (treeDataHelper.isChecked(row[primaryKey])) {
@@ -148,7 +123,6 @@ export function treeSelect(opts) {
         }
       });
     }
-
     return pipeline;
   };
 }

package/es/table/pipeline/pipeline.js

@@ -21,16 +21,13 @@ import { autoFillTableWidth, tableWidthKey } from './features/autoFill';
  *
  * 4. snapshots，调用 pipeline.snapshot(name) 可以记录当前的状态，后续可以通过 name 来读取保存的状态
  * */
-
 export var 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;
     _classCallCheck(this, TablePipeline);
-
     this._snapshots = {};
     this._rowPropsGetters = [];
     this._tableProps = {};
@@ -41,25 +38,21 @@ export var TablePipeline = /*#__PURE__*/function () {
     this.state = state;
     this.setState = setState;
     this.ref = ref;
-
     _extends(this.ctx, ctx);
-  } // Generate a pseudo-GUID by concatenating random hexadecimal.
-
-
-  _createClass(TablePipeline, [{
+  }
+  // Generate a pseudo-GUID by concatenating random hexadecimal.
+  return _createClass(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;
     }
   }, {
@@ -99,11 +92,9 @@ export 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) {
@@ -112,29 +103,24 @@ export 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;
@@ -147,7 +133,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 dataSource */
-
   }, {
     key: "dataSource",
     value: function dataSource(rows) {
@@ -155,7 +140,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 columns */
-
   }, {
     key: "columns",
     value: function columns(cols) {
@@ -163,7 +147,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置主键 */
-
   }, {
     key: "primaryKey",
     value: function primaryKey(key) {
@@ -171,7 +154,6 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置页脚数据 */
-
   }, {
     key: "footerDataSource",
     value: function footerDataSource(rows) {
@@ -179,12 +161,10 @@ export var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 保存快照 */
-
   }, {
     key: "snapshot",
     value: function snapshot(name) {
       var _context2;
-
       this._snapshots[name] = {
         dataSource: this._dataSource,
         columns: this._columns,
@@ -194,7 +174,6 @@ export var TablePipeline = /*#__PURE__*/function () {
     }
     /** @deprecated
      *  应用一个 kd-table Table transform */
-
   }, {
     key: "useTransform",
     value: function useTransform(transform) {
@@ -205,63 +184,52 @@ export 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(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) {
@@ -269,32 +237,24 @@ export var TablePipeline = /*#__PURE__*/function () {
           }, {});
         };
       }
-
       result.getTableProps = function () {
         return _this2._tableProps;
       };
-
       result.setTableWidth = function (tableWidth) {
         var preTableWidth = _this2.getStateAtKey(tableWidthKey);
-
         if (preTableWidth !== tableWidth) {
           tableWidth && _this2.setStateAtKey(tableWidthKey, tableWidth);
         }
       };
-
       result.setTableDomHelper = function (domHelper) {
         _this2.ref.current.domHelper = domHelper;
       };
-
       result.setRowHeightManager = function (rowHeightManager) {
         _this2.ref.current.rowHeightManager = rowHeightManager;
       };
-
       return result;
     }
   }]);
-
-  return TablePipeline;
 }();
 TablePipeline.defaultIndents = {
   iconIndent: -8,
@@ -304,10 +264,9 @@ TablePipeline.defaultIndents = {
 };
 export function useTablePipeline(ctx) {
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var ref = useRef({
     featureOptions: {}
   });