@hi-ui/table 4.3.1 → 4.3.2

package/lib/cjs/TableEmbedRow.js

@@ -9,51 +9,26 @@
  */
 '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 context = require('./context.js');
-
 var Loading = require('@hi-ui/loading');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Loading__default = /*#__PURE__*/_interopDefaultLegacy(Loading);
-
 var _prefix = classname.getPrefixCls('table-embed-row');
 /**
  *  可展开的内嵌面板
  */
-
-
 var TableEmbedRow = function TableEmbedRow(_ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      colSpan = _ref.colSpan,
-      rowIndex = _ref.rowIndex,
-      rowData = _ref.rowData;
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    colSpan = _ref.colSpan,
+    rowIndex = _ref.rowIndex,
+    rowData = _ref.rowData;
   var _useTableContext = context.useTableContext(),
-      isExpandEmbedRows = _useTableContext.isExpandEmbedRows,
-      getEmbedPanelById = _useTableContext.getEmbedPanelById,
-      isEmbedLoadingId = _useTableContext.isEmbedLoadingId,
-      onEmbedSwitch = _useTableContext.onEmbedSwitch;
-
+    isExpandEmbedRows = _useTableContext.isExpandEmbedRows,
+    getEmbedPanelById = _useTableContext.getEmbedPanelById,
+    isEmbedLoadingId = _useTableContext.isEmbedLoadingId,
+    onEmbedSwitch = _useTableContext.onEmbedSwitch;
   var loading = isEmbedLoadingId(rowData.id);
   var expanded = isExpandEmbedRows(rowData.id);
   React.useEffect(function () {
@@ -62,20 +37,18 @@ var TableEmbedRow = function TableEmbedRow(_ref) {
       onEmbedSwitch(rowData, rowIndex);
     }
   }, [onEmbedSwitch, expanded, rowData, rowIndex]);
-  return expanded ? /*#__PURE__*/React__default["default"].createElement("tr", {
+  return expanded ? /*#__PURE__*/React.createElement("tr", {
     key: "expanded-row",
     className: prefixCls
-  }, /*#__PURE__*/React__default["default"].createElement("td", {
+  }, /*#__PURE__*/React.createElement("td", {
     colSpan: colSpan
-  }, /*#__PURE__*/React__default["default"].createElement(Loading__default["default"], {
+  }, /*#__PURE__*/React.createElement(Loading, {
     size: "sm",
     visible: loading,
     part: true
   }, getEmbedPanelById(rowData.id)))) : null;
 };
-
 if (env.__DEV__) {
   TableEmbedRow.displayName = 'TableEmbedRow';
 }
-
 exports.TableEmbedRow = TableEmbedRow;

package/lib/cjs/TableHeader.js

@@ -9,60 +9,35 @@
  */
 '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 context = require('./context.js');
-
 var ColGroupContent = require('./ColGroupContent.js');
-
 var TheadContent = require('./TheadContent.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-header');
-
 var TableHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      className = _ref.className;
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    className = _ref.className;
   var _useTableContext = context.useTableContext(),
-      onTableBodyScrollMock = _useTableContext.onTableBodyScrollMock,
-      scrollHeaderElementRef = _useTableContext.scrollHeaderElementRef,
-      getTableHeaderProps = _useTableContext.getTableHeaderProps;
-
+    onTableBodyScrollMock = _useTableContext.onTableBodyScrollMock,
+    scrollHeaderElementRef = _useTableContext.scrollHeaderElementRef,
+    getTableHeaderProps = _useTableContext.getTableHeaderProps;
   var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     className: cls,
     ref: scrollHeaderElementRef
-  }, getTableHeaderProps()), /*#__PURE__*/React__default["default"].createElement("table", {
+  }, getTableHeaderProps()), /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React__default["default"].createElement(TheadContent.TheadContent, {
+  }, /*#__PURE__*/React.createElement(ColGroupContent.ColGroupContent, null), /*#__PURE__*/React.createElement(TheadContent.TheadContent, {
     onWheel: onTableBodyScrollMock
   })));
 });
