@kdcloudjs/table 1.2.0-canary.6 → 1.2.0-canary.6-hotfix.2

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

@@ -1,56 +1,38 @@
 "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,
@@ -62,15 +44,12 @@ 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.default.createElement(Checkbox, {
         checked: treeDataHelper.isChecked(key),
@@ -81,7 +60,6 @@ function treeSelect(opts) {
         } : undefined
       });
     };
-
     var checkboxColumn = (0, _extends2.default)((0, _extends2.default)({
       name: '',
       width: 50,
@@ -93,13 +71,10 @@ function treeSelect(opts) {
       },
       getCellProps: function getCellProps(value, row) {
         var rowKey = row[primaryKey];
-
         if (clickArea !== 'cell') {
           return;
         }
-
         var disabled = isDisabled(row);
-
         if (disabled) {
           return {
             style: {
@@ -107,7 +82,6 @@ function treeSelect(opts) {
             }
           };
         }
-
         return {
           style: {
             cursor: 'pointer'
@@ -116,7 +90,6 @@ function treeSelect(opts) {
             if (opts.stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             onToggleKey(rowKey);
           }
         };
@@ -124,19 +97,15 @@ function treeSelect(opts) {
     });
     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: {
@@ -146,14 +115,12 @@ function treeSelect(opts) {
               if (opts.stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               onToggleKey(row[primaryKey]);
             }
           };
         }
       });
     }
-
     if (opts.highlightRowWhenSelected) {
       pipeline.appendRowPropsGetter(function (row) {
         if (treeDataHelper.isChecked(row[primaryKey])) {
@@ -163,7 +130,6 @@ function treeSelect(opts) {
         }
       });
     }
-
     return pipeline;
   };
 }

package/lib/table/pipeline/index.js

@@ -1,11 +1,8 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,13 +19,8 @@ Object.defineProperty(exports, "useTablePipeline", {
     return _pipeline.useTablePipeline;
   }
 });
-
 var features = _interopRequireWildcard(require("./features"));
-
 exports.features = features;
-
 var _pipeline = require("./pipeline");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/table/pipeline/pipeline.js

@@ -1,33 +1,21 @@
 "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");
-
 /**
  * 表格数据处理流水线。TablePipeline 提供了表格数据处理过程中的一些上下方与工具方法，包括……
  *
@@ -44,9 +32,9 @@ var _autoFill = require("./features/autoFill");
 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;
     (0, _classCallCheck2.default)(this, TablePipeline);
     this._snapshots = {};
     this._rowPropsGetters = [];
@@ -59,23 +47,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.
-
-
+  }
+  // Generate a pseudo-GUID by concatenating random hexadecimal.
   (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;
     }
   }, {
@@ -110,11 +95,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) {
@@ -123,28 +106,23 @@ 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 不能调用两次');
       }
-
       this._dataSource = _input.dataSource;
       this._columns = (0, _map.default)(_context = _input.columns).call(_context, function (col) {
         return (0, _extends3.default)((0, _extends3.default)({}, col), {
@@ -155,7 +133,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 dataSource */
-
   }, {
     key: "dataSource",
     value: function dataSource(rows) {
@@ -163,7 +140,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置 columns */
-
   }, {
     key: "columns",
     value: function columns(cols) {
@@ -171,7 +147,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置主键 */
-
   }, {
     key: "primaryKey",
     value: function primaryKey(key) {
@@ -179,7 +154,6 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 设置页脚数据 */
-
   }, {
     key: "footerDataSource",
     value: function footerDataSource(rows) {
@@ -187,12 +161,10 @@ var TablePipeline = /*#__PURE__*/function () {
       return this;
     }
     /** 保存快照 */
-
   }, {
     key: "snapshot",
     value: function snapshot(name) {
       var _context2;
-
       this._snapshots[name] = {
         dataSource: this._dataSource,
         columns: this._columns,
@@ -202,7 +174,6 @@ var TablePipeline = /*#__PURE__*/function () {
     }
     /** @deprecated
      *  应用一个 kd-table Table transform */
-
   }, {
     key: "useTransform",
     value: function useTransform(transform) {
@@ -213,63 +184,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) {
@@ -277,33 +237,26 @@ 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;
     }
   }]);
   return TablePipeline;
 }();
-
 exports.TablePipeline = TablePipeline;
 TablePipeline.defaultIndents = {
   iconIndent: -8,
@@ -311,13 +264,11 @@ TablePipeline.defaultIndents = {
   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: {}
   });