@kdcloudjs/table 1.1.5-canary.1 → 1.1.5-canary.10

package/lib/table/base/table.js

@@ -81,7 +81,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -543,7 +543,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _a, _b, _c, _d; // console.log('did mount start')
+      var _a, _b, _c, _d, _e, _f; // console.log('did mount start')
       // console.log('update dom helper start')
 
 
@@ -564,6 +564,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       });
       (_b = (_a = this.props).setTableWidth) === null || _b === void 0 ? void 0 : _b.call(_a, this.domHelper.tableBody.clientWidth);
       (_d = (_c = this.props).setTableDomHelper) === null || _d === void 0 ? void 0 : _d.call(_c, this.domHelper);
+      (_f = (_e = this.props).setRowHeightManager) === null || _f === void 0 ? void 0 : _f.call(_e, this.rowHeightManager);
     }
   }, {
     key: "componentDidUpdate",

package/lib/table/common-views.js

@@ -85,6 +85,6 @@ var icons = {
 };
 exports.icons = icons;
 
-var ContextMenuStyleWrap = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.", "{\n    border: 1px solid #e9ecf1;\n    border-radius: 2px;\n    background-color: #Fff;\n    box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n    cursor: default;\n    font-size: 13px;\n    position:absolute;\n    z-index: 1050;\n    width:120px;\n  }\n\n  .", "{\n    width:100%;\n    display: table;\n  }\n\n  .", " .", "{\n    display: table-row;\n    color: #666666;\n  }\n\n  .", " .", "{\n    background-color: #f5f5f5;\n  }\n\n  .", " .", " .", "{\n    display: table-cell;\n    padding: 5px 8px;\n  }\n  .", " .", ".", "{\n    opacity: .5;\n  }\n\n"])), _styles.MenuClasses.menu, _styles.MenuClasses.menuList, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOptionActive, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionText, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionDisable);
+var ContextMenuStyleWrap = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.", "{\n    border: 1px solid #e9ecf1;\n    border-radius: 2px;\n    background-color: #Fff;\n    box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n    cursor: default;\n    font-size: 12px;\n    position:absolute;\n    z-index: 1050;\n    max-width: 600px;\n    padding: 8px 0;\n  }\n\n  .", "{\n    width:100%;\n    display: table;\n  }\n\n  .", " .", "{\n    display: table-row;\n    color: #212121;\n  }\n\n  .", " .", "{\n    background-color: var(--hover-bgcolor);\n  }\n\n  .", " .", " .", "{\n    display: table-cell;\n    padding: 8px 12px;\n    max-width: 576px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    line-height: 16px;\n  }\n  .", " .", ".", "{\n    opacity: .5;\n  }\n\n"])), _styles.MenuClasses.menu, _styles.MenuClasses.menuList, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOptionActive, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionText, _styles.MenuClasses.menuList, _styles.MenuClasses.menuOption, _styles.MenuClasses.menuOptionDisable);
 
 exports.ContextMenuStyleWrap = ContextMenuStyleWrap;

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

@@ -1,6 +1,8 @@
 import { TablePipeline } from "../pipeline";
+import { ReactNode } from 'react';
 export interface colGroupExtendOption {
     onChangeExtendStatus?({}: any, {}: any): void;
     extendStatus?: {};
+    extendIcon?: ReactNode | ((extendStatus: boolean) => ReactNode);
 }
 export declare const colGroupExtendable: (opts?: colGroupExtendOption) => (pipeline: TablePipeline) => TablePipeline;

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

@@ -77,12 +77,14 @@ var colGroupExtendable = function colGroupExtendable() {
 
       var addIcon = function addIcon(col) {
         var result = (0, _extends2.default)({}, col);
+        var curColState = curState[col.code];
+        var displaycolExtendIcon = typeof opts.extendIcon === 'function' ? opts.extendIcon(curColState) : opts.extendIcon;
 
         var addIconNode = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _internals.internals.safeRenderHeader((0, _extends2.default)({}, col)), /*#__PURE__*/_react.default.createElement(ExtendIconStyle, {
           onClick: function onClick() {
             toggle(col);
           }
-        }, /*#__PURE__*/_react.default.createElement(ExpandIcon, {
+        }, displaycolExtendIcon || /*#__PURE__*/_react.default.createElement(ExpandIcon, {
           style: {
             userSelect: 'none',
             marginLeft: 2,
@@ -91,8 +93,8 @@ var colGroupExtendable = function colGroupExtendable() {
             verticalAlign: 'middle'
           },
           className: (0, _classnames.default)((0, _defineProperty2.default)({}, _styles.Classes.tableExtendIcon, true)),
-          size: 16,
-          isExtend: curState[col.code]
+          size: 14,
+          isExtend: curColState
         })));
 
         result.title = addIconNode;

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

@@ -16,7 +16,11 @@ export interface FilterFeatureOptions {
     filterIcon?: ReactNode | ((filtered: boolean) => ReactNode);
     /** 是否对触发弹出过滤面板 的 click 事件调用 event.stopPropagation() */
     stopClickEventPropagation?: boolean;
-    /** 是否隐藏过滤弹出菜单header区域 */
+    /** 是否对按ESC键时关闭面板的 keydown 事件调用 event.stopPropagation() */
+    stopESCKeyDownEventPropagation?: boolean;
+    /** 是否隐藏过滤面板的header区域 */
     hideFilterPopupHeader?: boolean;
+    /** 指定过滤面板渲染的父节点 */
+    getPopupParent?: (triggerElement: HTMLElement) => HTMLElement;
 }
 export declare function filter(opts?: FilterFeatureOptions): (pipeline: TablePipeline) => TablePipeline;

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

@@ -55,7 +55,9 @@ function filter() {
         mode = opts.mode,
         filterIcon = opts.filterIcon,
         stopClickEventPropagation = opts.stopClickEventPropagation,
-        hideFilterPopupHeader = opts.hideFilterPopupHeader;
+        stopESCKeyDownEventPropagation = opts.stopESCKeyDownEventPropagation,
+        hideFilterPopupHeader = opts.hideFilterPopupHeader,
+        getPopupParent = opts.getPopupParent;
     var inputFilters = (_b = (_a = filters !== null && filters !== void 0 ? filters : pipeline.getStateAtKey(stateKey)) !== null && _a !== void 0 ? _a : defaultFilters) !== null && _b !== void 0 ? _b : [];
     inputFilters = mode === 'single' ? (0, _slice.default)(inputFilters).call(inputFilters, 0, 1) : inputFilters;
     var inputFiltersMap = new _map.default((0, _map2.default)(inputFilters).call(inputFilters, function (filterItem) {
@@ -116,7 +118,9 @@ function filter() {
             isFilterActive: filterActive,
             className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableFilterTrigger, true), (0, _defineProperty2.default)(_cx, "active", filterActive), _cx)),
             stopClickEventPropagation: stopClickEventPropagation,
-            hideFilterPopupHeader: hideFilterPopupHeader
+            stopESCKeyDownEventPropagation: stopESCKeyDownEventPropagation,
+            hideFilterPopupHeader: hideFilterPopupHeader,
+            getPopupParent: getPopupParent
           })]); // result.headerCellProps = mergeCellProps(col.headerCellProps, {
           //   style: {
           //     paddingRight: '18px'

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

@@ -1,14 +1,18 @@
 import { TablePipeline } from '../pipeline';
 interface ContextMenuItem {
+    key?: string;
     name: string;
-    action: () => {};
+    action: () => void;
     disabled?: boolean;
+    className?: string;
 }
 export interface ContextMenuFeatureOptions {
     /** 获得自定义菜单 */
     getContextMenuItems?: (params: any) => ContextMenuItem[];
     /** 弹出框的父容器 */
     popupParent?: HTMLElement;
+    /** 右键菜单className */
+    menuClassName?: string;
 }
 export declare function contextMenu(opts?: ContextMenuFeatureOptions): (pipeline: TablePipeline) => TablePipeline;
 export {};

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

@@ -43,12 +43,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function step(pipeline) {
     var popupParent = opts.popupParent || document.body;
+    var menuClassName = opts.menuClassName;
     var menuHelper = new MenuHelper();
 
     var addPopup = function addPopup(menu) {
@@ -82,13 +81,11 @@ function contextMenu() {
     };
 
     var onContextMenu = function onContextMenu(e) {
-      if (suppressShowContextMenu(e)) {
-        return;
+      if (canShowContextMenu(e, pipeline)) {
+        e.preventDefault();
+        e.stopPropagation();
+        showContextMenu(e);
       }
-
-      e.preventDefault();
-      e.stopPropagation();
-      showContextMenu(e);
     };
 
     pipeline.addTableProps({
@@ -162,7 +159,8 @@ function contextMenu() {
         options: options,
         hideContextMenu: hideContextMenu,
         position: position,
-        getPopupParent: getPopupParent
+        getPopupParent: getPopupParent,
+        className: menuClassName
       });
 
       var _hidePopup = addPopup(menu);
@@ -195,7 +193,8 @@ function getMenuItemKey(_ref) {
 }
 
 function Menu(props) {
-  var _props$options = props.options,
+  var className = props.className,
+      _props$options = props.options,
       options = _props$options === void 0 ? [] : _props$options,
       hideContextMenu = props.hideContextMenu,
       position = props.position,
@@ -216,7 +215,7 @@ function Menu(props) {
     }
   }, [position]);
   return /*#__PURE__*/_react.default.createElement(_commonViews.ContextMenuStyleWrap, {
-    className: _styles.MenuClasses.menu,
+    className: (0, _classnames.default)(_styles.MenuClasses.menu, className),
     ref: menuRef,
     style: {
       left: position.x,
@@ -232,6 +231,7 @@ function Menu(props) {
       }),
       name: item.name,
       action: item.action,
+      className: item.className,
       disabled: item.disabled,
       hideContextMenu: hideContextMenu
     });
@@ -241,6 +241,7 @@ function Menu(props) {
 function MenuItem(props) {
   var name = props.name,
       action = props.action,
+      className = props.className,
       disabled = props.disabled,
       hideContextMenu = props.hideContextMenu;
   var itemRef = (0, _react.useRef)();
@@ -281,7 +282,7 @@ function MenuItem(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_styles.MenuClasses.menuOption, (0, _defineProperty2.default)({}, _styles.MenuClasses.menuOptionDisable, disabled)),
+    className: (0, _classnames.default)(_styles.MenuClasses.menuOption, className, (0, _defineProperty2.default)({}, _styles.MenuClasses.menuOptionDisable, disabled)),
     ref: itemRef,
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
@@ -424,24 +425,12 @@ function isElementInsideTheFooter(ele) {
   }
 
   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++;
-  }
+function canShowContextMenu(e, pipeline) {
+  var _a, _b;
 
-  return true;
+  return ((_a = pipeline.ref.current.domHelper) === null || _a === void 0 ? void 0 : _a.tableBody.contains(e.target)) || ((_b = pipeline.ref.current.domHelper) === null || _b === void 0 ? void 0 : _b.tableFooter.contains(e.target));
 } // 默认选项
 
 

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

@@ -55,7 +55,7 @@ function DefaultFilterContent(_ref) {
       selectedValue = _React$useState2[0],
       setSelectedValue = _React$useState2[1];
 
-  var _React$useState3 = _react.default.useState((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || ''),
+  var _React$useState3 = _react.default.useState((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || []),
       _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
       innerValue = _React$useState4[0],
       setInnerValue = _React$useState4[1];
@@ -74,7 +74,7 @@ function DefaultFilterContent(_ref) {
   var confirm = function confirm() {
     hidePanel();
     setFilterModel({
-      filter: [innerValue],
+      filter: innerValue,
       filterCondition: selectedValue
     });
   };
@@ -87,7 +87,7 @@ function DefaultFilterContent(_ref) {
 
   (0, _react.useEffect)(function () {
     setSelectedValue((filterModel === null || filterModel === void 0 ? void 0 : filterModel.filterCondition) || 'contain');
-    setInnerValue((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || '');
+    setInnerValue((filterModel === null || filterModel === void 0 ? void 0 : (0, _filter.default)(filterModel)) || []);
   }, [filterModel]);
   (0, _react.useEffect)(function () {
     // 兼容设置焦点后发生滚动
@@ -117,9 +117,9 @@ function DefaultFilterContent(_ref) {
     className: 'filter-search'
   }, /*#__PURE__*/_react.default.createElement("input", {
     className: 'filter-search-inner',
-    value: innerValue,
+    value: innerValue[0],
     onChange: function onChange(e) {
-      setInnerValue(e.target.value);
+      setInnerValue([e.target.value]);
     },
     onKeyDown: handleKeyDown,
     ref: inputRef

package/lib/table/pipeline/features/filter/Filter.d.ts

@@ -12,7 +12,9 @@ interface FilterProps {
     setFilter: CustomeFilterPanelProps['setFilter'];
     onClick?: (e: React.MouseEvent) => any;
     stopClickEventPropagation?: boolean;
+    stopESCKeyDownEventPropagation?: boolean;
     hideFilterPopupHeader?: boolean;
+    getPopupParent?: (triggerElement: HTMLElement) => HTMLElement;
 }
-declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, hideFilterPopupHeader }: FilterProps): JSX.Element;
+declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent }: FilterProps): JSX.Element;
 export default Filter;

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

@@ -58,11 +58,12 @@ function Panel(_ref) {
       filterIcon = _ref.filterIcon,
       hidePanel = _ref.hidePanel,
       renderPanelContent = _ref.renderPanelContent,
-      hideFilterPopupHeader = _ref.hideFilterPopupHeader;
+      hideFilterPopupHeader = _ref.hideFilterPopupHeader,
+      popupParent = _ref.popupParent;
 
   var filterPanelRef = _react.default.useRef(null);
 
-  var _React$useState = _react.default.useState((0, _utils.calculatePopupRelative)(ele, document.body, _getPanelOffset(ele, hideFilterPopupHeader))),
+  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];
@@ -73,7 +74,7 @@ function Panel(_ref) {
   };
 
   var handleFilterPanelResize = function handleFilterPanelResize(resize) {
-    setPosition((0, _utils.calculatePopupRelative)(ele, document.body, _getPanelOffset(ele, hideFilterPopupHeader)));
+    setPosition((0, _utils.calculatePopupRelative)(ele, popupParent, _getPanelOffset(ele, hideFilterPopupHeader)));
   };
 
   (0, _react.useEffect)(function () {
@@ -107,7 +108,9 @@ function Filter(_ref2) {
       filterModel = _ref2.filterModel,
       isFilterActive = _ref2.isFilterActive,
       stopClickEventPropagation = _ref2.stopClickEventPropagation,
-      hideFilterPopupHeader = _ref2.hideFilterPopupHeader;
+      stopESCKeyDownEventPropagation = _ref2.stopESCKeyDownEventPropagation,
+      hideFilterPopupHeader = _ref2.hideFilterPopupHeader,
+      getPopupParent = _ref2.getPopupParent;
 
   var _React$useState3 = _react.default.useState(false),
       _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
@@ -143,25 +146,30 @@ function Filter(_ref2) {
   var handleIconClick = function handleIconClick(e) {
     // 只有当icon区域点击会触发面板展开
     // 防止 createPortal 区域的点击触发该事件
-    if (!e.currentTarget.contains(e.target)) {
-      return;
+    if (e.currentTarget.contains(e.target)) {
+      setShowPanel(true);
     }
 
     if (stopClickEventPropagation) {
       e.stopPropagation();
     }
-
-    setShowPanel(true);
   };
 
   var handleKeyDown = function handleKeyDown(e) {
-    if (e.currentTarget.contains(e.target) && e.keyCode === _keyCode.default.ESC) {
-      setShowPanel(false);
+    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;
   return /*#__PURE__*/_react.default.createElement(FilterIconSpanStyle, {
     style: style,
     className: iconClassName,
@@ -180,8 +188,9 @@ function Filter(_ref2) {
     filterIcon: displayFilterIcon,
     hidePanel: hidePanel,
     renderPanelContent: renderPanelContent,
-    hideFilterPopupHeader: hideFilterPopupHeader
-  }), document.body));
+    hideFilterPopupHeader: hideFilterPopupHeader,
+    popupParent: popupParent
+  }), popupParent));
 }
 
 function _getPanelOffset(ele, hideFilterPopupHeader) {

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

@@ -45,6 +45,7 @@ function rangeSelection(opts) {
     var SCROLL_SIZE = 30;
     var tableBody = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableBody;
     var tableFooter = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.tableFooter;
+    var artTable = pipeline.ref.current.domHelper && pipeline.ref.current.domHelper.artTable;
 
     if (!tableBody) {
       return pipeline;
@@ -76,6 +77,13 @@ function rangeSelection(opts) {
         startColumn: startDragCell.column,
         footerRowRange: footerRowRange
       };
+
+      if (isCellRangeSingleCell(rangeSelection)) {
+        artTable.classList.remove((0, _classnames.default)(_styles.Classes.rangeSelection));
+      } else {
+        artTable.classList.add((0, _classnames.default)(_styles.Classes.rangeSelection));
+      }
+
       rangeSelectedChange(rangeSelection);
     };
 
@@ -105,6 +113,7 @@ function rangeSelection(opts) {
       // shift + 点击选中
 
       shiftKeySelect(mouseDownEvent);
+      if (mouseDownEvent.shiftKey) return;
       var target = mouseDownEvent.target;
       var startDragCell = getTargetCell(target, columns);
       var mousemove$ = (0, _rxjs.fromEvent)(window, 'mousemove');
@@ -165,6 +174,7 @@ function rangeSelection(opts) {
 
         if (columns.length && rowLen && !getElementEditable(e.target)) {
           opts.preventkDefaultOfKeyDownEvent !== false && e.preventDefault();
+          artTable.classList.add((0, _classnames.default)(_styles.Classes.rangeSelection));
           rangeSelectedChange({
             startRow: 0,
             endRow: rowLen - 1,

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

@@ -88,10 +88,6 @@ export declare class TablePipeline {
     setFeatureOptions(optionKey: string, value: any): void;
     /** 获取 BaseTable 的 props，结果中包含 dataSource/columns/primaryKey/getRowProps 四个字段 */
     getProps(this: TablePipeline): TableProps;
-    /**
-     * 清除范围选中内容
-     */
-    clearRangeSelection(): void;
 }
 export declare function useTablePipeline(ctx?: Partial<TablePipelineCtx>): TablePipeline;
 export {};

package/lib/table/pipeline/pipeline.js

@@ -28,8 +28,6 @@ var _utils = require("../utils");
 
 var _autoFill = require("./features/autoFill");
 
-var _rangeSelection = require("./features/rangeSelection");
-
 /**
  * 表格数据处理流水线。TablePipeline 提供了表格数据处理过程中的一些上下方与工具方法，包括……
  *
@@ -296,16 +294,11 @@ var TablePipeline = /*#__PURE__*/function () {
         _this2.ref.current.domHelper = domHelper;
       };
 
-      return result;
-    }
-    /**
-     * 清除范围选中内容
-     */
+      result.setRowHeightManager = function (rowHeightManager) {
+        _this2.ref.current.rowHeightManager = rowHeightManager;
+      };
 
-  }, {
-    key: "clearRangeSelection",
-    value: function clearRangeSelection() {
-      this.setStateAtKey(_rangeSelection.rangeSelectionKey, null);
+      return result;
     }
   }]);
   return TablePipeline;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/table",
-  "version": "1.1.5-canary.1",
+  "version": "1.1.5-canary.10",
   "description": "金蝶 react table 组件",
   "title": "table",
   "keywords": [