@hi-ui/table 4.3.1 → 4.3.2

package/lib/cjs/SettingDrawer.js

@@ -9,131 +9,90 @@
  */
 '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 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 useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
-
 var useColSorter = require('./hooks/use-col-sorter.js');
-
 var useColHidden = require('./hooks/use-col-hidden.js');
-
 var drawer = require('@hi-ui/drawer');
-
 var button = require('@hi-ui/button');
-
 var Checkbox = require('@hi-ui/checkbox');
-
 var useColSet = require('./hooks/use-col-set.js');
-
-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('setting');
 /**
  * 设置抽屉
  */
-
-
 var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
-      className = _ref.className,
-      visibleProp = _ref.visible,
-      _onClose = _ref.onClose,
-      _ref$columns = _ref.columns,
-      columnsProp = _ref$columns === void 0 ? [] : _ref$columns,
-      hiddenColKeysPropBeforeVerify = _ref.hiddenColKeys,
-      onHiddenColKeysChange = _ref.onHiddenColKeysChange,
-      sortedColKeysPropBeforeVerify = _ref.sortedColKeys,
-      onSortedColKeysChange = _ref.onSortedColKeysChange,
-      onSetColKeysChange = _ref.onSetColKeysChange,
-      _ref$checkDisabledCol = _ref.checkDisabledColKeys,
-      checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol,
-      drawerProps = _ref.drawerProps;
-  var i18n = core.useLocaleContext(); // 根据列字段合并 sortedColKeys、hiddenColKeys
-
+    prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
+    className = _ref.className,
+    visibleProp = _ref.visible,
+    _onClose = _ref.onClose,
+    _ref$columns = _ref.columns,
+    columnsProp = _ref$columns === void 0 ? [] : _ref$columns,
+    hiddenColKeysPropBeforeVerify = _ref.hiddenColKeys,
+    onHiddenColKeysChange = _ref.onHiddenColKeysChange,
+    sortedColKeysPropBeforeVerify = _ref.sortedColKeys,
+    onSortedColKeysChange = _ref.onSortedColKeysChange,
+    onSetColKeysChange = _ref.onSetColKeysChange,
+    _ref$checkDisabledCol = _ref.checkDisabledColKeys,
+    checkDisabledColKeys = _ref$checkDisabledCol === void 0 ? [] : _ref$checkDisabledCol,
+    drawerProps = _ref.drawerProps;
+  var i18n = core.useLocaleContext();
+  // 根据列字段合并 sortedColKeys、hiddenColKeys
   var _useColSet = useColSet.useColSet({
-    columns: columnsProp,
-    sortedColKeys: sortedColKeysPropBeforeVerify,
-    hiddenColKeys: hiddenColKeysPropBeforeVerify
-  }),
-      sortedColKeysProp = _useColSet.sortedColKeys,
-      hiddenColKeysProp = _useColSet.hiddenColKeys; // 列排序
-
-
+      columns: columnsProp,
+      sortedColKeys: sortedColKeysPropBeforeVerify,
+      hiddenColKeys: hiddenColKeysPropBeforeVerify
+    }),
+    sortedColKeysProp = _useColSet.sortedColKeys,
+    hiddenColKeysProp = _useColSet.hiddenColKeys;
+  // 列排序
   var _useColSorter = useColSorter.useColSorter({
-    columns: columnsProp,
-    sortedColKeys: sortedColKeysProp,
-    onSortedColKeysChange: onSortedColKeysChange
-  }),
-      sortedCols = _useColSorter.sortedCols,
-      setSortColKeys = _useColSorter.setSortColKeys,
-      cacheSortedCols = _useColSorter.cacheSortedCols,
-      setCacheSortedCols = _useColSorter.setCacheSortedCols; // 列隐藏
-
-
+      columns: columnsProp,
+      sortedColKeys: sortedColKeysProp,
+      onSortedColKeysChange: onSortedColKeysChange
+    }),
+    sortedCols = _useColSorter.sortedCols,
+    setSortColKeys = _useColSorter.setSortColKeys,
+    cacheSortedCols = _useColSorter.cacheSortedCols,
+    setCacheSortedCols = _useColSorter.setCacheSortedCols;
+  // 列隐藏
   var _useColHidden = useColHidden.useColHidden({
-    // 基于排序的 columns，隐藏的也能排序
-    columns: sortedCols,
-    hiddenColKeys: hiddenColKeysProp,
-    onHiddenColKeysChange: onHiddenColKeysChange
-  }),
-      hiddenColKeys = _useColHidden.hiddenColKeys,
-      setHiddenColKeys = _useColHidden.setHiddenColKeys,
-      cacheHiddenColKeys = _useColHidden.cacheHiddenColKeys,
-      setCacheHiddenColKeys = _useColHidden.setCacheHiddenColKeys;
-
+      // 基于排序的 columns，隐藏的也能排序
+      columns: sortedCols,
+      hiddenColKeys: hiddenColKeysProp,
+      onHiddenColKeysChange: onHiddenColKeysChange
+    }),
+    hiddenColKeys = _useColHidden.hiddenColKeys,
+    setHiddenColKeys = _useColHidden.setHiddenColKeys,
+    cacheHiddenColKeys = _useColHidden.cacheHiddenColKeys,
+    setCacheHiddenColKeys = _useColHidden.setCacheHiddenColKeys;
   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();
