@hi-ui/table 4.3.1 → 4.3.2

package/lib/cjs/TableBody.js

@@ -9,88 +9,56 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var List = require('./node_modules/rc-virtual-list/es/List.js');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 require('./packages/ui/scrollbar/lib/esm/styles/index.scss.js');
-
 var Scrollbar = require('./packages/ui/scrollbar/lib/esm/Scrollbar.js');
-
 var TableRow = require('./TableRow.js');
-
 var context = require('./context.js');
-
 var ColGroupContent = require('./ColGroupContent.js');
-
 var TbodyContent = require('./TbodyContent.js');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _role = 'table';
-
 var _prefix = classname.getPrefixCls(_role);
-
 var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      emptyContent = _ref.emptyContent;
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    emptyContent = _ref.emptyContent;
   var _a;
-
   var _useTableContext = context.useTableContext(),
-      columns = _useTableContext.columns,
-      isExpandTreeRows = _useTableContext.isExpandTreeRows,
-      transitionData = _useTableContext.transitionData,
-      bodyTableRef = _useTableContext.bodyTableRef,
-      scrollBodyElementRef = _useTableContext.scrollBodyElementRef,
-      onTableBodyScroll = _useTableContext.onTableBodyScroll,
-      onTableBodyScrollMock = _useTableContext.onTableBodyScrollMock,
-      maxHeight = _useTableContext.maxHeight,
-      canScroll = _useTableContext.canScroll,
-      scrollWidth = _useTableContext.scrollWidth,
-      colWidths = _useTableContext.colWidths,
-      virtual = _useTableContext.virtual,
-      measureRowElementRef = _useTableContext.measureRowElementRef,
-      scrollbar = _useTableContext.scrollbar;
-
+    columns = _useTableContext.columns,
+    isExpandTreeRows = _useTableContext.isExpandTreeRows,
+    transitionData = _useTableContext.transitionData,
+    bodyTableRef = _useTableContext.bodyTableRef,
+    scrollBodyElementRef = _useTableContext.scrollBodyElementRef,
+    onTableBodyScroll = _useTableContext.onTableBodyScroll,
+    onTableBodyScrollMock = _useTableContext.onTableBodyScrollMock,
+    maxHeight = _useTableContext.maxHeight,
+    canScroll = _useTableContext.canScroll,
+    scrollWidth = _useTableContext.scrollWidth,
+    colWidths = _useTableContext.colWidths,
+    virtual = _useTableContext.virtual,
+    measureRowElementRef = _useTableContext.measureRowElementRef,
+    scrollbar = _useTableContext.scrollbar;
   var cls = classname.cx(prefixCls + "-body");
   var getRequiredProps = useLatest.useLatestCallback(function (id) {
     return {
       // @ts-ignore
-      expandedTree: isExpandTreeRows(id) // checked: isCheckedId(id),
+      expandedTree: isExpandTreeRows(id)
+      // checked: isCheckedId(id),
       // semiChecked: isSemiCheckedId(id),
       // selected: selectedId === id,
       // loading: isLoadingId(id),
       // focused: focusedId === id,
-
     };
   });
 
   var _useState = React.useState(0),
