@kdcloudjs/table 1.0.0 → 1.0.3

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

@@ -1,6 +1,10 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+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");
 
@@ -9,8 +13,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.contextMenu = contextMenu;
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -19,6 +27,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _commonViews = require("../../common-views");
 
 var _utils = require("../../utils");
@@ -29,6 +39,10 @@ var _internals = require("../../internals");
 
 var _styles = require("../../base/styles");
 
+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; }
+
 var stateKey = 'contextMenu';
 
 function contextMenu() {
@@ -68,6 +82,10 @@ function contextMenu() {
     };
 
     var onContextMenu = function onContextMenu(e) {
+      if (suppressShowContextMenu(e)) {
+        return;
+      }
+
       e.preventDefault();
       showContextMenu(e);
     };
@@ -76,7 +94,7 @@ function contextMenu() {
       onContextMenu: onContextMenu
     });
 
-    var getContextMenuOptions = function getContextMenuOptions(record, column, value) {
+    var getContextMenuOptions = function getContextMenuOptions(record, column, value, event) {
       var defaultMenuOptions = [];
 
       if (column) {
@@ -87,7 +105,8 @@ function contextMenu() {
         var params = {
           record: record,
           column: column,
-          value: value
+          value: value,
+          event: event
         };
         return opts.getContextMenuItems(params);
       }
@@ -104,26 +123,31 @@ function contextMenu() {
     };
 
     var showContextMenu = function showContextMenu(e) {
-      var dataSource = pipeline.getDataSource();
-      var cellEle = getCellEleForEvent(e);
+      var path = (0, _utils.getEventPath)(e);
+      var cellEle = getCellEleInEventPath(path);
       var code;
       var rowIndex;
+      var isInFooter;
 
       if (cellEle) {
-        code = cellEle.getAttribute('data-code'), rowIndex = cellEle.getAttribute('data-rowindex');
+        code = cellEle.getAttribute('data-code');
+        rowIndex = cellEle.getAttribute('data-rowindex');
+        isInFooter = isElementInsideTheFooter(cellEle);
       } else {
-        var rowEle = getRowEleForEvent(e, dataSource);
+        var rowEle = getRowEleInEventPath(path);
         rowIndex = rowEle === null || rowEle === void 0 ? void 0 : rowEle.getAttribute('data-rowindex');
+        isInFooter = isElementInsideTheFooter(rowEle);
       }
 
+      var dataSource = isInFooter ? pipeline.getFooterDataSource() || [] : pipeline.getDataSource();
       var record = dataSource[rowIndex];
-      var column = code !== undefined && (0, _others.findByTree)(pipeline.getColumns(), function (item, index) {
-        return item.code === code ? index : -1;
+      var column = code !== undefined && (0, _others.findByTree)(pipeline.getColumns(), function (item) {
+        return item.code === code;
       });
 
       var value = column && record && _internals.internals.safeGetValue(column, record, rowIndex);
 
-      var options = getContextMenuOptions(record, column, value);
+      var options = getContextMenuOptions(record, column, value, e);
 
       if (options.length === 0) {
         _utils.console.warn('context menu options is empty');
@@ -207,6 +231,7 @@ function Menu(props) {
       }),
       name: item.name,
       action: item.action,
+      disabled: item.disabled,
       hideContextMenu: hideContextMenu
     });
   })));
@@ -220,6 +245,10 @@ function MenuItem(props) {
   var itemRef = (0, _react.useRef)();
 
   var handleClick = function handleClick() {
+    if (disabled) {
+      return;
+    }
+
     hideContextMenu();
     typeof action === 'function' && action();
   };
@@ -251,7 +280,7 @@ function MenuItem(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _styles.MenuClasses.menuOption,
+    className: (0, _classnames.default)(_styles.MenuClasses.menuOption, (0, _defineProperty2.default)({}, _styles.MenuClasses.menuOptionDisable, disabled)),
     ref: itemRef,
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
@@ -261,7 +290,7 @@ function MenuItem(props) {
   }, name));
 }
 
-var MenuHelper = function MenuHelper() {
+var MenuHelper = /*#__PURE__*/(0, _createClass2.default)(function MenuHelper() {
   var _this = this;
 
   (0, _classCallCheck2.default)(this, MenuHelper);
@@ -274,10 +303,9 @@ var MenuHelper = function MenuHelper() {
     _this.hidePopup && _this.hidePopup();
     _this.hidePopup = null;
   };
-};
+});
 /** 是否点击是外部 start */
 
