@kdcloudjs/table 1.2.0-canary.11 → 1.2.0-canary.13

package/dist/@kdcloudjs/table.css

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

package/dist/@kdcloudjs/table.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/table v1.2.0-canary.10
+ *   @kdcloudjs/table v1.2.0-canary.12
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -304,7 +304,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./components/index.tsx ***!
   \******************************/
-/*! exports provided: ConfigProvider, Table, TableProps, PrimaryKey, LoadingContentWrapperProps, Classes, TableCSSVariables, collectNodes, getTreeDepth, groupBy, isLeafNode, isGroupColumn, applyTransforms, buildTree, exportTableAsExcel, layeredSort, mergeCellProps, proto, makeRecursiveMapper, smartCompare, traverseColumn, copyDataToClipboard, executeOnTempElement, layeredFilter, getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds, console, browserType, makeAutoRowSpanTransform, useAutoWidthTransform, makeBuildTreeTransform, makeColumnHoverTransform, ColumnHoverOptions, useColumnHoverTransform, makeColumnRangeHoverTransform, ColumnRangeHoverOptions, useColumnHoverRangeTransform, makeColumnResizeTransform, ColumnResizeOptions, useColumnResizeTransform, makeFlattenTransform, makeOrderFieldTransform, makeSortTransform, SortHeaderCellProps, SortOptions, useSortTransform, makeTipsTransform, TipsOptions, makeTreeModeTransform, TreeModeOptions, useTreeModeTransform, makeVisibleTransform, TablePipeline, useTablePipeline, features, internals */
+/*! exports provided: ConfigProvider, Table, TableProps, PrimaryKey, LoadingContentWrapperProps, Classes, TableCSSVariables, collectNodes, getTreeDepth, groupBy, isLeafNode, isGroupColumn, applyTransforms, buildTree, exportTableAsExcel, layeredSort, mergeCellProps, proto, makeRecursiveMapper, smartCompare, traverseColumn, copyDataToClipboard, executeOnTempElement, layeredFilter, getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds, console, browserType, MULTI_SELECT_MARK_PROPNAME, SINGLE_SELECT_MARK_PROPNAME, isSelectColumn, makeAutoRowSpanTransform, useAutoWidthTransform, makeBuildTreeTransform, makeColumnHoverTransform, ColumnHoverOptions, useColumnHoverTransform, makeColumnRangeHoverTransform, ColumnRangeHoverOptions, useColumnHoverRangeTransform, makeColumnResizeTransform, ColumnResizeOptions, useColumnResizeTransform, makeFlattenTransform, makeOrderFieldTransform, makeSortTransform, SortHeaderCellProps, SortOptions, useSortTransform, makeTipsTransform, TipsOptions, makeTreeModeTransform, TreeModeOptions, useTreeModeTransform, makeVisibleTransform, TablePipeline, useTablePipeline, features, internals */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -375,6 +375,12 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "browserType", function() { return _table__WEBPACK_IMPORTED_MODULE_1__["browserType"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MULTI_SELECT_MARK_PROPNAME", function() { return _table__WEBPACK_IMPORTED_MODULE_1__["MULTI_SELECT_MARK_PROPNAME"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SINGLE_SELECT_MARK_PROPNAME", function() { return _table__WEBPACK_IMPORTED_MODULE_1__["SINGLE_SELECT_MARK_PROPNAME"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isSelectColumn", function() { return _table__WEBPACK_IMPORTED_MODULE_1__["isSelectColumn"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "makeAutoRowSpanTransform", function() { return _table__WEBPACK_IMPORTED_MODULE_1__["makeAutoRowSpanTransform"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useAutoWidthTransform", function() { return _table__WEBPACK_IMPORTED_MODULE_1__["useAutoWidthTransform"]; });
@@ -3558,7 +3564,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
 
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "domHelper", void 0);
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "rootSubscription", new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subscription"]());
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "rootSubscription", void 0);
+
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "resizeSubject", void 0);
 
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "lastInfo", void 0);
 
