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

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

@@ -1,44 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.columnHover = columnHover;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _utils = require("../../utils");
-
 function columnHover() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var stateKey = 'columnHover';
   return function (pipeline) {
     var _a, _b, _c, _d;
-
     var hoverColor = (_a = opts.hoverColor) !== null && _a !== void 0 ? _a : 'var(--hover-bgcolor)';
     var hoverColIndex = (_d = (_c = (_b = opts.hoverColIndex) !== null && _b !== void 0 ? _b : pipeline.getStateAtKey(stateKey)) !== null && _c !== void 0 ? _c : opts.defaultHoverColIndex) !== null && _d !== void 0 ? _d : -1;
-
     var onChangeHoverColIndex = function onChangeHoverColIndex(nextColIndex) {
       var _a;
-
       pipeline.setStateAtKey(stateKey, nextColIndex);
       (_a = opts.onChangeHoverColIndex) === null || _a === void 0 ? void 0 : _a.call(opts, nextColIndex);
     };
-
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col, _ref) {
       var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex;
+        endIndex = _ref.endIndex;
       var range = {
         start: startIndex,
         end: endIndex
       };
-
       if (!(0, _utils.isLeafNode)(col)) {
         return col;
       }
-
       var colIndexMatched = range.start <= hoverColIndex && hoverColIndex < range.end;
       var prevGetCellProps = col.getCellProps;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {

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

@@ -1,52 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.columnRangeHover = columnRangeHover;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _utils = require("../../utils");
-
 var EMPTY_RANGE = {
   start: -1,
   end: -1
 };
-
 function columnRangeHover() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var stateKey = 'columnHover';
   return function columnRangeHoverStep(pipeline) {
     var _a, _b, _c, _d, _e;
-
     var hoverRange = (_c = (_b = (_a = opts.hoverRange) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultHoverRange) !== null && _c !== void 0 ? _c : EMPTY_RANGE;
     var hoverColor = (_d = opts.hoverColor) !== null && _d !== void 0 ? _d : 'var(--hover-bgcolor)';
     var headerHoverColor = (_e = opts.headerHoverColor) !== null && _e !== void 0 ? _e : 'var(--header-hover-bgcolor)';
-
     var onChangeHoverRange = function onChangeHoverRange(nextColIndexRange) {
       var _a;
-
       pipeline.setStateAtKey(stateKey, nextColIndexRange);
       (_a = opts.onChangeHoverRange) === null || _a === void 0 ? void 0 : _a.call(opts, nextColIndexRange);
     };
-
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col, _ref) {
       var startIndex = _ref.startIndex,
-          endIndex = _ref.endIndex;
+        endIndex = _ref.endIndex;
       var colRange = {
         start: startIndex,
         end: endIndex
       };
       var match = colRange.end > hoverRange.start && hoverRange.end > colRange.start;
-
       if (!(0, _utils.isLeafNode)(col)) {
         if (headerHoverColor == null) {
           return col;
         }
-
         return (0, _extends2.default)((0, _extends2.default)({}, col), {
           headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
             onMouseEnter: function onMouseEnter() {
@@ -61,7 +50,6 @@ function columnRangeHover() {
           })
         });
       }
-
       var prevGetCellProps = col.getCellProps;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {

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

@@ -1,88 +1,56 @@
 "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");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RESIZED_COLUMN_KEY = exports.LAST_RESIZED_COLUMN_KEY = exports.COLUMN_SIZE_KEY = void 0;
 exports.columnResize = columnResize;
-
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _rxjs = require("rxjs");
-
 var op = _interopRequireWildcard(require("rxjs/operators"));
-
 var _utils = require("../../utils");
-
 var _internals = require("../../internals");
-
 var _styles = require("../../base/styles");
-
 var _templateObject, _templateObject2;
-
-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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.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 = (0, _styledComponents.default)(function (props) {
   return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
 })(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
-
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));
 }
-
 function disableSelect(event) {
   event.preventDefault();
 }
-
 var stateKey = 'columnResize';
-var COLUMN_SIZE_KEY = 'columnResize';
-exports.COLUMN_SIZE_KEY = COLUMN_SIZE_KEY;
-var RESIZED_COLUMN_KEY = 'resizedColumn';
-exports.RESIZED_COLUMN_KEY = RESIZED_COLUMN_KEY;
-var LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
-exports.LAST_RESIZED_COLUMN_KEY = LAST_RESIZED_COLUMN_KEY;
-
+var COLUMN_SIZE_KEY = exports.COLUMN_SIZE_KEY = 'columnResize';
+var RESIZED_COLUMN_KEY = exports.RESIZED_COLUMN_KEY = 'resizedColumn';
+var LAST_RESIZED_COLUMN_KEY = exports.LAST_RESIZED_COLUMN_KEY = 'lastResizedColumn';
 function columnResize() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   var _a, _b, _c;
-
   var minSize = (_a = opts.minSize) !== null && _a !== void 0 ? _a : 60;
   var fallbackSize = (_b = opts.fallbackSize) !== null && _b !== void 0 ? _b : 150;
   var maxSize = (_c = opts.maxSize) !== null && _c !== void 0 ? _c : 1000;
   return function columnResizeFeature(pipeline) {
     var _a, _b;
-
     var columnSize = (_b = (_a = opts.columnSize) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : {};
     var leafColumns = (0, _utils.collectNodes)(pipeline.getColumns(), 'leaf-only');
     leafColumns.forEach(function (_ref) {
       var code = _ref.code,
-          width = _ref.width;
-
+        width = _ref.width;
       if (columnSize[code] === undefined) {
         if (typeof width === 'number') {
           columnSize[code] = width;
@@ -90,36 +58,31 @@ function columnResize() {
           columnSize[code] = fallbackSize;
         }
       }
-    }); // 实时存储一份最新的columnSize，与autoFill共用一份数据
+    });
+    // 实时存储一份最新的columnSize，与autoFill共用一份数据
     // 存在state里可能存到取不到最新的
-
     pipeline.setFeatureOptions(COLUMN_SIZE_KEY, columnSize);
-
     var onChangeSize = function onChangeSize(nextColumnSize) {
       window.requestAnimationFrame(function () {
         var _a;
-
         pipeline.setStateAtKey(stateKey, nextColumnSize);
         (_a = opts === null || opts === void 0 ? void 0 : opts.onChangeSize) === null || _a === void 0 ? void 0 : _a.call(opts, nextColumnSize);
       });
     };
-
     var handleDoubleClick = function handleDoubleClick(e, col) {
       var _a;
-
       (_a = opts.doubleClickCallback) === null || _a === void 0 ? void 0 : _a.call(opts, e, col);
     };
-
     var handleMouseDown = function handleMouseDown(e, col) {
       window.addEventListener('selectstart', disableSelect);
       var changedColumnSize = {};
       var startX = e.clientX;
       var children = col.children,
-          code = col.code,
-          _col$features = col.features,
-          features = _col$features === void 0 ? {} : _col$features;
+        code = col.code,
+        _col$features = col.features,
+        features = _col$features === void 0 ? {} : _col$features;
       var minWidth = features.minWidth,
-          maxWidth = features.maxWidth;
+        maxWidth = features.maxWidth;
       var realMinSize = typeof minWidth === 'number' ? minWidth : minSize;
       var realMaxSize = typeof maxWidth === 'number' ? maxWidth : maxSize;
       var columnSize = pipeline.getFeatureOptions(COLUMN_SIZE_KEY);
@@ -130,7 +93,6 @@ function columnResize() {
         var nextColumnSize = (0, _extends2.default)({}, columnSize);
         var deltaSum = movingX - startX;
         var deltaRemaining = deltaSum;
-
         if ((children === null || children === void 0 ? void 0 : children.length) > 0) {
           var leafChildColumns = (0, _utils.collectNodes)(children, 'leaf-only');
           var childrenWidthSum = leafChildColumns.reduce(function (sum, _ref2) {
@@ -141,7 +103,6 @@ function columnResize() {
             var code = _ref3.code;
             var startSize = columnSize[code];
             var currentDeltaWidth = Math.round(deltaSum * startSize / childrenWidthSum);
-
             if (index < leafChildColumns.length - 1) {
               nextColumnSize[code] = clamp(realMinSize, startSize + currentDeltaWidth, realMaxSize);
               changedColumnSize[code] = nextColumnSize[code];
@@ -156,14 +117,13 @@ function columnResize() {
           nextColumnSize[code] = clamp(realMinSize, startSize + deltaSum, realMaxSize);
           changedColumnSize[code] = nextColumnSize[code];
         }
-
         recordColumnSize = nextColumnSize;
         return nextColumnSize;
       }));
       nextSize$.subscribe({
         next: function next(nextColumnSize) {
-          onChangeSize(nextColumnSize); // 由于COLUMN_RESIZE_KEY记录的是全量的列宽，此处记录被改变过的列宽
-
+          onChangeSize(nextColumnSize);
+          // 由于COLUMN_RESIZE_KEY记录的是全量的列宽，此处记录被改变过的列宽
           var resizedColumnSet = pipeline.getFeatureOptions(RESIZED_COLUMN_KEY) || new _set.default();
           (0, _keys.default)(changedColumnSize).forEach(function (code) {
             resizedColumnSet.add(code, changedColumnSize[code]);
@@ -173,7 +133,6 @@ function columnResize() {
         },
         complete: function complete() {
           var _context;
-
           var changedColumnSizes = (0, _map.default)(_context = (0, _keys.default)(changedColumnSize)).call(_context, function (code) {
             return {
               code: code,
@@ -182,26 +141,22 @@ function columnResize() {
           });
           window.requestAnimationFrame(function () {
             var _a;
-
             (_a = opts === null || opts === void 0 ? void 0 : opts.afterChangeSize) === null || _a === void 0 ? void 0 : _a.call(opts, recordColumnSize, changedColumnSizes);
           });
           window.removeEventListener('selectstart', disableSelect);
         }
       });
     };
-
     var isGroup = (0, _utils.isGroupColumn)(pipeline.getColumns());
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
       var _a;
-
       var prevTitle = _internals.internals.safeRenderHeader(col);
-
       var code = col.code,
-          features = col.features,
-          width = col.width;
+        features = col.features,
+        width = col.width;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         width: (_a = columnSize[code]) !== null && _a !== void 0 ? _a : width,
-        title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
+        title: ( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, (features === null || features === void 0 ? void 0 : features.resizeable) !== false && (isGroup ? /*#__PURE__*/_react.default.createElement(TableHeaderGroupCellResize, {
           className: _styles.Classes.tableHeaderCellResize,
           onDoubleClick: function onDoubleClick(e) {
             return handleDoubleClick(e, col);
@@ -217,7 +172,7 @@ function columnResize() {
           onMouseDown: function onMouseDown(e) {
             return handleMouseDown(e, col);
           }
-        }))),
+        })))),
         headerCellProps: (0, _utils.mergeCellProps)(col.headerCellProps, {
           className: 'resizeable'
         })