-
 function isEventFromCurrentPopup(event, ele) {
   if (!event || !ele) {
     return false;
@@ -289,18 +317,6 @@ function isEventFromCurrentPopup(event, ele) {
 
   return false;
 }
-
-function getCellEleInEventPath(path) {
-  return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
-    return ele && ele.getAttribute('data-role') === 'table-cell';
-  });
-}
-
-function getRowEleInEventPath(path) {
-  return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
-    return ele && ele.getAttribute('data-role') === 'table-row';
-  });
-}
 /** 是否点击是外部 end */
 
 /** 计算位置 start */
@@ -358,13 +374,13 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
     var minWidth = Math.min(ePopupRect.width, 120);
     ePopup.style.minWidth = minWidth + 'px';
     var maxX = parentWidth - minWidth;
-    x = Math.min(Math.max(x, 0), Math.abs(maxX)); //目前位置，最大支持的位置
+    x = Math.min(Math.max(x, 0), Math.abs(maxX)); // 目前位置，最大支持的位置
   }
 
   if (y) {
     var minHeight = Math.min(ePopupRect.height, 180);
     var maxY = parentHeight - minHeight;
-    y = Math.min(Math.max(y, 0), Math.abs(maxY)); //目前位置，最大支持的位置
+    y = Math.min(Math.max(y, 0), Math.abs(maxY)); // 目前位置，最大支持的位置
   }
 
   return {
@@ -377,16 +393,57 @@ function keepWithinBounds(popupParent, ePopup, x, y) {
 /** 获得点击的元素 start */
 
 
-function getCellEleForEvent(event) {
-  return getCellEleInEventPath((0, _utils.getEventPath)(event));
+function getCellEleInEventPath(path) {
+  return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
+    return ele && ele.getAttribute('data-role') === 'table-cell';
+  });
 }
 
-function getRowEleForEvent(event, dataSource) {
-  return getRowEleInEventPath((0, _utils.getEventPath)(event));
+function getRowEleInEventPath(path) {
+  return (0, _utils.getTargetEleInEventPath)(path, function (ele) {
+    return ele && ele.getAttribute('data-role') === 'table-row';
+  });
 }
 /** 获得点击的元素 end */
 
 
+function isElementInsideTheFooter(ele) {
+  var pointer = ele;
+
+  while (pointer) {
+    if (pointer.tagName === 'TFOOT') {
+      return true;
+    }
+
+    if (pointer.tagName === 'TABLE' || pointer.tagName === 'TBODY') {
+      return false;
+    }
+
+    pointer = pointer.parentElement;
+  }
+
+  return false;
+} // 禁止弹出右键菜单
+
+
+function suppressShowContextMenu(e) {
+  var path = (0, _utils.getEventPath)(e.nativeEvent);
+  var pointIndex = 0;
+
+  while (pointIndex < path.length) {
+    var ele = path[pointIndex];
+
+    if (ele.classList.contains(_styles.Classes.tableBody) || ele.classList.contains(_styles.Classes.tableFooter)) {
+      return false;
+    }
+
+    pointIndex++;
+  }
+
+  return true;
+} // 默认选项
+
+
 function getCopyItem(v) {
   return {
     name: '复制',

package/lib/table/pipeline/features/filter/DefaultFilterContent.js

@@ -1,8 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+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 _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -31,6 +35,10 @@ var _styles = require("../../../base/styles");
 
 var _templateObject;
 
+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; }
+
 var DefaultFilterContentStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  border-radius: 2px;\n  width: 100%;\n\n  ", "\n  .filter-option-list {\n    display: flex;\n    flex-direction: column;\n    margin-top: 8px;\n    ul {\n      margin: 0;\n      padding: 0;\n      li {\n        display: flex;\n        position: relative;\n        flex-shrink: 0;\n        height: 32px;\n        align-items: center;\n        border-radius: 2px;\n        font-size: 12px;\n        color: var(--color);\n        padding: 0 12px;\n        overflow: hidden;\n        cursor: pointer;\n        &:hover{\n          background-color: var(--primary-color-level1);\n        }\n      }\n      li.active{\n        background-color: var(--primary-color-level1);\n      }\n    }\n  }\n\n  .filter-search {\n    display: flex;\n    padding: 6px 12px;\n\n    .filter-search-inner {\n      width: 100%;\n      font-size: 12px;\n      color: #333333;\n      height: 28px;\n      line-height: 28px;\n      padding: 0 8px;\n      outline: none;\n      background-color: #FAFAFA;\n      border-radius: 2px;\n      border: 1px solid var(--strong-border-color);\n      &:hover{\n        border-color: var(--primary-color)\n      } \n      &:focus{\n        border-color: var(--primary-color)\n      }  \n    }\n  }\n\n  .filter-footer {\n    display: flex;\n    flex-direction: row;\n    padding: 8px 12px;\n    justify-content: space-between;\n\n    .filter-btn {\n      text-align: center;\n      font-size: 12px;\n      width: 60px;\n      height: 24px;\n      line-height: 24px;\n    }\n    \n  }\n"])), _styles.ButtonCSS);
 
 function DefaultFilterContent(_ref) {

package/lib/table/pipeline/features/filter/Filter.js

@@ -1,5 +1,11 @@
 "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", {
@@ -7,11 +13,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactDom = require("react-dom");
 
@@ -25,31 +33,85 @@ var _DefaultFilterContent = _interopRequireDefault(require("./DefaultFilterConte
 
 var _utils = require("../../../utils");
 
+var _utils2 = require("../../../base/utils");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _templateObject;
 
-var HEADER_ICON_OFFSET_Y = 6 + 1; //padding-top + border
+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; }
 
-var HEADER_ICON_OFFSET_X = 16 + 1; //padding-left+ border
+var HEADER_ICON_OFFSET_Y = 6 + 1; // padding-top + border
 
-var FilterIconSpanStyle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: 4px;\n  cursor: pointer;\n  transform: translateY(-50%);\n  top: 50%;\n  height: 12px; \n"])));
+var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
 
-function Filter(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 12 : _ref$size,
-      style = _ref.style,
-      className = _ref.className,
-      FilterPanelContent = _ref.FilterPanelContent,
+var FilterIconSpanStyle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // position: absolute;\n  // right: 4px;\n  // cursor: pointer;\n  // transform: translateY(-50%);\n  // top: 50%;\n  // height: 12px; \n"])));
+
+function Panel(_ref) {
+  var ele = _ref.ele,
       filterIcon = _ref.filterIcon,
-      setFilter = _ref.setFilter,
-      setFilterModel = _ref.setFilterModel,
-      filterModel = _ref.filterModel,
-      isFilterActive = _ref.isFilterActive,
-      stopClickEventPropagation = _ref.stopClickEventPropagation;
+      hidePanel = _ref.hidePanel,
+      renderPanelContent = _ref.renderPanelContent;
+
+  var filterPanelRef = _react.default.useRef(null);
 
-  var _React$useState = _react.default.useState(false),
+  var _React$useState = _react.default.useState((0, _utils.calculatePopupRelative)(ele, document.body, {
+    x: HEADER_ICON_OFFSET_X,
+    y: HEADER_ICON_OFFSET_Y
+  })),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      showPanel = _React$useState2[0],
-      setShowPanel = _React$useState2[1];
+      position = _React$useState2[0],
+      setPosition = _React$useState2[1];
+
+  var style = {
+    position: 'absolute',
+    zIndex: 1050
+  };
+
+  var handleFilterPanelResize = function handleFilterPanelResize(resize) {
+    setPosition((0, _utils.calculatePopupRelative)(ele, document.body, {
+      x: HEADER_ICON_OFFSET_X,
+      y: HEADER_ICON_OFFSET_Y
+    }));
+  };
+
+  (0, _react.useEffect)(function () {
+    var resizeObserver = (0, _utils2.addResizeObserver)(filterPanelRef.current.children[0], handleFilterPanelResize);
+    return function () {
+      resizeObserver && resizeObserver.disconnect();
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: filterPanelRef
+  }, /*#__PURE__*/_react.default.createElement(_FilterPanel.default, {
+    style: style,
+    onClose: hidePanel,
+    position: position,
+    filterIcon: filterIcon
+  }, renderPanelContent()));
+}
+
+function Filter(_ref2) {
+  var _cx;
+
+  var _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? 12 : _ref2$size,
+      style = _ref2.style,
+      className = _ref2.className,
+      FilterPanelContent = _ref2.FilterPanelContent,
+      filterIcon = _ref2.filterIcon,
+      setFilter = _ref2.setFilter,
+      setFilterModel = _ref2.setFilterModel,
+      filterModel = _ref2.filterModel,
+      isFilterActive = _ref2.isFilterActive,
+      stopClickEventPropagation = _ref2.stopClickEventPropagation;
+
+  var _React$useState3 = _react.default.useState(false),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      showPanel = _React$useState4[0],
+      setShowPanel = _React$useState4[1];
 
   var iconRef = _react.default.useRef(null);
 
@@ -79,23 +141,6 @@ function Filter(_ref) {
     }
   };
 
-  var renderPanel = function renderPanel(ele) {
-    var position = (0, _utils.calculatePopupRelative)(ele, document.body, {
-      x: HEADER_ICON_OFFSET_X,
-      y: HEADER_ICON_OFFSET_Y
-    });
-    var style = {
-      position: 'absolute',
-      zIndex: 1050
-    };
-    return /*#__PURE__*/_react.default.createElement(_FilterPanel.default, {
-      style: style,
-      onClose: hidePanel,
-      position: position,
-      filterIcon: filterIcon
-    }, renderPanelContent());
-  };
-
   var handleIconClick = function handleIconClick(e) {
     if (stopClickEventPropagation) {
       e.stopPropagation();
@@ -104,9 +149,10 @@ function Filter(_ref) {
     setShowPanel(true);
   };
 
+  var iconClassName = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, className, true), (0, _defineProperty2.default)(_cx, 'filter-panel-open', showPanel), _cx));
   return /*#__PURE__*/_react.default.createElement(FilterIconSpanStyle, {
     style: style,
-    className: className,
+    className: iconClassName,
     onMouseDown: handleMouseDown,
     ref: iconRef
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -122,7 +168,12 @@ function Filter(_ref) {
     "aria-hidden": "true"
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3\n              31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5\n              48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
-  }))), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)(renderPanel(iconRef.current), document.body));
+  }))), showPanel && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(Panel, {
+    ele: iconRef.current,
+    filterIcon: filterIcon,
+    hidePanel: hidePanel,
+    renderPanelContent: renderPanelContent
+  }), document.body));
 }
 
 var _default = Filter;