-
 if (env.__DEV__) {
   TableHeader.displayName = 'TableHeader';
 }
-
 exports.TableHeader = TableHeader;

package/lib/cjs/TableRow.js

@@ -9,88 +9,57 @@
  */
 '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 context = require('./context.js');
-
 var TableCell = require('./TableCell.js');
-
 var TableEmbedRow = require('./TableEmbedRow.js');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var domUtils = require('@hi-ui/dom-utils');
-
 var Table = require('./Table.js');
-
 var BaseTable = require('./BaseTable.js');
-
 var typeAssertion = require('@hi-ui/type-assertion');
-
-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 EMBED_ON_ROW_PROPS = {};
 var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      rowDataProp = _ref.rowData,
-      rowIndex = _ref.rowIndex,
-      expandedTree = _ref.expandedTree,
-      isSumRow = _ref.isSumRow,
-      isAvgRow = _ref.isAvgRow;
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    rowDataProp = _ref.rowData,
+    rowIndex = _ref.rowIndex,
+    expandedTree = _ref.expandedTree,
+    isSumRow = _ref.isSumRow,
+    isAvgRow = _ref.isAvgRow;
   var _useTableContext = context.useTableContext(),
-      striped = _useTableContext.striped,
-      showRowHighlight = _useTableContext.showRowHighlight,
-      onHighlightedRowChange = _useTableContext.onHighlightedRowChange,
-      isHighlightedRow = _useTableContext.isHighlightedRow,
-      flattedColumnsWithoutChildren = _useTableContext.flattedColumnsWithoutChildren,
-      isErrorRow = _useTableContext.isErrorRow,
-      columns = _useTableContext.columns,
-      embedExpandable = _useTableContext.embedExpandable,
-      draggable = _useTableContext.draggable,
-      onDragStartContext = _useTableContext.onDragStart,
-      onDragLeaveContext = _useTableContext.onDragLeave,
-      onDragEndContext = _useTableContext.onDragEnd,
-      onDropContext = _useTableContext.onDrop,
-      dragRowRef = _useTableContext.dragRowRef,
-      onRow = _useTableContext.onRow,
-      colWidths = _useTableContext.colWidths,
-      virtual = _useTableContext.virtual;
-
+    striped = _useTableContext.striped,
+    showRowHighlight = _useTableContext.showRowHighlight,
+    onHighlightedRowChange = _useTableContext.onHighlightedRowChange,
+    isHighlightedRow = _useTableContext.isHighlightedRow,
+    flattedColumnsWithoutChildren = _useTableContext.flattedColumnsWithoutChildren,
+    isErrorRow = _useTableContext.isErrorRow,
+    columns = _useTableContext.columns,
+    embedExpandable = _useTableContext.embedExpandable,
+    draggable = _useTableContext.draggable,
+    onDragStartContext = _useTableContext.onDragStart,
+    onDragLeaveContext = _useTableContext.onDragLeave,
+    onDragEndContext = _useTableContext.onDragEnd,
+    onDropContext = _useTableContext.onDrop,
+    dragRowRef = _useTableContext.dragRowRef,
+    onRow = _useTableContext.onRow,
+    colWidths = _useTableContext.colWidths,
+    virtual = _useTableContext.virtual;
   var rowData = rowDataProp.raw,
-      rowId = rowDataProp.id; // ** ************** 拖拽管理 *************** *//
-
-  var _React$useState = React__default["default"].useState(false),
-      dragging = _React$useState[0],
-      setDragging = _React$useState[1];
-
-  var _React$useState2 = React__default["default"].useState(),
-      dragDirection = _React$useState2[0],
-      setDragDirection = _React$useState2[1];
-
+    rowId = rowDataProp.id;
+  // ** ************** 拖拽管理 *************** *//
+  var _React$useState = React.useState(false),
+    dragging = _React$useState[0],
+    setDragging = _React$useState[1];
+  var _React$useState2 = React.useState(),
+    dragDirection = _React$useState2[0],
+    setDragDirection = _React$useState2[1];
   var onDragStartContextLatest = useLatest.useLatestCallback(onDragStartContext);
