@kdcloudjs/table 1.2.0-canary.6 → 1.2.0-canary.6-hotfix.2

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

@@ -1,82 +1,52 @@
 "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.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 = _interopRequireWildcard(require("react"));
-
 var _reactDom = require("react-dom");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styles = require("../../../base/styles");
-
 var _FilterPanel = _interopRequireDefault(require("./FilterPanel"));
-
 var _DefaultFilterContent = _interopRequireDefault(require("./DefaultFilterContent"));
-
 var _DefaultFilterIcon = _interopRequireDefault(require("./DefaultFilterIcon"));
-
 var _utils = require("../../../utils");
-
 var _utils2 = require("../../../base/utils");
-
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
-
 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 HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
-
 var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ 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  > .", " {\n    display: flex\n  }\n"])), _styles.Classes.filterIcon);
-
 function Panel(_ref) {
   var ele = _ref.ele,
-      filterIcon = _ref.filterIcon,
-      hidePanel = _ref.hidePanel,
-      renderPanelContent = _ref.renderPanelContent,
-      hideFilterPopupHeader = _ref.hideFilterPopupHeader,
-      popupParent = _ref.popupParent;
-
+    filterIcon = _ref.filterIcon,
+    hidePanel = _ref.hidePanel,
+    renderPanelContent = _ref.renderPanelContent,
+    hideFilterPopupHeader = _ref.hideFilterPopupHeader,
+    popupParent = _ref.popupParent;
   var filterPanelRef = _react.default.useRef(null);
-
   var _React$useState = _react.default.useState((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader))),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      position = _React$useState2[0],
-      setPosition = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    position = _React$useState2[0],
+    setPosition = _React$useState2[1];
   var style = {
     position: 'absolute',
     zIndex: 1050
   };
-
   var handleFilterPanelResize = function handleFilterPanelResize(resize) {
     setPosition((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader)));
   };
-
   (0, _react.useEffect)(function () {
     var resizeObserver = (0, _utils2.addResizeObserver)(filterPanelRef.current.children[0], handleFilterPanelResize);
     return function () {
@@ -93,39 +63,32 @@ function Panel(_ref) {
     hideFilterPopupHeader: hideFilterPopupHeader
   }, 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,
-      stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
-      hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
-      getPopupParent = _ref2.getPopupParent,
-      localeText = _ref2.localeText;
-
+    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,
+    stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
+    hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
+    getPopupParent = _ref2.getPopupParent,
+    localeText = _ref2.localeText;
   var _React$useState3 = _react.default.useState(false),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      showPanel = _React$useState4[0],
-      setShowPanel = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    showPanel = _React$useState4[0],
+    setShowPanel = _React$useState4[1];
   var iconRef = _react.default.useRef(null);
-
   var iconWrapRef = _react.default.useRef();
-
   var hidePanel = function hidePanel() {
     return setShowPanel(false);
   };
-
   var renderPanelContent = function renderPanelContent() {
     if (FilterPanelContent) {
       return /*#__PURE__*/_react.default.createElement(FilterPanelContent, {
@@ -144,31 +107,26 @@ function Filter(_ref2) {
       });
     }
   };
-
   var handleIconClick = function handleIconClick(e) {
     // 只有当icon区域点击会触发面板展开
     // 防止 createPortal 区域的点击触发该事件
     if (e.currentTarget.contains(e.target)) {
       setShowPanel(true);
     }
-
     if (stopClickEventPropagation) {
       e.stopPropagation();
     }
   };
-
   var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode === _keyCode.default.ESC) {
       if (e.currentTarget.contains(e.target)) {
         setShowPanel(false);
       }
-
       if (stopESCKeyDownEventPropagation) {
         e.stopPropagation();
       }
     }
   };
-
   var iconClassName = (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, className, true), (0, _defineProperty2.default)(_cx, 'filter-panel-open', showPanel), _cx));
   var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
   var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
@@ -194,7 +152,6 @@ function Filter(_ref2) {
     popupParent: popupParent
   }), popupParent));
 }
