@kdcloudjs/table 1.2.0-canary.1 → 1.2.0-canary.3

package/dist/@kdcloudjs/table.css

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/table v1.1.6-canary.4
+ *   @kdcloudjs/table v1.2.0-canary.2
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.

package/dist/@kdcloudjs/table.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/table v1.1.6-canary.4
+ *   @kdcloudjs/table v1.2.0-canary.2
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -4640,7 +4640,9 @@ var _templateObject, _templateObject2, _templateObject3;
 
 
 var InlineFlexCell = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  display: inline-flex;\n  align-items: center;\n"])));
-var ExpansionCell = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(InlineFlexCell)(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_4__["Classes"].leaf, _base_styles__WEBPACK_IMPORTED_MODULE_4__["Classes"].expanded);
+var ExpansionCell = Object(styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(function (props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(InlineFlexCell, props);
+})(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1___default()(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _base_styles__WEBPACK_IMPORTED_MODULE_4__["Classes"].leaf, _base_styles__WEBPACK_IMPORTED_MODULE_4__["Classes"].expanded);
 
 function CaretDownIcon(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("svg", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
@@ -6419,7 +6421,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 var TableHeaderCellResize = styled_components__WEBPACK_IMPORTED_MODULE_15__["default"].div(_templateObject || (_templateObject = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_5___default()(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])));
-var TableHeaderGroupCellResize = Object(styled_components__WEBPACK_IMPORTED_MODULE_15__["default"])(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_5___default()(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
+var TableHeaderGroupCellResize = Object(styled_components__WEBPACK_IMPORTED_MODULE_15__["default"])(function (props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(TableHeaderCellResize, props);
+})(_templateObject2 || (_templateObject2 = _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_5___default()(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
 
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));
@@ -8029,6 +8033,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+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) {
@@ -8059,10 +8066,9 @@ function multiSelect() {
         action: action
       });
     };
-
-    var dataSource = pipeline.getDataSource();
     /** dataSource 中包含的所有 keys */
 
+
     var fullKeySet = new Set();
     /** 所有有效的 keys（disable 状态为 false） */
 
@@ -8071,7 +8077,7 @@ function multiSelect() {
     var isAllChecked = set.size !== 0; // 当前不存在选中则默认为false
 
     var isAnyChecked = false;
-    var flatDataSource = Object(_utils__WEBPACK_IMPORTED_MODULE_17__["collectNodes"])(dataSource);
+    var flatDataSource = Object(_utils__WEBPACK_IMPORTED_MODULE_17__["collectNodes"])(pipeline.getDataSource());
     flatDataSource.forEach(function (row, rowIndex) {
       var rowKey = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
       fullKeySet.add(rowKey); // 在 allKeys 中排除被禁用的 key
@@ -8099,6 +8105,8 @@ function multiSelect() {
         checked: isAllChecked,
         indeterminate: !isAllChecked && isAnyChecked,
         onChange: function onChange(_) {
+          var allKeys = pipeline.getFeatureOptions(allEnableKeys);
+
           if (isAllChecked) {
             _onChange(_utils_others__WEBPACK_IMPORTED_MODULE_16__["arrayUtils"].diff(value, allKeys), '', allKeys, 'uncheck-all');
           } else {
@@ -8119,9 +8127,11 @@ function multiSelect() {
           var rowKey = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
           var checkboxCellProps = {};
           var preCellProps = (_opts$checkboxColumn = opts.checkboxColumn) === null || _opts$checkboxColumn === void 0 ? void 0 : (_opts$checkboxColumn$ = _opts$checkboxColumn.getCellProps) === null || _opts$checkboxColumn$ === void 0 ? void 0 : _opts$checkboxColumn$.call(_opts$checkboxColumn, value, row, rowIndex);
+          var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new Set();
+          var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new Set();
 
-          if (fullKeySet.has(rowKey) && clickArea === 'cell') {
-            var prevChecked = set.has(rowKey);
+          if (fullRowsSet.has(rowKey) && clickArea === 'cell') {
+            var prevChecked = selectValueSet.has(rowKey);
             var disabled = isDisabled(row, rowIndex);
             checkboxCellProps = {
               style: {
@@ -8145,7 +8155,8 @@ function multiSelect() {
           }
 
           var key = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
-          var checked = set.has(key);
+          var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new Set();
+          var checked = selectValueSet.has(key);
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Checkbox, {
             checked: checked,
             disabled: isDisabled(row, rowIndex),
@@ -8183,8 +8194,9 @@ function multiSelect() {
 
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var rowKey = _internals__WEBPACK_IMPORTED_MODULE_15__["internals"].safeGetRowKey(primaryKey, row, rowIndex);
+      var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new Set();
 
-      if (!fullKeySet.has(rowKey)) {
+      if (!fullRowsSet.has(rowKey)) {
         // rowKey 不在 fullKeySet 中说明这一行是在 multiSelect 之后才生成的，multiSelect 不对之后生成的行进行处理
         return;
       }
@@ -8192,7 +8204,8 @@ function multiSelect() {
       var style = {};
       var className;
       var onClick;
-      var checked = set.has(rowKey);
+      var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new Set();
+      var checked = selectValueSet.has(rowKey);
 
       if (opts.highlightRowWhenSelected && checked) {
         className = 'highlight';
@@ -8219,22 +8232,32 @@ function multiSelect() {
         style: style,
         onClick: onClick
       };
-    });
+    }); // 只保留一份到pipeline， 避免行数据过多时内容被握住
+
+    pipeline.setFeatureOptions(fullRowsSetKey, fullKeySet);
+    pipeline.setFeatureOptions(allEnableKeys, allKeys);
+    pipeline.setFeatureOptions(selectValueSetKey, set);
+    fullKeySet = null;
+    allKeys = null;
+    set = null;
     return pipeline;
 
     function onCheckboxChange(prevChecked, key, batch) {
       var batchKeys = [key];
 
       if (batch && lastKey) {
-        var lastIdx = allKeys.indexOf(lastKey);
-        var cntIdx = allKeys.indexOf(key);
+        var _allKeys = pipeline.getFeatureOptions(allEnableKeys);
+
+        var lastIdx = _allKeys.indexOf(lastKey);
+
+        var cntIdx = _allKeys.indexOf(key);
 
         var _ref5 = lastIdx < cntIdx ? [lastIdx, cntIdx] : [cntIdx, lastIdx],
             _ref6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_ref5, 2),
             start = _ref6[0],
             end = _ref6[1];
 
-        batchKeys = allKeys.slice(start, end + 1);
+        batchKeys = _allKeys.slice(start, end + 1);
       }
 
       if (prevChecked) {