@@ -143,41 +102,36 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }));
     }
   });
-
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(false, visibleProp, _onClose),
-      visible = _useUncontrolledState[0],
-      setVisible = _useUncontrolledState[1];
-
+    visible = _useUncontrolledState[0],
+    setVisible = _useUncontrolledState[1];
   var resetLatest = useLatest.useLatestCallback(function () {
     setCacheHiddenColKeys(hiddenColKeys);
     setCacheSortedCols(sortedCols);
-  }); // 当 visible 由 false 变为 true 时触发
-
+  });
+  // 当 visible 由 false 变为 true 时触发
   var prevShowPopperRef = React.useRef(!visible);
   React.useEffect(function () {
     if (!prevShowPopperRef.current && visible) {
       resetLatest();
     }
-
     prevShowPopperRef.current = visible;
   }, [visible, resetLatest]);
-
   var onConfirm = function onConfirm() {
     var newSortKeys = cacheSortedCols.map(function (col) {
       return col.dataKey;
     });
     var visibleCols = cacheSortedCols.filter(function (col) {
       return !cacheHiddenColKeys.includes(col.dataKey);
-    }); // 触发 table 更新列显隐及排序
-
+    });
+    // 触发 table 更新列显隐及排序
     setHiddenColKeys(cacheHiddenColKeys);
     setSortColKeys(newSortKeys);
     onSetColKeysChange === null || onSetColKeysChange === void 0 ? void 0 : onSetColKeysChange(newSortKeys, cacheHiddenColKeys, visibleCols);
     setVisible(false);
   };
-
   var cls = classname.cx(prefixCls + "-drawer", className);
-  return /*#__PURE__*/React__default["default"].createElement(drawer.Drawer, Object.assign({
+  return /*#__PURE__*/React.createElement(drawer.Drawer, Object.assign({
     ref: ref,
     className: cls,
     title: i18n.get('table.fieldExplorer'),
@@ -186,22 +140,22 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
     },
     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')))
-  }, drawerProps), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, drawerProps), /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "__content"
   }, cacheSortedCols.map(function (col, index) {
-    return /*#__PURE__*/React__default["default"].createElement(SettingItem, {
+    return /*#__PURE__*/React.createElement(SettingItem, {
       key: col.dataKey,
       prefixCls: prefixCls,
       column: col,
@@ -213,38 +167,34 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   })));
 });
-
 if (env.__DEV__) {
   SettingDrawer.displayName = 'SettingDrawer';
 }
-
 function SettingItem(_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) {
@@ -254,7 +204,6 @@ function SettingItem(_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.SettingDrawer = SettingDrawer;