-
 function _getPanelOffset(ele, hideFilterPopupHeader) {
   if (hideFilterPopupHeader) {
     return {
@@ -202,12 +159,10 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
       y: 0 - ele.offsetHeight
     };
   }
-
   return {
     x: HEADER_ICON_OFFSET_X,
     y: HEADER_ICON_OFFSET_Y
   };
 }
-
 var _default = Filter;
 exports.default = _default;

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

@@ -1,44 +1,26 @@
 "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.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _utils = require("../../../utils/");
-
 var _DefaultFilterIcon = _interopRequireDefault(require("./DefaultFilterIcon"));
-
 var _styles = require("../../../base/styles");
-
 var _keyCode = _interopRequireDefault(require("../../../utils/keyCode"));
-
 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  .", " {\n    display: flex;\n    background-color: #ebedf1;\n\n    .", " {\n      display: flex;\n      color:#666;\n      background-color: #fff;\n      padding: 8px 16px 8px 16px;\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  .", " {\n    display: flex;\n  }\n"])), _styles.Classes.popupHeader, _styles.Classes.filterIcon, _styles.Classes.popupBody);
-
 var useWindowEvents = function useWindowEvents(func, evens) {
   _react.default.useEffect(function () {
     evens.forEach(function (event) {
@@ -51,55 +33,45 @@ var useWindowEvents = function useWindowEvents(func, evens) {
     };
   }, [evens, func]);
 };
-
 function FilterPanel(_ref) {
   var style = _ref.style,
-      children = _ref.children,
-      position = _ref.position,
-      filterIcon = _ref.filterIcon,
-      onClose = _ref.onClose,
-      hideFilterPopupHeader = _ref.hideFilterPopupHeader;
-
+    children = _ref.children,
+    position = _ref.position,
+    filterIcon = _ref.filterIcon,
+    onClose = _ref.onClose,
+    hideFilterPopupHeader = _ref.hideFilterPopupHeader;
   var _useState = (0, _react.useState)(position),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      perfectPosition = _useState2[0],
-      setPerfectPosition = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    perfectPosition = _useState2[0],
+    setPerfectPosition = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
   var ref = _react.default.useRef(null);
-
   var isContainPanel = function isContainPanel(e) {
     return (0, _utils.isElementInEventPath)(ref.current, e);
   };
-
   (0, _react.useEffect)(function () {
     setPerfectPosition((0, _utils.keepWithinBounds)(document.body, ref.current, position.x, position.y, true));
     setVisible(true);
   }, [position]);
   var hasPopupMouseEvent = (0, _react.useRef)(false);
-
   var handleMouseEvent = function handleMouseEvent() {
     // 当弹出的过滤面板内部发生鼠标按下、抬起事件时，标记当前事件，并在click捕获期清除标记，用来确定鼠标按下、抬起发生在过滤面板内部
     // 利用了React.createPortal冒泡是根据React Tree的特性：
     // https://jwwnz.medium.com/react-portals-and-event-bubbling-8df3e35ca3f1
     hasPopupMouseEvent.current = true;
   };
-
   useWindowEvents(function (e) {
     !isContainPanel(e) && !hasPopupMouseEvent.current && onClose();
     hasPopupMouseEvent.current = false;
   }, ['click']);
-
   var handleKeyDown = function handleKeyDown(e) {
     if (e.currentTarget.contains(e.target) && e.keyCode === _keyCode.default.ESC) {
       onClose();
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(FilterPanelStyle, {
     className: _styles.Classes.popup,
     style: (0, _extends2.default)((0, _extends2.default)({}, style), {
@@ -123,6 +95,5 @@ function FilterPanel(_ref) {
     className: _styles.Classes.popupBody
   }, children));
 }
-
 var _default = FilterPanel;
 exports.default = _default;

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,11 +28,7 @@ Object.defineProperty(exports, "FilterPanel", {
     return _FilterPanel.default;
   }
 });
-
 var _FilterPanel = _interopRequireDefault(require("./FilterPanel"));
-
 var _DefaultFilterContent = _interopRequireDefault(require("./DefaultFilterContent"));
-
 var _Filter = _interopRequireDefault(require("./Filter"));
-
 var _util = require("./util");

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_FILTER_OPTIONS = void 0;
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var DEFAULT_FILTER_OPTIONS = [{
   title: '包含',
   key: 'contain',
@@ -17,11 +14,9 @@ var DEFAULT_FILTER_OPTIONS = [{
       if (data == null) {
         return false;
       }
-
       if (typeof data === 'number') {
         data = data + '';
       }
-
       return (0, _includes.default)(data).call(data, value[0]);
     };
   }
@@ -33,11 +28,9 @@ var DEFAULT_FILTER_OPTIONS = [{
       if (data == null) {
         return true;
       }
-
       if (typeof data === 'number') {
         data = data + '';
       }
-
       return !(0, _includes.default)(data).call(data, value[0]);
     };
   }

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

@@ -1,33 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.footerDataSource = footerDataSource;
 exports.footerRowMetaSymbol = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var footerRowMetaSymbol = (0, _symbol.default)('footer-row');
 exports.footerRowMetaSymbol = footerRowMetaSymbol;
-
 function footerDataSource() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function footerDataSourceStep(pipeline) {
     var _a, _b;
-
     var footerDataSource = (_a = opts.dataSource) !== null && _a !== void 0 ? _a : pipeline.getFooterDataSource();
     var footerRowMetaKey = (_b = opts.footerRowMetaKey) !== null && _b !== void 0 ? _b : footerRowMetaSymbol;
     pipeline.setFeatureOptions('footerRowMetaKey', footerRowMetaKey);
-
     if (footerDataSource) {
       pipeline.footerDataSource((0, _map.default)(footerDataSource).call(footerDataSource, function (row) {
         return (0, _extends3.default)((0, _defineProperty2.default)({}, footerRowMetaKey, true), row);
@@ -35,7 +26,6 @@ function footerDataSource() {
     } else {
       console.warn('调用 pipeline.use(features.footerDataSource()) 前请先设置页脚数据源，设置方法有：pipeline.use(features.footerDataSource({dataSource:any[]})) 或者 pipeline.footerDataSource(any[])');
     }
-
     return pipeline;
   };
 }

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

@@ -1,9 +1,7 @@
 "use strict";
 
 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
 });
@@ -139,43 +137,23 @@ Object.defineProperty(exports, "treeSelect", {
     return _treeSelect.treeSelect;
   }
 });
-
 var _autoRowSpan = require("./autoRowSpan");
-
 var _buildTree = require("./buildTree");
-
 var _columnHover = require("./columnHover");
-
 var _columnRangeHover = require("./columnRangeHover");
-
 var _multiSelect = require("./multiSelect");
-
 var _rowDetail = require("./rowDetail");
-
 var _rowGrouping = require("./rowGrouping");
-
 var _singleSelect = require("./singleSelect");
-
 var _sort = require("./sort");
-
 var _tips = require("./tips");
-
 var _treeMode = require("./treeMode");
-
 var _treeSelect = require("./treeSelect");
-
 var _columnDrag = require("./columnDrag");
-
 var _columnResizeWidth = require("./columnResizeWidth");
-
 var _contextMenu = require("./contextMenu");
-
 var _columnFilter = require("./columnFilter");
-
 var _rangeSelection = require("./rangeSelection");
-
 var _mergeCellHover = require("./mergeCellHover");
-
 var _footerDataSource = require("./footerDataSource");
-
 var _colGroupExtendable = require("./colGroupExtendable");

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

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mergeCellHover = mergeCellHover;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _utils = require("../../utils");
-
 function mergeCellHover() {
   return function (pipeline) {
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
       if (!(0, _utils.isLeafNode)(col)) {
         return col;
       }
-
       var prevGetCellProps = col.getCellProps;
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {