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

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

@@ -1,55 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.multiSelect = multiSelect;
-
 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 _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _internals = require("../../internals");
-
 var _others = require("../../utils/others");
-
 var _utils = require("../../utils");
-
 var fullRowsSetKey = 'fullRowsSetKey';
 var allEnableKeys = 'allEnableKeys';
 var selectValueSetKey = 'selectValueSetKey';
-
 function multiSelect() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function multiSelectStep(pipeline) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-
     var stateKey = 'multiSelect';
     var Checkbox = pipeline.ctx.components.Checkbox;
-
     if (Checkbox == null) {
       throw new Error('使用 multiSelect 之前需要设置 pipeline.ctx.components.Checkbox');
     }
-
     var primaryKey = pipeline.ensurePrimaryKey('multiSelect');
     var isDisabled = (_a = opts.isDisabled) !== null && _a !== void 0 ? _a : (0, _others.always)(false);
     var clickArea = (_b = opts.clickArea) !== null && _b !== void 0 ? _b : 'checkbox';
     var value = (_f = (_e = (_c = opts.value) !== null && _c !== void 0 ? _c : (_d = pipeline.getStateAtKey(stateKey)) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : opts.defaultValue) !== null && _f !== void 0 ? _f : [];
     var lastKey = (_k = (_j = (_g = opts.lastKey) !== null && _g !== void 0 ? _g : (_h = pipeline.getStateAtKey(stateKey)) === null || _h === void 0 ? void 0 : _h.lastKey) !== null && _j !== void 0 ? _j : opts.defaultLastKey) !== null && _k !== void 0 ? _k : '';
-
     var _onChange = function onChange(nextValue, key, keys, action) {
       var _a;
-
       (_a = opts.onChange) === null || _a === void 0 ? void 0 : _a.call(opts, nextValue, key, keys, action);
       pipeline.setStateAtKey(stateKey, {
         value: nextValue,
@@ -60,47 +43,38 @@ function multiSelect() {
       });
     };
     /** dataSource 中包含的所有 keys */
-
-
     var fullKeySet = new _set.default();
     /** 所有有效的 keys（disable 状态为 false） */
-
     var allKeys = [];
     var set = new _set.default(value);
     var isAllChecked = set.size !== 0; // 当前不存在选中则默认为false
-
     var isAnyChecked = false;
     var flatDataSource = (0, _utils.collectNodes)(pipeline.getDataSource());
     flatDataSource.forEach(function (row, rowIndex) {
       var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
-      fullKeySet.add(rowKey); // 在 allKeys 中排除被禁用的 key
-
+      fullKeySet.add(rowKey);
+      // 在 allKeys 中排除被禁用的 key
       if (!isDisabled(row, rowIndex)) {
-        allKeys.push(rowKey); // 存在一个非选中，则不再进行判断
-
+        allKeys.push(rowKey);
+        // 存在一个非选中，则不再进行判断
         if (isAllChecked) {
           isAllChecked = set.has(rowKey);
-        } // 存在一个选中，则不再进行判断
-
-
+        }
+        // 存在一个选中，则不再进行判断
         if (!isAnyChecked) {
           isAnyChecked = set.has(rowKey);
         }
       }
-    }); // todo: 暂使用hidden隐藏选择列 后续增加配置
-
+    });
+    // todo: 暂使用hidden隐藏选择列 后续增加配置
     var hiddenSelectColumn = opts.checkboxColumn && opts.checkboxColumn.hidden === true;