-      scrollLeft = _useState[0],
-      setScrollLeft = _useState[1];
-
+    scrollLeft = _useState[0],
+    setScrollLeft = _useState[1];
   var rowWidth = React.useMemo(function () {
     var tmpWidth = 0;
     colWidths.forEach(function (width) {
@@ -100,16 +68,14 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [colWidths]);
   var onVirtualContainerScroll = React.useCallback(function (evt) {
     var _a;
-
     setScrollLeft(((_a = scrollBodyElementRef === null || scrollBodyElementRef === void 0 ? void 0 : scrollBodyElementRef.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) || 0);
     onTableBodyScroll(evt);
   }, [scrollBodyElementRef, onTableBodyScroll]);
-
   if (virtual) {
     // TODO： avg和summay row的逻辑
     var realHeight = (_a = scrollBodyElementRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height;
     var vMaxHeight = maxHeight ? !isNaN(Number(String(maxHeight).replace(/px/, ''))) ? Number(maxHeight) : realHeight : 300;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: scrollBodyElementRef,
       className: cls,
       onScroll: onVirtualContainerScroll,
@@ -119,37 +85,38 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         // 表格宽度大于div宽度才出现横向滚动条
         overflowX: canScroll ? 'scroll' : undefined
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       ref: measureRowElementRef,
       style: {
         height: 1,
         background: 'transparent'
       }
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       ref: bodyTableRef,
       style: {
         height: 1,
         background: 'transparent',
         width: rowWidth
       }
-    }), typeAssertion.isArrayNonEmpty(transitionData) ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }), typeAssertion.isArrayNonEmpty(transitionData) ? /*#__PURE__*/React.createElement("div", {
       style: {
         width: '100%',
         position: 'sticky',
         left: 0
       }
-    }, /*#__PURE__*/React__default["default"].createElement(List["default"], {
+    }, /*#__PURE__*/React.createElement(List["default"], {
       data: transitionData,
       height: vMaxHeight,
       itemHeight: 10,
       itemKey: "id",
       children: function children(row, index) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           style: {
             position: 'relative',
             left: -scrollLeft
           }
-        }, /*#__PURE__*/React__default["default"].createElement(TableRow.TableRow // key={depth + index}
+        }, /*#__PURE__*/React.createElement(TableRow.TableRow
+        // key={depth + index}
         , Object.assign({
           // key={depth + index}
           key: row.id,
@@ -166,13 +133,12 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       scrollBodyWidth: window.getComputedStyle(scrollBodyElementRef.current).getPropertyValue('width')
     } : {})));
   }
-
-  var bodyContent = /*#__PURE__*/React__default["default"].createElement("table", {
+  var bodyContent = /*#__PURE__*/React.createElement("table", {
     ref: bodyTableRef,
     style: {
       width: canScroll && scrollWidth !== undefined ? scrollWidth : '100%'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React__default["default"].createElement(TbodyContent.TbodyContent, null));
+  }, /*#__PURE__*/React.createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React.createElement(TbodyContent.TbodyContent, null));
   var scrollBodyProps = {
     ref: scrollBodyElementRef,
     className: cls,
@@ -180,13 +146,11 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style: {
       maxHeight: maxHeight
     }
-  }; // 外层增加 div 作为滚动容器
-
-  return !scrollbar ? /*#__PURE__*/React__default["default"].createElement("div", Object.assign({}, scrollBodyProps), bodyContent) : /*#__PURE__*/React__default["default"].createElement(Scrollbar.Scrollbar, Object.assign({}, scrollBodyProps, typeAssertion.isObject(scrollbar) ? scrollbar : null), bodyContent);
+  };
+  // 外层增加 div 作为滚动容器
+  return !scrollbar ? /*#__PURE__*/React.createElement("div", Object.assign({}, scrollBodyProps), bodyContent) : /*#__PURE__*/React.createElement(Scrollbar.Scrollbar, Object.assign({}, scrollBodyProps, typeAssertion.isObject(scrollbar) ? scrollbar : null), bodyContent);
 });
-
 if (env.__DEV__) {
   TableBody.displayName = 'TableBody';
 }
-
 exports.TableBody = TableBody;

package/lib/cjs/TableCell.js

@@ -9,106 +9,74 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var arrayUtils = require('@hi-ui/array-utils');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
 var iconButton = require('@hi-ui/icon-button');
-
 var context = require('./context.js');
-
 var index = require('./icons/index.js');
-
 var BaseTable = require('./BaseTable.js');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _prefix = classname.getPrefixCls('table-cell');
 /**
  * 表格 body 单元格渲染
  */
-
-
 var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      className = _ref.className,
-      column = _ref.column,
-      rowData = _ref.rowData,
-      rowIndex = _ref.rowIndex,
-      colIndex = _ref.colIndex,
-      _ref$isSwitcherCol = _ref.isSwitcherCol,
-      isSwitcherCol = _ref$isSwitcherCol === void 0 ? false : _ref$isSwitcherCol,
-      _ref$expandedTree = _ref.expandedTree,
-      expandedTree = _ref$expandedTree === void 0 ? false : _ref$expandedTree,
-      _ref$expandedIcon = _ref.expandedIcon,
-      expandedIcon = _ref$expandedIcon === void 0 ? index.defaultExpandIcon : _ref$expandedIcon,
-      _ref$collapsedIcon = _ref.collapsedIcon,
-      collapsedIcon = _ref$collapsedIcon === void 0 ? index.defaultCollapseIcon : _ref$collapsedIcon,
-      _ref$leafIcon = _ref.leafIcon,
-      leafIcon = _ref$leafIcon === void 0 ? index.defaultLeafIcon : _ref$leafIcon;
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    className = _ref.className,
+    column = _ref.column,
+    rowData = _ref.rowData,
+    rowIndex = _ref.rowIndex,
+    colIndex = _ref.colIndex,
+    _ref$isSwitcherCol = _ref.isSwitcherCol,
+    isSwitcherCol = _ref$isSwitcherCol === void 0 ? false : _ref$isSwitcherCol,
+    _ref$expandedTree = _ref.expandedTree,
+    expandedTree = _ref$expandedTree === void 0 ? false : _ref$expandedTree,
+    _ref$expandedIcon = _ref.expandedIcon,
+    expandedIcon = _ref$expandedIcon === void 0 ? index.defaultExpandIcon : _ref$expandedIcon,
+    _ref$collapsedIcon = _ref.collapsedIcon,
+    collapsedIcon = _ref$collapsedIcon === void 0 ? index.defaultCollapseIcon : _ref$collapsedIcon,
+    _ref$leafIcon = _ref.leafIcon,
+    leafIcon = _ref$leafIcon === void 0 ? index.defaultLeafIcon : _ref$leafIcon;
   var _useTableContext = context.useTableContext(),
-      isHighlightedCol = _useTableContext.isHighlightedCol,
-      onLoadChildren = _useTableContext.onLoadChildren,
-      isHoveredHighlightCol = _useTableContext.isHoveredHighlightCol,
-      showColHighlight = _useTableContext.showColHighlight,
-      onHoveredColChange = _useTableContext.onHoveredColChange,
-      onTreeNodeSwitch = _useTableContext.onTreeNodeSwitch,
-      getStickyColProps = _useTableContext.getStickyColProps,
-      canScroll = _useTableContext.canScroll,
-      isTree = _useTableContext.isTree,
-      cellRender = _useTableContext.cellRender,
-      isLoadingTreeNodeId = _useTableContext.isLoadingTreeNodeId,
-      colWidths = _useTableContext.colWidths,
-      virtual = _useTableContext.virtual;
-
+    isHighlightedCol = _useTableContext.isHighlightedCol,
+    onLoadChildren = _useTableContext.onLoadChildren,
+    isHoveredHighlightCol = _useTableContext.isHoveredHighlightCol,
+    showColHighlight = _useTableContext.showColHighlight,
+    onHoveredColChange = _useTableContext.onHoveredColChange,
+    onTreeNodeSwitch = _useTableContext.onTreeNodeSwitch,
+    getStickyColProps = _useTableContext.getStickyColProps,
+    canScroll = _useTableContext.canScroll,
+    isTree = _useTableContext.isTree,
+    cellRender = _useTableContext.cellRender,
+    isLoadingTreeNodeId = _useTableContext.isLoadingTreeNodeId,
+    colWidths = _useTableContext.colWidths,
+    virtual = _useTableContext.virtual;
   var dataKey = column.id,
-      leftStickyWidth = column.leftStickyWidth,
-      rightStickyWidth = column.rightStickyWidth,
-      rawRender = column.render,
-      raw = column.raw;
+    leftStickyWidth = column.leftStickyWidth,
+    rightStickyWidth = column.rightStickyWidth,
+    rawRender = column.render,
+    raw = column.raw;
   var depth = rowData.depth,
-      rowId = rowData.id;
+    rowId = rowData.id;
   /**
    * normalize 单元格渲染内容，支持自定义 render
    */
-
-  var cellContent = React__default["default"].useMemo(function () {
+  var cellContent = React.useMemo(function () {
     var row = rowData.raw;
     var content = row[dataKey];
-
     if (typeAssertion.isFunction(rawRender)) {
       content = rawRender(content, BaseTable.EMBED_DATA_KEY === dataKey ? rowData : row, rowIndex, dataKey);
     } else if (typeAssertion.isFunction(cellRender)) {
       content = cellRender(content);
-    } //  处理单元格内容，重载支持配置式合并单元格
-
-
-    var childrenMaybePropsReturn = typeAssertion.isObject(content) && ! /*#__PURE__*/React__default["default"].isValidElement(content);
-
+    }
+    //  处理单元格内容，重载支持配置式合并单元格
+    var childrenMaybePropsReturn = typeAssertion.isObject(content) && ! /*#__PURE__*/React.isValidElement(content);
     if (childrenMaybePropsReturn) {
       return content;
     }
-
     return {
       children: content,
       props: {
@@ -116,20 +84,18 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         rowSpan: undefined
       }
     };
-  }, [rawRender, dataKey, rowData, rowIndex, cellRender]); // 将被其它单元格（用户配置）合并，不进行渲染
-
+  }, [rawRender, dataKey, rowData, rowIndex, cellRender]);
+  // 将被其它单元格（用户配置）合并，不进行渲染
   if (cellContent.props.colSpan === 0 || cellContent.props.rowSpan === 0) {
     return null;
   }
-
   var loading = isLoadingTreeNodeId(rowId);
   var sticky = typeof rightStickyWidth !== 'undefined' || typeof leftStickyWidth !== 'undefined';
   var cls = classname.cx(prefixCls, className, raw.className, canScroll && sticky && prefixCls + "__col--sticky", isHighlightedCol(dataKey) && prefixCls + "__col--highlight", isHoveredHighlightCol(dataKey) && prefixCls + "__col--hovered-highlight");
-
   if (virtual) {
     var width = colWidths[colIndex];
     var colProps = getStickyColProps(column);
-    return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       ref: ref,
       key: dataKey,
       className: cls
@@ -162,8 +128,7 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
     }) : null, cellContent.children);
   }