package/lib/table/pipeline/features/filter/FilterPanel.js

@@ -1,8 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+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 _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -23,6 +27,10 @@ var _utils = require("../../../utils/");
 
 var _templateObject;
 
+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; }
+
 var FilterPanelStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  max-height: 450px;\n  min-width: 160px;\n  border-radius: 2px;\n  background-color: #fff;\n  box-shadow: 0 0 5px 0 rgba(154,154,154,.5);\n  cursor: default;\n\n  .popup-header {\n    display: flex;\n    background-color: #ebedf1;\n\n    .popup-header-icon {\n      color:#666;\n      background-color: #fff;\n      padding: 6px 16px 6px 16px;\n      display: inline-block;\n      border-right: 1px solid transparent;\n      border-left: 1px solid transparent;\n      border-top: 1px solid transparent;\n      border-top-right-radius: 2px;\n      border-top-left-radius: 2px;\n    }\n  }\n\n  .popup-body {\n    display: flex;\n  }\n"])));
 
 var useWindowEvents = function useWindowEvents(func, evens) {

package/lib/table/pipeline/features/filter/index.js

@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "FilterPanel", {
+Object.defineProperty(exports, "DEFAULT_FILTER_OPTIONS", {
   enumerable: true,
   get: function get() {
-    return _FilterPanel.default;
+    return _util.DEFAULT_FILTER_OPTIONS;
   }
 });
 Object.defineProperty(exports, "DefaultFilterContent", {
@@ -23,10 +23,10 @@ Object.defineProperty(exports, "Filter", {
     return _Filter.default;
   }
 });
-Object.defineProperty(exports, "DEFAULT_FILTER_OPTIONS", {
+Object.defineProperty(exports, "FilterPanel", {
   enumerable: true,
   get: function get() {
-    return _util.DEFAULT_FILTER_OPTIONS;
+    return _FilterPanel.default;
   }
 });
 

package/lib/table/pipeline/features/index.d.ts

@@ -14,3 +14,4 @@ export { columnDrag, ColumnDragOptions } from './columnDrag';
 export { columnResize, ColumnResizeOptions } from './columnResizeWidth';
 export { contextMenu, ContextMenuFeatureOptions } from './contextMenu';
 export { filter, FilterFeatureOptions } from './columnFilter';
+export { rangeSelection, RangeSelectionFeatureOptions } from './rangeSelection';

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

@@ -2,6 +2,8 @@
 
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 
+var _sortInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/sort");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,6 +19,12 @@ Object.defineProperty(exports, "buildTree", {
     return _buildTree.buildTree;
   }
 });
+Object.defineProperty(exports, "columnDrag", {
+  enumerable: true,
+  get: function get() {
+    return _columnDrag.columnDrag;
+  }
+});
 Object.defineProperty(exports, "columnHover", {
   enumerable: true,
   get: function get() {
@@ -29,82 +37,82 @@ Object.defineProperty(exports, "columnRangeHover", {
     return _columnRangeHover.columnRangeHover;
   }
 });
-Object.defineProperty(exports, "multiSelect", {
+Object.defineProperty(exports, "columnResize", {
   enumerable: true,
   get: function get() {
-    return _multiSelect.multiSelect;
+    return _columnResizeWidth.columnResize;
   }
 });
-Object.defineProperty(exports, "rowDetail", {
+Object.defineProperty(exports, "contextMenu", {
   enumerable: true,
   get: function get() {
-    return _rowDetail.rowDetail;
+    return _contextMenu.contextMenu;
   }
 });
-Object.defineProperty(exports, "rowGrouping", {
+Object.defineProperty(exports, "filter", {
   enumerable: true,
   get: function get() {
-    return _rowGrouping.rowGrouping;
+    return _filterInstanceProperty(_columnFilter);
   }
 });
-Object.defineProperty(exports, "singleSelect", {
+Object.defineProperty(exports, "multiSelect", {
   enumerable: true,
   get: function get() {
-    return _singleSelect.singleSelect;
+    return _multiSelect.multiSelect;
   }
 });
-Object.defineProperty(exports, "sort", {
+Object.defineProperty(exports, "rangeSelection", {
   enumerable: true,
   get: function get() {
-    return _sort.sort;
+    return _rangeSelection.rangeSelection;
   }
 });
-Object.defineProperty(exports, "tips", {
+Object.defineProperty(exports, "rowDetail", {
   enumerable: true,
   get: function get() {
-    return _tips.tips;
+    return _rowDetail.rowDetail;
   }
 });
-Object.defineProperty(exports, "treeMode", {
+Object.defineProperty(exports, "rowGrouping", {
   enumerable: true,
   get: function get() {
-    return _treeMode.treeMode;
+    return _rowGrouping.rowGrouping;
   }
 });
-Object.defineProperty(exports, "treeMetaSymbol", {
+Object.defineProperty(exports, "singleSelect", {
   enumerable: true,
   get: function get() {
-    return _treeMode.treeMetaSymbol;
+    return _singleSelect.singleSelect;
   }
 });
-Object.defineProperty(exports, "treeSelect", {
+Object.defineProperty(exports, "sort", {
   enumerable: true,
   get: function get() {
-    return _treeSelect.treeSelect;
+    return _sortInstanceProperty(_sort);
   }
 });
-Object.defineProperty(exports, "columnDrag", {
+Object.defineProperty(exports, "tips", {
   enumerable: true,
   get: function get() {
-    return _columnDrag.columnDrag;
+    return _tips.tips;
   }
 });
-Object.defineProperty(exports, "columnResize", {
+Object.defineProperty(exports, "treeMetaSymbol", {
   enumerable: true,
   get: function get() {
-    return _columnResizeWidth.columnResize;
+    return _treeMode.treeMetaSymbol;
   }
 });
-Object.defineProperty(exports, "contextMenu", {
+Object.defineProperty(exports, "treeMode", {
   enumerable: true,
   get: function get() {
-    return _contextMenu.contextMenu;
+    return _treeMode.treeMode;
   }
 });
-Object.defineProperty(exports, "filter", {
+Object.defineProperty(exports, "treeSelect", {
   enumerable: true,
   get: function get() {
-    return _filterInstanceProperty(_columnFilter);
+    return _treeSelect.treeSelect;
   }
 });
 
@@ -138,4 +146,6 @@ var _columnResizeWidth = require("./columnResizeWidth");
 
 var _contextMenu = require("./contextMenu");
 
-var _columnFilter = require("./columnFilter");
+var _columnFilter = require("./columnFilter");
+
+var _rangeSelection = require("./rangeSelection");