-
     if (!hiddenSelectColumn) {
       var _context;
-
       var defaultCheckboxColumnTitle = /*#__PURE__*/_react.default.createElement(Checkbox, {
         checked: isAllChecked,
         indeterminate: !isAllChecked && isAnyChecked,
         onChange: function onChange(_) {
           var allKeys = pipeline.getFeatureOptions(allEnableKeys);
-
           if (isAllChecked) {
             _onChange(_others.arrayUtils.diff(value, allKeys), '', allKeys, 'uncheck-all');
           } else {
@@ -108,7 +82,6 @@ function multiSelect() {
           }
         }
       });
-
       var checkboxColumn = (0, _extends3.default)((0, _extends3.default)({
         name: '是否选中',
         title: defaultCheckboxColumnTitle,
@@ -117,14 +90,11 @@ function multiSelect() {
       }, opts.checkboxColumn), {
         getCellProps: function getCellProps(value, row, rowIndex) {
           var _a, _b;
-
           var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
           var checkboxCellProps = {};
           var preCellProps = (_b = (_a = opts.checkboxColumn) === null || _a === void 0 ? void 0 : _a.getCellProps) === null || _b === void 0 ? void 0 : _b.call(_a, value, row, rowIndex);
           var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new _set.default();
           var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _set.default();
-
           if (fullRowsSet.has(rowKey) && clickArea === 'cell') {
             var prevChecked = selectValueSet.has(rowKey);
             var disabled = isDisabled(row, rowIndex);
@@ -136,39 +106,32 @@ function multiSelect() {
                 if (opts.stopClickEventPropagation) {
                   e.stopPropagation();
                 }
-
                 onCheckboxChange(prevChecked, rowKey, e.shiftKey);
               }
             };
           }
-
           return (0, _utils.mergeCellProps)(preCellProps, checkboxCellProps);
         },
         render: function render(_, row, rowIndex) {
           if (row[pipeline.getFeatureOptions('footerRowMetaKey')]) {
             return null;
           }
-
           var key = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
           var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _set.default();
           var checked = selectValueSet.has(key);
           return /*#__PURE__*/_react.default.createElement(Checkbox, {
             checked: checked,
             disabled: isDisabled(row, rowIndex),
             onChange: clickArea === 'checkbox' ? function (arg1, arg2) {
-              var _a; // 这里要同时兼容 antd 和 fusion 的用法
+              var _a;
+              // 这里要同时兼容 antd 和 fusion 的用法
               // fusion: arg2?.nativeEvent
               // antd: arg1.nativeEvent
-
-
               var nativeEvent = (_a = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _a !== void 0 ? _a : arg1.nativeEvent;
-
               if (nativeEvent) {
                 if (opts.stopClickEventPropagation) {
                   nativeEvent.stopPropagation();
                 }
-
                 onCheckboxChange(checked, key, nativeEvent.shiftKey);
               }
             } : undefined
@@ -178,59 +141,47 @@ function multiSelect() {
       });
       var nextColumns = (0, _slice.default)(_context = pipeline.getColumns()).call(_context);
       var checkboxPlacement = (_m = opts.checkboxPlacement) !== null && _m !== void 0 ? _m : 'start';
-
       if (checkboxPlacement === 'start') {
         nextColumns.unshift(checkboxColumn);
       } else {
         nextColumns.push(checkboxColumn);
       }
-
       pipeline.columns(nextColumns);
     }
-
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
       var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new _set.default();
-
       if (!fullRowsSet.has(rowKey)) {
         // rowKey 不在 fullKeySet 中说明这一行是在 multiSelect 之后才生成的，multiSelect 不对之后生成的行进行处理
         return;
       }
-
       var style = {};
       var className;
       var onClick;
       var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _set.default();
       var checked = selectValueSet.has(rowKey);
-
       if (opts.highlightRowWhenSelected && checked) {
         className = 'highlight';
       }
-
       if (clickArea === 'row') {
         var disabled = isDisabled(row, rowIndex);
-
         if (!disabled) {
           style.cursor = 'pointer';
-
           onClick = function onClick(e) {
             if (opts.stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             onCheckboxChange(checked, rowKey, e.shiftKey);
           };
         }
       }
-
       return {
         className: className,
         style: style,
         onClick: onClick
       };
-    }); // 只保留一份到pipeline， 避免行数据过多时内容被握住
-
+    });
+    // 只保留一份到pipeline， 避免行数据过多时内容被握住
     pipeline.setFeatureOptions(fullRowsSetKey, fullKeySet);
     pipeline.setFeatureOptions(allEnableKeys, allKeys);
     pipeline.setFeatureOptions(selectValueSetKey, set);
@@ -238,25 +189,18 @@ function multiSelect() {
     allKeys = null;
     set = null;
     return pipeline;
-
     function onCheckboxChange(prevChecked, key, batch) {
       var batchKeys = [key];
-
       if (batch && lastKey) {
         var _allKeys = pipeline.getFeatureOptions(allEnableKeys);
-
         var lastIdx = _allKeys.indexOf(lastKey);
-
         var cntIdx = _allKeys.indexOf(key);
-
         var _ref = lastIdx < cntIdx ? [lastIdx, cntIdx] : [cntIdx, lastIdx],
-            _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-            start = _ref2[0],
-            end = _ref2[1];
-
+          _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+          start = _ref2[0],
+          end = _ref2[1];
         batchKeys = (0, _slice.default)(_allKeys).call(_allKeys, start, end + 1);
       }
-
       if (prevChecked) {
         _onChange(_others.arrayUtils.diff(value, batchKeys), key, batchKeys, 'uncheck');
       } else {