-  var onDragStart = React__default["default"].useCallback(function (evt) {
+  var onDragStart = React.useCallback(function (evt) {
     if (!draggable) return;
     evt.stopPropagation();
     var clientY = evt.clientY;
@@ -107,17 +76,16 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       dragNode: rowData
     });
   }, [draggable, dragRowRef, onDragStartContextLatest, rowData, rowId]);
-  var onDragOver = React__default["default"].useCallback(function (evt) {
+  var onDragOver = React.useCallback(function (evt) {
     if (!draggable) return;
     evt.preventDefault();
     evt.stopPropagation();
     if (!dragRowRef.current) return;
     var _dragRowRef$current = dragRowRef.current,
-        startClientY = _dragRowRef$current.startClientY,
-        dragId = _dragRowRef$current.dragId;
+      startClientY = _dragRowRef$current.startClientY,
+      dragId = _dragRowRef$current.dragId;
     if (dragId === rowId) return;
     var hoverClientY = evt.clientY;
-
     if (hoverClientY < startClientY) {
       setDragDirection('top');
     } else {
@@ -125,7 +93,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, [draggable, dragRowRef, rowId]);
   var onDragLeaveContextLatest = useLatest.useLatestCallback(onDragLeaveContext);
-  var onDragLeave = React__default["default"].useCallback(function (evt) {
+  var onDragLeave = React.useCallback(function (evt) {
     if (!draggable) return;
     evt.preventDefault();
     evt.stopPropagation();
@@ -133,7 +101,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onDragLeaveContextLatest(evt);
   }, [draggable, onDragLeaveContextLatest]);
   var onDragEndContextLatest = useLatest.useLatestCallback(onDragEndContext);
-  var onDragEnd = React__default["default"].useCallback(function (evt) {
+  var onDragEnd = React.useCallback(function (evt) {
     if (!draggable) return;
     evt.preventDefault();
     evt.stopPropagation();
@@ -143,9 +111,9 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setDragging(false);
     onDragEndContextLatest(evt);
   }, [draggable, dragRowRef, onDragEndContextLatest]);
-  var onDropContextLatest = useLatest.useLatestCallback(onDropContext); // 放置目标元素时触发事件
-
-  var onDrop = React__default["default"].useCallback(function (evt) {
+  var onDropContextLatest = useLatest.useLatestCallback(onDropContext);
+  // 放置目标元素时触发事件
+  var onDrop = React.useCallback(function (evt) {
     if (!draggable) return;
     if (!dragRowRef.current) return;
     var dragId = dragRowRef.current.dragId;
@@ -155,17 +123,15 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     dragRowRef.current = null;
     var targetId = rowId;
     if (dragId === targetId) return;
-
     try {
       var _JSON$parse = JSON.parse(evt.dataTransfer.getData('tableRow')),
-          sourceId = _JSON$parse.sourceId;
-
+        sourceId = _JSON$parse.sourceId;
       onDropContextLatest(evt, sourceId, targetId, dragDirection);
     } catch (error) {
       console.error(error);
     }
-  }, [draggable, dragRowRef, onDropContextLatest, dragDirection, rowId]); // ** ************** 行状态管理 *************** *//
-
+  }, [draggable, dragRowRef, onDropContextLatest, dragDirection, rowId]);
+  // ** ************** 行状态管理 *************** *//
   var highlighted = isHighlightedRow(rowId);
   var hasError = isErrorRow(rowId);
   var cls = classname.cx(prefixCls + "-row", showRowHighlight && prefixCls + "-row--hover", striped && (rowIndex & 1) === 1 && prefixCls + "-row--striped", hasError && prefixCls + "-row--error", highlighted && prefixCls + "-row--highlight", draggable && prefixCls + "-row--draggable", draggable && dragging && prefixCls + "-row--dragging", draggable && dragDirection && prefixCls + "-row--drag-" + dragDirection, isSumRow && prefixCls + "-row--total", isAvgRow && prefixCls + "-row--avg", virtual && prefixCls + "-row--virtual");
@@ -180,9 +146,8 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
     return tmpWidth;
   }, [colWidths]);
-
   if (virtual) {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({
       ref: ref,
       className: cls,
       key: "row"
@@ -191,14 +156,13 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         if (rowExtraProps.onDoubleClick) {
           rowExtraProps.onDoubleClick(evt);
         }
-
         onHighlightedRowChange(rowDataProp, !highlighted);
       },
       style: Object.assign(Object.assign({}, rowExtraProps.style), {
         width: rowWidth
       })
     }), flattedColumnsWithoutChildren.map(function (column, idx) {
-      return /*#__PURE__*/React__default["default"].createElement(TableCell.TableCell, {
+      return /*#__PURE__*/React.createElement(TableCell.TableCell, {
         key: idx,
         column: column,
         isSwitcherCol: firstColumn ? firstColumn.id === column.id : false,
@@ -209,8 +173,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       });
     })));
   }
-
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("tr", Object.assign({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", Object.assign({
     ref: ref,
     className: cls,
     key: "row"
@@ -219,7 +182,6 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       if (rowExtraProps.onDoubleClick) {
         rowExtraProps.onDoubleClick(evt);
       }
-
       onHighlightedRowChange(rowDataProp, !highlighted);
     },
     draggable: domUtils.setAttrAria(draggable),
@@ -229,7 +191,7 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onDragLeave: onDragLeave,
     onDrop: onDrop
   }), flattedColumnsWithoutChildren.map(function (column, idx) {
-    return /*#__PURE__*/React__default["default"].createElement(TableCell.TableCell, {
+    return /*#__PURE__*/React.createElement(TableCell.TableCell, {
       key: idx,
       column: column,
       isSwitcherCol: firstColumn ? firstColumn.id === column.id : false,
@@ -238,15 +200,13 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       colIndex: idx,
       expandedTree: expandedTree
     });
-  })), embedExpandable ? /*#__PURE__*/React__default["default"].createElement(TableEmbedRow.TableEmbedRow, {
+  })), embedExpandable ? /*#__PURE__*/React.createElement(TableEmbedRow.TableEmbedRow, {
     colSpan: columns.length,
     rowData: rowDataProp,
     rowIndex: rowIndex
   }) : null);
 });
-
 if (env.__DEV__) {
   TableRow.displayName = 'TableRow';
 }
-
 exports.TableRow = TableRow;

package/lib/cjs/TableSettingMenu.js

@@ -9,93 +9,57 @@
  */
 'use strict';
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-
 var tslib = require('tslib');
-
 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 useToggle = require('@hi-ui/use-toggle');
-
 var useLatest = require('@hi-ui/use-latest');
-
 var core = require('@hi-ui/core');
-
 var funcUtils = require('@hi-ui/func-utils');
-
 var useDragSorter = require('@hi-ui/use-drag-sorter');
-
 var drawer = require('@hi-ui/drawer');
-
 var button = require('@hi-ui/button');
-
 var Checkbox = require('@hi-ui/checkbox');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _prefix = classname.getPrefixCls('table-setting');
 /**
  * 表头右侧高级设置菜单（抽屉式）
  */
-
-
 var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      sortedCols = _ref.sortedCols,
-      setSortColKeys = _ref.setSortColKeys,
-      cacheSortedCols = _ref.cacheSortedCols,
-      setCacheSortedCols = _ref.setCacheSortedCols,
-      hiddenColKeys = _ref.hiddenColKeys,
-      setHiddenColKeys = _ref.setHiddenColKeys,
-      cacheHiddenColKeys = _ref.cacheHiddenColKeys,
-      setCacheHiddenColKeys = _ref.setCacheHiddenColKeys,
-      onSetColKeysChange = _ref.onSetColKeysChange,
-      _ref$checkDisabledCol = _ref.checkDisabledColKeys,
-      checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol;
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    sortedCols = _ref.sortedCols,
+    setSortColKeys = _ref.setSortColKeys,
+    cacheSortedCols = _ref.cacheSortedCols,
+    setCacheSortedCols = _ref.setCacheSortedCols,
+    hiddenColKeys = _ref.hiddenColKeys,
+    setHiddenColKeys = _ref.setHiddenColKeys,
+    cacheHiddenColKeys = _ref.cacheHiddenColKeys,
+    setCacheHiddenColKeys = _ref.setCacheHiddenColKeys,
+    onSetColKeysChange = _ref.onSetColKeysChange,
+    _ref$checkDisabledCol = _ref.checkDisabledColKeys,
+    checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol;
   var i18n = core.useLocaleContext();
   var dropProps = useDragSorter.useDrop({
     draggable: true,
     idFieldName: 'dataKey',
     onSwap: function onSwap(dragItem, dropItem, direction, info) {
-      return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 setCacheSortedCols(function (prev) {
                   var nextCacheSortCols = [].concat(prev);
-
                   var _nextCacheSortCols$sp = nextCacheSortCols.splice(info.dragIndex, 1),
-                      removed = _nextCacheSortCols$sp[0];
-
+                    removed = _nextCacheSortCols$sp[0];
                   nextCacheSortCols.splice(info.dropIndex, 0, removed);
                   return nextCacheSortCols;
                 });
                 return _context.abrupt("return", true);
-
               case 2:
               case "end":
                 return _context.stop();
@@ -105,25 +69,21 @@ var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }));
     }
   });