@@ -3568,8 +3576,6 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
 
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "resizeObserver", void 0);
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "resizeSubject", new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subject"]());
-
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "offsetY", 0);
 
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_14___default()(_this), "handleRowMouseEnter", function (e) {
@@ -3944,7 +3950,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].horizontalScrollLeftSpacer),
         style: {
-          width: info.leftLockTotalWidth
+          width: info.leftLockTotalWidth,
+          display: hasStickyScroll && hasScroll ? 'block' : 'none'
         }
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].stickyScroll),
@@ -3957,7 +3964,8 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_26___default()(_styles__WEBPACK_IMPORTED_MODULE_38__["Classes"].horizontalScrollRightSpacer),
         style: {
-          width: info.rightLockTotalWidth
+          width: info.rightLockTotalWidth,
+          display: hasStickyScroll && hasScroll ? 'block' : 'none'
         }
       }));
     }
@@ -4017,10 +4025,9 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       var _this$props$setTableW2, _this$props9, _this$props$setTableD, _this$props10, _this$props$setRowHei, _this$props11;
 
-      // console.log('did mount start')
-      // console.log('update dom helper start')
-      this.updateDOMHelper(); // console.log('update dom helper end')
-
+      this.rootSubscription = new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subscription"]();
+      this.resizeSubject = new rxjs__WEBPACK_IMPORTED_MODULE_28__["Subject"]();
+      this.updateDOMHelper();
       this.props$ = new rxjs__WEBPACK_IMPORTED_MODULE_28__["BehaviorSubject"](this.props);
       this.initSubscriptions();
       this.didMountOrUpdate(); // console.log('did mount end')
