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

package/es/table/pipeline/features/filter/DefaultFilterIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 export default function DefaultFilterIcon(_ref) {
   var width = _ref.width,
-      height = _ref.height;
+    height = _ref.height;
   return /*#__PURE__*/React.createElement("svg", {
     width: width,
     height: height,

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

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import React, { useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
@@ -16,34 +14,27 @@ import { calculatePopupRelative } from '../../../utils';
 import { addResizeObserver } from '../../../base/utils';
 import KeyCode from '../../../utils/keyCode';
 var HEADER_ICON_OFFSET_Y = 8 + 1; // padding-top + border
-
 var HEADER_ICON_OFFSET_X = 16 + 1; // padding-left+ border
-
 var FilterIconSpanStyle = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), 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.useRef(null);
-
   var _React$useState = React.useState(calculatePopupRelative(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader))),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      position = _React$useState2[0],
-      setPosition = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    position = _React$useState2[0],
+    setPosition = _React$useState2[1];
   var style = {
     position: 'absolute',
     zIndex: 1050
   };
-
   var handleFilterPanelResize = function handleFilterPanelResize(resize) {
     setPosition(calculatePopupRelative(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader)));
   };
-
   useEffect(function () {
     var resizeObserver = addResizeObserver(filterPanelRef.current.children[0], handleFilterPanelResize);
     return function () {
@@ -60,38 +51,31 @@ 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.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      showPanel = _React$useState4[0],
-      setShowPanel = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    showPanel = _React$useState4[0],
+    setShowPanel = _React$useState4[1];
   var iconRef = React.useRef(null);
   var iconWrapRef = React.useRef();
-
   var hidePanel = function hidePanel() {
     return setShowPanel(false);
   };
-
   var renderPanelContent = function renderPanelContent() {
     if (FilterPanelContent) {
       return /*#__PURE__*/React.createElement(FilterPanelContent, {
@@ -110,32 +94,27 @@ 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.ESC) {
       if (e.currentTarget.contains(e.target)) {
         setShowPanel(false);
       }
-
       if (stopESCKeyDownEventPropagation) {
         e.stopPropagation();
       }
     }
   };
-
-  var iconClassName = cx((_cx = {}, _defineProperty(_cx, className, true), _defineProperty(_cx, 'filter-panel-open', showPanel), _cx));
+  var iconClassName = cx(_defineProperty(_defineProperty({}, className, true), 'filter-panel-open', showPanel));
   var displayFilterIcon = typeof filterIcon === 'function' ? filterIcon(isFilterActive) : filterIcon;
   var popupParent = (getPopupParent === null || getPopupParent === void 0 ? void 0 : getPopupParent(iconWrapRef.current)) || document.body;
   return /*#__PURE__*/React.createElement(FilterIconSpanStyle, {
@@ -160,7 +139,6 @@ function Filter(_ref2) {
     popupParent: popupParent
   }), popupParent));
 }
-
 function _getPanelOffset(ele, hideFilterPopupHeader) {
   if (hideFilterPopupHeader) {
     return {
@@ -168,11 +146,9 @@ function _getPanelOffset(ele, hideFilterPopupHeader) {
       y: 0 - ele.offsetHeight
     };
   }
-
   return {
     x: HEADER_ICON_OFFSET_X,
     y: HEADER_ICON_OFFSET_Y
   };
 }
-
 export default Filter;

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

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import React, { useEffect, useState, useRef } from 'react';
 import styled from 'styled-components';
 import { isElementInEventPath, keepWithinBounds } from '../../../utils/';
@@ -11,7 +9,6 @@ import DefaultFilterIcon from './DefaultFilterIcon';
 import { Classes } from '../../../base/styles';
 import KeyCode from '../../../utils/keyCode';
 var FilterPanelStyle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), Classes.popupHeader, Classes.filterIcon, Classes.popupBody);
-
 var useWindowEvents = function useWindowEvents(func, evens) {
   React.useEffect(function () {
     evens.forEach(function (event) {
@@ -24,55 +21,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 = useState(position),
-      _useState2 = _slicedToArray(_useState, 2),
-      perfectPosition = _useState2[0],
-      setPerfectPosition = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    perfectPosition = _useState2[0],
+    setPerfectPosition = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
   var ref = React.useRef(null);
-
   var isContainPanel = function isContainPanel(e) {
     return isElementInEventPath(ref.current, e);
   };
-
   useEffect(function () {
     setPerfectPosition(keepWithinBounds(document.body, ref.current, position.x, position.y, true));
     setVisible(true);
   }, [position]);
   var hasPopupMouseEvent = 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.ESC) {
       onClose();
     }
   };
-
   return /*#__PURE__*/React.createElement(FilterPanelStyle, {
     className: Classes.popup,
     style: _extends(_extends({}, style), {
@@ -96,5 +83,4 @@ function FilterPanel(_ref) {
     className: Classes.popupBody
   }, children));
 }
-
 export default FilterPanel;

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

@@ -7,11 +7,9 @@ var DEFAULT_FILTER_OPTIONS = [{
       if (data == null) {
         return false;
       }
-
       if (typeof data === 'number') {
         data = data + '';
       }
-
       return _includesInstanceProperty(data).call(data, value[0]);
     };
   }
@@ -23,11 +21,9 @@ var DEFAULT_FILTER_OPTIONS = [{
       if (data == null) {
         return true;
       }
-
       if (typeof data === 'number') {
         data = data + '';
       }
-
       return !_includesInstanceProperty(data).call(data, value[0]);
     };
   }

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

@@ -7,11 +7,9 @@ export 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(_mapInstanceProperty(footerDataSource).call(footerDataSource, function (row) {
         return _extends(_defineProperty({}, footerRowMetaKey, true), row);
@@ -19,7 +17,6 @@ export function footerDataSource() {
     } else {
       console.warn('调用 pipeline.use(features.footerDataSource()) 前请先设置页脚数据源，设置方法有：pipeline.use(features.footerDataSource({dataSource:any[]})) 或者 pipeline.footerDataSource(any[])');
     }
-
     return pipeline;
   };
 }

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

@@ -6,7 +6,6 @@ export function mergeCellHover() {
       if (!isLeafNode(col)) {
         return col;
       }
-
       var prevGetCellProps = col.getCellProps;
       return _extends(_extends({}, col), {
         getCellProps: function getCellProps(value, record, rowIndex) {

package/es/table/pipeline/features/multiSelect.js

@@ -14,23 +14,18 @@ export function multiSelect() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function multiSelectStep(pipeline) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-
     var stateKey = 'multiSelect';
     var Checkbox = pipeline.ctx.components.Checkbox;
-
     if (Checkbox == null) {
       throw new Error('使用 multiSelect 之前需要设置 pipeline.ctx.components.Checkbox');
     }
-
     var primaryKey = pipeline.ensurePrimaryKey('multiSelect');
     var isDisabled = (_a = opts.isDisabled) !== null && _a !== void 0 ? _a : always(false);
     var clickArea = (_b = opts.clickArea) !== null && _b !== void 0 ? _b : 'checkbox';
     var value = (_f = (_e = (_c = opts.value) !== null && _c !== void 0 ? _c : (_d = pipeline.getStateAtKey(stateKey)) === null || _d === void 0 ? void 0 : _d.value) !== null && _e !== void 0 ? _e : opts.defaultValue) !== null && _f !== void 0 ? _f : [];
     var lastKey = (_k = (_j = (_g = opts.lastKey) !== null && _g !== void 0 ? _g : (_h = pipeline.getStateAtKey(stateKey)) === null || _h === void 0 ? void 0 : _h.lastKey) !== null && _j !== void 0 ? _j : opts.defaultLastKey) !== null && _k !== void 0 ? _k : '';
-
     var _onChange = function onChange(nextValue, key, keys, action) {
       var _a;
-
       (_a = opts.onChange) === null || _a === void 0 ? void 0 : _a.call(opts, nextValue, key, keys, action);
       pipeline.setStateAtKey(stateKey, {
         value: nextValue,
@@ -41,46 +36,38 @@ export function multiSelect() {
       });
     };
     /** dataSource 中包含的所有 keys */
-
-
     var fullKeySet = new _Set();
     /** 所有有效的 keys（disable 状态为 false） */
-
     var allKeys = [];
     var set = new _Set(value);
     var isAllChecked = set.size !== 0; // 当前不存在选中则默认为false
-
     var isAnyChecked = false;
     var flatDataSource = collectNodes(pipeline.getDataSource());
     flatDataSource.forEach(function (row, rowIndex) {
       var rowKey = internals.safeGetRowKey(primaryKey, row, rowIndex);
-      fullKeySet.add(rowKey); // 在 allKeys 中排除被禁用的 key
-
+      fullKeySet.add(rowKey);
+      // 在 allKeys 中排除被禁用的 key
       if (!isDisabled(row, rowIndex)) {
-        allKeys.push(rowKey); // 存在一个非选中，则不再进行判断
-
+        allKeys.push(rowKey);
+        // 存在一个非选中，则不再进行判断
         if (isAllChecked) {
           isAllChecked = set.has(rowKey);
-        } // 存在一个选中，则不再进行判断
-
-
+        }
+        // 存在一个选中，则不再进行判断
         if (!isAnyChecked) {
           isAnyChecked = set.has(rowKey);
         }
       }
-    }); // todo: 暂使用hidden隐藏选择列 后续增加配置
-
+    });
+    // todo: 暂使用hidden隐藏选择列 后续增加配置
     var hiddenSelectColumn = opts.checkboxColumn && opts.checkboxColumn.hidden === true;
-
     if (!hiddenSelectColumn) {
       var _context;
-
       var defaultCheckboxColumnTitle = /*#__PURE__*/React.createElement(Checkbox, {
         checked: isAllChecked,
         indeterminate: !isAllChecked && isAnyChecked,
         onChange: function onChange(_) {
           var allKeys = pipeline.getFeatureOptions(allEnableKeys);
-
           if (isAllChecked) {
             _onChange(arrayUtils.diff(value, allKeys), '', allKeys, 'uncheck-all');
           } else {
@@ -88,7 +75,6 @@ export function multiSelect() {
           }
         }
       });
-
       var checkboxColumn = _extends(_extends({
         name: '是否选中',
         title: defaultCheckboxColumnTitle,
@@ -97,13 +83,11 @@ export function multiSelect() {
       }, opts.checkboxColumn), {
         getCellProps: function getCellProps(value, row, rowIndex) {
           var _a, _b;
-
           var rowKey = internals.safeGetRowKey(primaryKey, row, rowIndex);
           var checkboxCellProps = {};
           var preCellProps = (_b = (_a = opts.checkboxColumn) === null || _a === void 0 ? void 0 : _a.getCellProps) === null || _b === void 0 ? void 0 : _b.call(_a, value, row, rowIndex);
           var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new _Set();
           var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _Set();
-
           if (fullRowsSet.has(rowKey) && clickArea === 'cell') {
             var prevChecked = selectValueSet.has(rowKey);
             var disabled = isDisabled(row, rowIndex);
@@ -115,19 +99,16 @@ export function multiSelect() {
                 if (opts.stopClickEventPropagation) {
                   e.stopPropagation();
                 }
-
                 onCheckboxChange(prevChecked, rowKey, e.shiftKey);
               }
             };
           }
-
           return mergeCellProps(preCellProps, checkboxCellProps);
         },
         render: function render(_, row, rowIndex) {
           if (row[pipeline.getFeatureOptions('footerRowMetaKey')]) {
             return null;
           }
-
           var key = internals.safeGetRowKey(primaryKey, row, rowIndex);
           var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _Set();
           var checked = selectValueSet.has(key);
@@ -135,18 +116,15 @@ export function multiSelect() {
             checked: checked,
             disabled: isDisabled(row, rowIndex),
             onChange: clickArea === 'checkbox' ? function (arg1, arg2) {
-              var _a; // 这里要同时兼容 antd 和 fusion 的用法
+              var _a;
+              // 这里要同时兼容 antd 和 fusion 的用法
               // fusion: arg2?.nativeEvent
               // antd: arg1.nativeEvent
-
-
               var nativeEvent = (_a = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _a !== void 0 ? _a : arg1.nativeEvent;
-
               if (nativeEvent) {
                 if (opts.stopClickEventPropagation) {
                   nativeEvent.stopPropagation();
                 }
-
                 onCheckboxChange(checked, key, nativeEvent.shiftKey);
               }
             } : undefined
@@ -154,62 +132,49 @@ export function multiSelect() {
         },
         features: _extends(_extends({}, (_l = opts.checkboxColumn) === null || _l === void 0 ? void 0 : _l.features), _defineProperty({}, MULTI_SELECT_MARK_PROPNAME, true))
       });
-
       var nextColumns = _sliceInstanceProperty(_context = pipeline.getColumns()).call(_context);
-
       var checkboxPlacement = (_m = opts.checkboxPlacement) !== null && _m !== void 0 ? _m : 'start';
-
       if (checkboxPlacement === 'start') {
         nextColumns.unshift(checkboxColumn);
       } else {
         nextColumns.push(checkboxColumn);
       }
-
       pipeline.columns(nextColumns);
     }
-
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var rowKey = internals.safeGetRowKey(primaryKey, row, rowIndex);
       var fullRowsSet = pipeline.getFeatureOptions(fullRowsSetKey) || new _Set();
-
       if (!fullRowsSet.has(rowKey)) {
         // rowKey 不在 fullKeySet 中说明这一行是在 multiSelect 之后才生成的，multiSelect 不对之后生成的行进行处理
         return;
       }
-
       var style = {};
       var className;
       var onClick;
       var selectValueSet = pipeline.getFeatureOptions(selectValueSetKey) || new _Set();
       var checked = selectValueSet.has(rowKey);
-
       if (opts.highlightRowWhenSelected && checked) {
         className = 'highlight';
       }
-
       if (clickArea === 'row') {
         var disabled = isDisabled(row, rowIndex);
-
         if (!disabled) {
           style.cursor = 'pointer';
-
           onClick = function onClick(e) {
             if (opts.stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             onCheckboxChange(checked, rowKey, e.shiftKey);
           };
         }
       }
-
       return {
         className: className,
         style: style,
         onClick: onClick
       };
-    }); // 只保留一份到pipeline， 避免行数据过多时内容被握住
-
+    });
+    // 只保留一份到pipeline， 避免行数据过多时内容被握住
     pipeline.setFeatureOptions(fullRowsSetKey, fullKeySet);
     pipeline.setFeatureOptions(allEnableKeys, allKeys);
     pipeline.setFeatureOptions(selectValueSetKey, set);
@@ -217,25 +182,18 @@ export function multiSelect() {
     allKeys = null;
     set = null;
     return pipeline;
-
     function onCheckboxChange(prevChecked, key, batch) {
       var batchKeys = [key];
-
       if (batch && lastKey) {
         var _allKeys = pipeline.getFeatureOptions(allEnableKeys);
-
         var lastIdx = _allKeys.indexOf(lastKey);
-
         var cntIdx = _allKeys.indexOf(key);
-
         var _ref = lastIdx < cntIdx ? [lastIdx, cntIdx] : [cntIdx, lastIdx],
-            _ref2 = _slicedToArray(_ref, 2),
-            start = _ref2[0],
-            end = _ref2[1];
-
+          _ref2 = _slicedToArray(_ref, 2),
+          start = _ref2[0],
+          end = _ref2[1];
         batchKeys = _sliceInstanceProperty(_allKeys).call(_allKeys, start, end + 1);
       }
-
       if (prevChecked) {
         _onChange(arrayUtils.diff(value, batchKeys), key, batchKeys, 'uncheck');
       } else {