-
-  return /*#__PURE__*/React__default["default"].createElement("td", Object.assign({
+  return /*#__PURE__*/React.createElement("td", Object.assign({
     ref: ref,
     key: dataKey,
     className: cls
@@ -195,20 +160,17 @@ var TableCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }) : null, cellContent.children);
 });
-
 if (env.__DEV__) {
   TableCell.displayName = 'TableCell';
 }
 /**
  * 渲染空白占位
  */
-
-
 var renderIndent = function renderIndent(_ref2) {
   var prefixCls = _ref2.prefixCls,
-      depth = _ref2.depth;
+    depth = _ref2.depth;
   return arrayUtils.times(depth, function (index) {
-    return /*#__PURE__*/React__default["default"].createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: prefixCls + "__indent",
       key: index
     });
@@ -217,32 +179,27 @@ var renderIndent = function renderIndent(_ref2) {
 /**
  * 渲染子树折叠切换器
  */
-
-
 var renderSwitcher = function renderSwitcher(_ref3) {
   var prefixCls = _ref3.prefixCls,
-      node = _ref3.node,
-      loading = _ref3.loading,
-      expanded = _ref3.expanded,
-      expandedIcon = _ref3.expandedIcon,
-      collapsedIcon = _ref3.collapsedIcon,
-      leafIcon = _ref3.leafIcon,
-      onNodeExpand = _ref3.onNodeExpand,
-      onLoadChildren = _ref3.onLoadChildren,
-      isTree = _ref3.isTree;
-
+    node = _ref3.node,
+    loading = _ref3.loading,
+    expanded = _ref3.expanded,
+    expandedIcon = _ref3.expandedIcon,
+    collapsedIcon = _ref3.collapsedIcon,
+    leafIcon = _ref3.leafIcon,
+    onNodeExpand = _ref3.onNodeExpand,
+    onLoadChildren = _ref3.onLoadChildren,
+    isTree = _ref3.isTree;
   if (loading) {
-    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React.createElement(iconButton.IconButton, {
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--loading"),
       icon: index.defaultLoadingIcon
     });
   }
-
   var hasChildren = node.children && node.children.length > 0;
   var canLoadChildren = onLoadChildren && !node.children && !node.isLeaf;
-
   if (hasChildren || canLoadChildren) {
-    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React.createElement(iconButton.IconButton, {
       tabIndex: -1,
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--" + (expanded ? 'expanded' : 'collapse')),
       icon: expanded ? expandedIcon : collapsedIcon,
@@ -252,16 +209,13 @@ var renderSwitcher = function renderSwitcher(_ref3) {
       }
     });
   }
-
   if (isTree) {
-    return /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
+    return /*#__PURE__*/React.createElement(iconButton.IconButton, {
       tabIndex: -1,
       className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--noop"),
       icon: leafIcon
     });
   }
-
   return null;
 };
-
 exports.TableCell = TableCell;

package/lib/cjs/TableColumnMenu.js

@@ -9,98 +9,66 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var React = require('react');
-
 var classname = require('@hi-ui/classname');
-
 var env = require('@hi-ui/env');
-
 var icons = require('@hi-ui/icons');
-
 var iconButton = require('@hi-ui/icon-button');
-
 var Popper = require('@hi-ui/popper');
-
 var useToggle = require('@hi-ui/use-toggle');
-
 var context = require('./context.js');
-
 var core = require('@hi-ui/core');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
-
 var _prefix = classname.getPrefixCls('table-column-menu');
 /**
  * 表头每列下拉式菜单，包含冻结、高亮、递增、递减操作
  */
-
-
 var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      column = _ref.column,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose;
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    column = _ref.column,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose;
   var i18n = core.useLocaleContext();
-
   var _useTableContext = context.useTableContext(),
-      activeSorterType = _useTableContext.activeSorterType,
-      activeSorterColumn = _useTableContext.activeSorterColumn,
-      setActiveSorterType = _useTableContext.setActiveSorterType,
-      setActiveSorterColumn = _useTableContext.setActiveSorterColumn,
-      leftFreezeColumn = _useTableContext.leftFreezeColumn,
-      setLeftFreezeColumn = _useTableContext.setLeftFreezeColumn,
-      isHighlightedCol = _useTableContext.isHighlightedCol,
-      onHighlightedColChange = _useTableContext.onHighlightedColChange;
-
+    activeSorterType = _useTableContext.activeSorterType,
+    activeSorterColumn = _useTableContext.activeSorterColumn,
+    setActiveSorterType = _useTableContext.setActiveSorterType,
+    setActiveSorterColumn = _useTableContext.setActiveSorterColumn,
+    leftFreezeColumn = _useTableContext.leftFreezeColumn,
+    setLeftFreezeColumn = _useTableContext.setLeftFreezeColumn,
+    isHighlightedCol = _useTableContext.isHighlightedCol,
+    onHighlightedColChange = _useTableContext.onHighlightedColChange;
   var dataKey = column.id,
-      columnRaw = column.raw;
+    columnRaw = column.raw;
   var canSort = !!columnRaw.sorter;
-
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
-    onOpen: onOpen,
-    onClose: onClose
-  }),
-      menuVisible = _useUncontrolledToggl[0],
-      menuVisibleAction = _useUncontrolledToggl[1];
-
-  var _React$useState = React__default["default"].useState(null),
-      menuTrigger = _React$useState[0],
-      setMenuTrigger = _React$useState[1];
-
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
+      onOpen: onOpen,
+      onClose: onClose
+    }),
+    menuVisible = _useUncontrolledToggl[0],
+    menuVisibleAction = _useUncontrolledToggl[1];
+  var _React$useState = React.useState(null),
+    menuTrigger = _React$useState[0],
+    setMenuTrigger = _React$useState[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconButton.IconButton, {
     className: prefixCls + "__trigger",
     ref: setMenuTrigger,
     onClick: menuVisibleAction.not,
-    icon: /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null)
-  }), /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
+    icon: /*#__PURE__*/React.createElement(icons.DownOutlined, null)
+  }), /*#__PURE__*/React.createElement(Popper, {
     className: prefixCls + "__popper",
     visible: menuVisible,
     attachEl: menuTrigger,
     onClose: menuVisibleAction.off,
     // @DesignToken zIndex: `overlay`
     zIndex: 1050
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content"
-  }, canSort ? /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
+  }, canSort ? /*#__PURE__*/React.createElement(TableColumnMenuItem, {
     prefixCls: prefixCls,
     active: activeSorterType === 'ascend' && activeSorterColumn === dataKey,
     content: i18n.get('table.ascend'),
-    icon: /*#__PURE__*/React__default["default"].createElement(icons.SortAscendingOutlined, null),
+    icon: /*#__PURE__*/React.createElement(icons.SortAscendingOutlined, null),
     onSwitch: function onSwitch(shouldActive) {
       if (shouldActive) {
         setActiveSorterType('ascend');
@@ -109,14 +77,13 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         setActiveSorterType(null);
         setActiveSorterColumn(null);
       }
-
       menuVisibleAction.off();
     }
-  }) : null, canSort ? /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
+  }) : null, canSort ? /*#__PURE__*/React.createElement(TableColumnMenuItem, {
     prefixCls: prefixCls,
     active: activeSorterType === 'descend' && activeSorterColumn === dataKey,
     content: i18n.get('table.descend'),
-    icon: /*#__PURE__*/React__default["default"].createElement(icons.SortDescendingOutlined, null),
+    icon: /*#__PURE__*/React.createElement(icons.SortDescendingOutlined, null),
     onSwitch: function onSwitch(shouldActive) {
       if (shouldActive) {
         setActiveSorterType('descend');
@@ -125,52 +92,47 @@ var TableColumnMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         setActiveSorterType(null);
         setActiveSorterColumn(null);
       }
-
       menuVisibleAction.off();
     }
-  }) : null, /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
+  }) : null, /*#__PURE__*/React.createElement(TableColumnMenuItem, {
     prefixCls: prefixCls,
     active: isHighlightedCol(dataKey),
     content: i18n.get('table.highlight'),
-    icon: /*#__PURE__*/React__default["default"].createElement(icons.ColumnHeightOutlined, null),
+    icon: /*#__PURE__*/React.createElement(icons.ColumnHeightOutlined, null),
     onSwitch: function onSwitch(shouldActive) {
       onHighlightedColChange(column, shouldActive);
       menuVisibleAction.off();
     }
-  }), /*#__PURE__*/React__default["default"].createElement(TableColumnMenuItem, {
+  }), /*#__PURE__*/React.createElement(TableColumnMenuItem, {
     prefixCls: prefixCls,
     active: leftFreezeColumn === dataKey,
     content: i18n.get('table.freeze'),
-    icon: /*#__PURE__*/React__default["default"].createElement(icons.LockOutlined, null),
+    icon: /*#__PURE__*/React.createElement(icons.LockOutlined, null),
     onSwitch: function onSwitch(shouldActive) {
       if (shouldActive) {
         setLeftFreezeColumn(dataKey);
       } else {
         setLeftFreezeColumn('');
       }
-
       menuVisibleAction.off();
     }
   }))));
 });
-
 if (env.__DEV__) {
   TableColumnMenu.displayName = 'TableColumnMenu';
 }
-
 var TableColumnMenuItem = function TableColumnMenuItem(_ref2) {
   var prefixCls = _ref2.prefixCls,
-      active = _ref2.active,
-      onSwitch = _ref2.onSwitch,
-      content = _ref2.content,
-      icon = _ref2.icon;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+    active = _ref2.active,
+    onSwitch = _ref2.onSwitch,
+    content = _ref2.content,
+    icon = _ref2.icon;
+  return /*#__PURE__*/React.createElement("div", {
     className: classname.cx(prefixCls + "__item", active && prefixCls + "__item--active"),
     onClick: function onClick() {
       return onSwitch(!active);
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, content), icon);
+  }, /*#__PURE__*/React.createElement("span", null, content), icon);
 };
-
 exports.TableColumnMenu = TableColumnMenu;
 exports.TableColumnMenuItem = TableColumnMenuItem;