@@ -4759,7 +4766,7 @@ var ContextMenuStyleWrap = styled_components__WEBPACK_IMPORTED_MODULE_3__["defau
 /*!************************************!*\
   !*** ./components/table/index.tsx ***!
   \************************************/
-/*! exports provided: Table, TableProps, PrimaryKey, LoadingContentWrapperProps, Classes, TableCSSVariables, collectNodes, getTreeDepth, groupBy, isLeafNode, isGroupColumn, applyTransforms, buildTree, exportTableAsExcel, layeredSort, mergeCellProps, proto, makeRecursiveMapper, smartCompare, traverseColumn, copyDataToClipboard, executeOnTempElement, layeredFilter, getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds, console, browserType, makeAutoRowSpanTransform, useAutoWidthTransform, makeBuildTreeTransform, makeColumnHoverTransform, ColumnHoverOptions, useColumnHoverTransform, makeColumnRangeHoverTransform, ColumnRangeHoverOptions, useColumnHoverRangeTransform, makeColumnResizeTransform, ColumnResizeOptions, useColumnResizeTransform, makeFlattenTransform, makeOrderFieldTransform, makeSortTransform, SortHeaderCellProps, SortOptions, useSortTransform, makeTipsTransform, TipsOptions, makeTreeModeTransform, TreeModeOptions, useTreeModeTransform, makeVisibleTransform, TablePipeline, useTablePipeline, features, internals */
+/*! exports provided: Table, TableProps, PrimaryKey, LoadingContentWrapperProps, Classes, TableCSSVariables, collectNodes, getTreeDepth, groupBy, isLeafNode, isGroupColumn, applyTransforms, buildTree, exportTableAsExcel, layeredSort, mergeCellProps, proto, makeRecursiveMapper, smartCompare, traverseColumn, copyDataToClipboard, executeOnTempElement, layeredFilter, getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds, console, browserType, MULTI_SELECT_MARK_PROPNAME, SINGLE_SELECT_MARK_PROPNAME, isSelectColumn, makeAutoRowSpanTransform, useAutoWidthTransform, makeBuildTreeTransform, makeColumnHoverTransform, ColumnHoverOptions, useColumnHoverTransform, makeColumnRangeHoverTransform, ColumnRangeHoverOptions, useColumnHoverRangeTransform, makeColumnResizeTransform, ColumnResizeOptions, useColumnResizeTransform, makeFlattenTransform, makeOrderFieldTransform, makeSortTransform, SortHeaderCellProps, SortOptions, useSortTransform, makeTipsTransform, TipsOptions, makeTreeModeTransform, TreeModeOptions, useTreeModeTransform, makeVisibleTransform, TablePipeline, useTablePipeline, features, internals */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4829,6 +4836,12 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "browserType", function() { return _utils__WEBPACK_IMPORTED_MODULE_2__["browserType"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MULTI_SELECT_MARK_PROPNAME", function() { return _utils__WEBPACK_IMPORTED_MODULE_2__["MULTI_SELECT_MARK_PROPNAME"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SINGLE_SELECT_MARK_PROPNAME", function() { return _utils__WEBPACK_IMPORTED_MODULE_2__["SINGLE_SELECT_MARK_PROPNAME"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isSelectColumn", function() { return _utils__WEBPACK_IMPORTED_MODULE_2__["isSelectColumn"]; });
+
 /* harmony import */ var _transforms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./transforms */ "./components/table/transforms/index.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "makeAutoRowSpanTransform", function() { return _transforms__WEBPACK_IMPORTED_MODULE_3__["makeAutoRowSpanTransform"]; });
 
@@ -5858,9 +5871,8 @@ function columnDrag() {
                     return code === rowDragColumnKey;
                   };
 
-                  var newColumns = sortColumns(columns, cloumnsSortData).filter(function (_ref) {
-                    var code = _ref.code;
-                    return code !== _autoFill__WEBPACK_IMPORTED_MODULE_11__["FILL_COLUMN_CODE"] && !isRowDragColumn(code);
+                  var newColumns = sortColumns(columns, cloumnsSortData).filter(function (column) {
+                    return column.code !== _autoFill__WEBPACK_IMPORTED_MODULE_11__["FILL_COLUMN_CODE"] && !isRowDragColumn(column.code) && !Object(_utils__WEBPACK_IMPORTED_MODULE_10__["isSelectColumn"])(column);
                   }); // TODO drag需要在resize之后use,否则这里返回的列对应的宽度不是拖拽后的
 
                   onColumnDragStopped(columnMoved, newColumns);
@@ -5885,9 +5897,9 @@ function columnDrag() {
   };
 }
 
-function enableMove(_ref2) {
-  var lock = _ref2.lock,
-      code = _ref2.code;
+function enableMove(_ref) {
+  var lock = _ref.lock,
+      code = _ref.code;
   return code && code !== _autoFill__WEBPACK_IMPORTED_MODULE_11__["FILL_COLUMN_CODE"] && !lock;
 }
 
@@ -6082,7 +6094,7 @@ function filter() {
           var colFilterIcon = (_col$features$filterI = (_col$features3 = col.features) === null || _col$features3 === void 0 ? void 0 : _col$features3.filterIcon) !== null && _col$features$filterI !== void 0 ? _col$features$filterI : filterIcon;
 
           var _Filter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_filter__WEBPACK_IMPORTED_MODULE_21__["Filter"], {
-            key: "filter",
+            key: "".concat(col.code, "_filter"),
             FilterPanelContent: filterPanel,
             filterIcon: colFilterIcon,
             filterModel: inputFiltersMap.get(col.code),
@@ -8183,7 +8195,7 @@ function multiSelect() {
     var hiddenSelectColumn = opts.checkboxColumn && opts.checkboxColumn.hidden === true;
 
     if (!hiddenSelectColumn) {
-      var _opts$checkboxPlaceme;
+      var _opts$checkboxColumn2, _opts$checkboxPlaceme;
 
       var defaultCheckboxColumnTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Checkbox, {
         checked: isAllChecked,
@@ -8261,7 +8273,8 @@ function multiSelect() {
               }
             } : undefined
           });
-        }
+        },
+        features: _objectSpread(_objectSpread({}, (_opts$checkboxColumn2 = opts.checkboxColumn) === null || _opts$checkboxColumn2 === void 0 ? void 0 : _opts$checkboxColumn2.features), {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()({}, _utils__WEBPACK_IMPORTED_MODULE_17__["MULTI_SELECT_MARK_PROPNAME"], true))
       });
 
       var nextColumns = pipeline.getColumns().slice();
@@ -9991,7 +10004,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function singleSelect() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function singleSelectStep(pipeline) {
-    var _opts$clickArea, _opts$isDisabled, _ref, _opts$value, _opts$radioPlacement;
+    var _opts$clickArea, _opts$isDisabled, _ref, _opts$value, _opts$radioColumn2, _opts$radioPlacement;
 
     var Radio = pipeline.ctx.components.Radio;
 
@@ -10062,7 +10075,8 @@ function singleSelect() {
             onChange(rowKey);
           } : undefined
         });
-      }
+      },
+      features: _objectSpread(_objectSpread({}, (_opts$radioColumn2 = opts.radioColumn) === null || _opts$radioColumn2 === void 0 ? void 0 : _opts$radioColumn2.features), {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, _utils__WEBPACK_IMPORTED_MODULE_12__["SINGLE_SELECT_MARK_PROPNAME"], true))
     });
 
     var nextColumns = pipeline.getColumns().slice();
@@ -14599,7 +14613,7 @@ function groupBy(list, iteratee) {
 /*!******************************************!*\
   !*** ./components/table/utils/index.tsx ***!
   \******************************************/
-/*! exports provided: collectNodes, getTreeDepth, groupBy, isLeafNode, isGroupColumn, applyTransforms, buildTree, exportTableAsExcel, layeredSort, mergeCellProps, proto, makeRecursiveMapper, smartCompare, traverseColumn, copyDataToClipboard, executeOnTempElement, layeredFilter, getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds, console, browserType */
+/*! exports provided: collectNodes, getTreeDepth, groupBy, isLeafNode, isGroupColumn, applyTransforms, buildTree, exportTableAsExcel, layeredSort, mergeCellProps, proto, makeRecursiveMapper, smartCompare, traverseColumn, copyDataToClipboard, executeOnTempElement, layeredFilter, getEventPath, isElementInEventPath, getTargetEleInEventPath, calculatePointerRelative, calculatePopupRelative, keepWithinBounds, console, browserType, MULTI_SELECT_MARK_PROPNAME, SINGLE_SELECT_MARK_PROPNAME, isSelectColumn */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -14673,6 +14687,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _browserType__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./browserType */ "./components/table/utils/browserType.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "browserType", function() { return _browserType__WEBPACK_IMPORTED_MODULE_18__["browserType"]; });
 
+/* harmony import */ var _selectColumn__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./selectColumn */ "./components/table/utils/selectColumn.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MULTI_SELECT_MARK_PROPNAME", function() { return _selectColumn__WEBPACK_IMPORTED_MODULE_19__["MULTI_SELECT_MARK_PROPNAME"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SINGLE_SELECT_MARK_PROPNAME", function() { return _selectColumn__WEBPACK_IMPORTED_MODULE_19__["SINGLE_SELECT_MARK_PROPNAME"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isSelectColumn", function() { return _selectColumn__WEBPACK_IMPORTED_MODULE_19__["isSelectColumn"]; });
+
+
 
 
 
@@ -15394,6 +15416,27 @@ proto.array = function (baseRecord) {
 
 /***/ }),
 
+/***/ "./components/table/utils/selectColumn.ts":
+/*!************************************************!*\
+  !*** ./components/table/utils/selectColumn.ts ***!
+  \************************************************/
+/*! exports provided: MULTI_SELECT_MARK_PROPNAME, SINGLE_SELECT_MARK_PROPNAME, isSelectColumn */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MULTI_SELECT_MARK_PROPNAME", function() { return MULTI_SELECT_MARK_PROPNAME; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SINGLE_SELECT_MARK_PROPNAME", function() { return SINGLE_SELECT_MARK_PROPNAME; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isSelectColumn", function() { return isSelectColumn; });
+var MULTI_SELECT_MARK_PROPNAME = 'checkboxSelection';
+var SINGLE_SELECT_MARK_PROPNAME = 'radioSelection';
+function isSelectColumn(column) {
+  var features = column.features || {};
+  return features[MULTI_SELECT_MARK_PROPNAME] === true || features[SINGLE_SELECT_MARK_PROPNAME] === true;
+}
+
+/***/ }),
+
 /***/ "./components/table/utils/smartCompare.ts":
 /*!************************************************!*\
   !*** ./components/table/utils/smartCompare.ts ***!