-
   var _useToggle = useToggle.useToggle(),
-      menuVisible = _useToggle[0],
-      menuVisibleAction = _useToggle[1];
-
+    menuVisible = _useToggle[0],
+    menuVisibleAction = _useToggle[1];
   var resetLatest = useLatest.useLatestCallback(function () {
     setCacheHiddenColKeys(hiddenColKeys);
     setCacheSortedCols(sortedCols);
-  }); // 当 visible 由 false 变为 true 时触发
-
+  });
+  // 当 visible 由 false 变为 true 时触发
   var prevShowPopperRef = React.useRef(!menuVisible);
   React.useEffect(function () {
     if (!prevShowPopperRef.current && menuVisible) {
       resetLatest();
     }
-
     prevShowPopperRef.current = menuVisible;
   }, [menuVisible, resetLatest]);
-
   var onConfirm = function onConfirm() {
     // 触发 table 更新列显隐及排序
     setHiddenColKeys(cacheHiddenColKeys);
@@ -134,36 +94,35 @@ var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onSetColKeysChange && onSetColKeysChange(newSortKeys, cacheHiddenColKeys);
     menuVisibleAction.off();
   };
-
   var cls = classname.cx(prefixCls);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: cls
-  }, /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
-    icon: /*#__PURE__*/React__default["default"].createElement(icons.EllipsisVerticalOutlined, null),
+  }, /*#__PURE__*/React.createElement(iconButton.IconButton, {
+    icon: /*#__PURE__*/React.createElement(icons.EllipsisVerticalOutlined, null),
     onClick: menuVisibleAction.not
-  }), /*#__PURE__*/React__default["default"].createElement(drawer.Drawer, {
+  }), /*#__PURE__*/React.createElement(drawer.Drawer, {
     className: prefixCls + "__drawer",
     title: i18n.get('table.fieldExplorer'),
     visible: menuVisible,
     onClose: menuVisibleAction.off,
     width: 304,
-    footer: /*#__PURE__*/React__default["default"].createElement("div", {
+    footer: /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "__btn-group"
-    }, /*#__PURE__*/React__default["default"].createElement(button.Button, {
+    }, /*#__PURE__*/React.createElement(button.Button, {
       key: 0,
       className: prefixCls + "__btn-cancel",
       onClick: resetLatest
-    }, i18n.get('table.reset')), /*#__PURE__*/React__default["default"].createElement(button.Button, {
+    }, i18n.get('table.reset')), /*#__PURE__*/React.createElement(button.Button, {
       key: 1,
       className: prefixCls + "__btn-confirm",
       onClick: onConfirm,
       type: "primary"
     }, i18n.get('table.confirm')))
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content"
   }, cacheSortedCols.map(function (col, index) {
-    return /*#__PURE__*/React__default["default"].createElement(TableSettingMenuItem, {
+    return /*#__PURE__*/React.createElement(TableSettingMenuItem, {
       key: col.dataKey,
       prefixCls: prefixCls,
       column: col,
@@ -175,38 +134,34 @@ var TableSettingMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   }))));
 });
-
 if (env.__DEV__) {
   TableSettingMenu.displayName = 'TableSettingMenu';
 }
-
 function TableSettingMenuItem(_ref2) {
   var prefixCls = _ref2.prefixCls,
-      column = _ref2.column,
-      cacheHiddenColKeys = _ref2.cacheHiddenColKeys,
-      setCacheHiddenColKeys = _ref2.setCacheHiddenColKeys,
-      dropProps = _ref2.dropProps,
-      index = _ref2.index,
-      checkDisabled = _ref2.checkDisabled;
+    column = _ref2.column,
+    cacheHiddenColKeys = _ref2.cacheHiddenColKeys,
+    setCacheHiddenColKeys = _ref2.setCacheHiddenColKeys,
+    dropProps = _ref2.dropProps,
+    index = _ref2.index,
+    checkDisabled = _ref2.checkDisabled;
   var dataKey = column.dataKey,
-      title = column.title;
-
+    title = column.title;
   var _useDrag = useDragSorter.useDrag(Object.assign(Object.assign({}, dropProps), {
-    item: column,
-    index: index,
-    idFieldName: 'dataKey',
-    dataTransferKey: 'table-setting-data'
-  })),
-      dragging = _useDrag.dragging,
-      direction = _useDrag.direction,
-      getDragTriggerProps = _useDrag.getDragTriggerProps,
-      getDropTriggerProps = _useDrag.getDropTriggerProps;
-
-  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+      item: column,
+      index: index,
+      idFieldName: 'dataKey',
+      dataTransferKey: 'table-setting-data'
+    })),
+    dragging = _useDrag.dragging,
+    direction = _useDrag.direction,
+    getDragTriggerProps = _useDrag.getDragTriggerProps,
+    getDropTriggerProps = _useDrag.getDropTriggerProps;
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     className: classname.cx(prefixCls + "-item", dragging && prefixCls + "-item--dragging", direction && prefixCls + "-item--direction-" + direction)
-  }, getDragTriggerProps(), getDropTriggerProps()), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, getDragTriggerProps(), getDropTriggerProps()), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-item__wrap"
-  }, /*#__PURE__*/React__default["default"].createElement(Checkbox.Checkbox, {
+  }, /*#__PURE__*/React.createElement(Checkbox.Checkbox, {
     disabled: checkDisabled,
     checked: !cacheHiddenColKeys.includes(dataKey),
     onChange: function onChange(evt) {
@@ -216,7 +171,6 @@ function TableSettingMenuItem(_ref2) {
       }) : cacheHiddenColKeys.concat(dataKey);
       setCacheHiddenColKeys(nextCacheHiddenColKeys);
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, funcUtils.runIfFunc(title))), /*#__PURE__*/React__default["default"].createElement(icons.MoveOutlined, null)));
+  }, /*#__PURE__*/React.createElement("span", null, funcUtils.runIfFunc(title))), /*#__PURE__*/React.createElement(icons.MoveOutlined, null)));
 }
-
 exports.TableSettingMenu = TableSettingMenu;