@teamix/pro 1.4.25-bugfix.2 → 1.4.25-bugfix.3

package/lib/table/components/ToolBar/Fullscreen.js

@@ -1,76 +1,83 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _components = require("@alicloudfe/components");
+
 require("./index.scss");
+
 var _utils = require("@teamix/utils");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 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 FullScreen = function FullScreen(props) {
   var children = props.children,
-    visible = props.visible,
-    actionRef = props.actionRef;
+      visible = props.visible,
+      actionRef = props.actionRef;
   var _actionRef$current = actionRef.current,
-    normalDataFilterForm = _actionRef$current.normalDataFilterForm,
-    fullscreenDataFilterForm = _actionRef$current.fullscreenDataFilterForm,
-    filterEnableRef = _actionRef$current.filterEnableRef;
+      normalDataFilterForm = _actionRef$current.normalDataFilterForm,
+      fullscreenDataFilterForm = _actionRef$current.fullscreenDataFilterForm,
+      filterEnableRef = _actionRef$current.filterEnableRef;
+
   var closeByESC = function closeByESC(e) {
     if (visible && e.code === 'Escape') {
       var _actionRef$current2, _actionRef$current2$f;
+
       actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$f = _actionRef$current2.fullScreen) === null || _actionRef$current2$f === void 0 ? void 0 : _actionRef$current2$f.call(_actionRef$current2);
     }
-  };
-  // 监听esc按钮
+  }; // 监听esc按钮
+
+
   (0, _react.useEffect)(function () {
     window.addEventListener('keydown', closeByESC);
     return function () {
       window.removeEventListener('keydown', closeByESC);
     };
   }, [visible, actionRef]);
+
   var afterClose = function afterClose() {
-    var _document;
     // 判断全屏前后筛选表单值是否有改变
     var n = JSON.stringify((0, _utils.getValidValues)(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values));
     var f = JSON.stringify((0, _utils.getValidValues)(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values));
+
     if (n === f) {
       // 关闭全屏后，表单值未变化，开启普通表单onFilter
       filterEnableRef.current.normal = true;
     } else {
       // 关闭全屏后，表单值有变化，修改表单值
       normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.setValues(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values);
-    }
-    // 关闭全屏后，关闭全屏表单onFilter
+    } // 关闭全屏后，关闭全屏表单onFilter
+
+
     filterEnableRef.current.fullscreen = false;
-    // 移除类名
-    if (document && ((_document = document) === null || _document === void 0 ? void 0 : _document.body)) {
-      document.body.classList.remove('teamix-pro-table-fullscreen-for-body');
-    }
-  };
-  // 全屏开启之后
+  }; // 全屏开启之后
+
+
   var afterOpen = function afterOpen() {
-    var _document2;
     // 判断全屏前后筛选表单值是否有改变
     var n = JSON.stringify((0, _utils.getValidValues)(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values));
     var f = JSON.stringify((0, _utils.getValidValues)(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values));
+
     if (n === f) {
       // 全屏后，表单值未变化，开启全屏表单onFilter
       filterEnableRef.current.fullscreen = true;
     } else {
       // 全屏后，表单值变化，修改表单值
       fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.setValues(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values);
-    }
-    // 全屏后，关闭普通表单onFilter
-    filterEnableRef.current.normal = false;
-    // 为 body 添加类名，用于判断是否全屏
-    if (document && ((_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.body)) {
-      document.body.classList.add('teamix-pro-table-fullscreen-for-body');
-    }
-    // 消息提示
+    } // 全屏后，关闭普通表单onFilter
+
+
+    filterEnableRef.current.normal = false; // 消息提示
+
     _components.Message.show({
       type: 'notice',
       content: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.getMessage)('press')), /*#__PURE__*/_react.default.createElement("span", {
@@ -81,6 +88,7 @@ var FullScreen = function FullScreen(props) {
       className: 'teamix-pro-table-full-screen-message'
     });
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children(false), /*#__PURE__*/_react.default.createElement(_components.Overlay, {
     canCloseByOutSideClick: false,
     align: "cc cc",
@@ -100,11 +108,13 @@ var FullScreen = function FullScreen(props) {
     },
     onRequestClose: function onRequestClose() {
       var _actionRef$current3, _actionRef$current3$f;
+
       actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$f = _actionRef$current3.fullScreen) === null || _actionRef$current3$f === void 0 ? void 0 : _actionRef$current3$f.call(_actionRef$current3);
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "teamix-pro-table-full-screen"
   }, children(true))));
 };
+
 var _default = FullScreen;
 exports.default = _default;

package/lib/table/components/ToolBar/RefreshIcon.js

@@ -1,188 +1,60 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _components = require("@alicloudfe/components");
+
 var _icon = _interopRequireDefault(require("@teamix/icon"));
+
 var _utils = require("@teamix/utils");
-var _react = _interopRequireWildcard(require("react"));
-var _utils2 = require("../../utils");
+
+var _react = _interopRequireDefault(require("react"));
+
 require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(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); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/**
+ * 刷新
+ */
 var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-icon');
+
 var LayoutIcon = function LayoutIcon(props) {
-  var _autoRefreshProps$dat;
-  var actionRef = props.actionRef,
-    autoRefresh = props.autoRefresh,
-    autoRefreshProps = props.autoRefreshProps;
-  var autoRefreshRadio = (_autoRefreshProps$dat = autoRefreshProps === null || autoRefreshProps === void 0 ? void 0 : autoRefreshProps.dataSource) !== null && _autoRefreshProps$dat !== void 0 ? _autoRefreshProps$dat : [{
-    label: '每 1 分钟',
-    value: 60000
-  }, {
-    label: '每 3 分钟',
-    value: 180000
-  }, {
-    label: '每 5 分钟',
-    value: 300000
-  }];
-  // dropdown 开关
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    dropdownVisible = _useState2[0],
-    setDropdownVisible = _useState2[1];
-  // 自动刷新状态
-  var _useState3 = (0, _react.useState)(!!autoRefresh),
-    _useState4 = _slicedToArray(_useState3, 2),
-    autoRefreshVisible = _useState4[0],
-    setAutoRefreshVisible = _useState4[1];
-  // 间隔时间 ms
-  var _useState5 = (0, _react.useState)(60000),
-    _useState6 = _slicedToArray(_useState5, 2),
-    times = _useState6[0],
-    setTimes = _useState6[1];
-  // 展示计时器时间 s
-  var _useState7 = (0, _react.useState)(60),
-    _useState8 = _slicedToArray(_useState7, 2),
-    remainTime = _useState8[0],
-    setRemainTime = _useState8[1];
-  // 循环计时器
-  var timerRef = (0, _react.useRef)({
-    timer: undefined,
-    remain: 60
-  });
-  (0, _react.useEffect)(function () {
-    (0, _utils2.on)(function (timer) {
-      setTimes(timer);
-      timerRef.current.remain = timer / 1000;
-      if (timerRef.current.timer) {
-        clearInterval(timerRef.current.timer);
-        timerRef.current.timer = undefined;
-      }
-      timerRef.current.timer = setInterval(function () {
-        var remainTime = timerRef.current.remain - 1;
-        if (remainTime >= 0) {
-          setRemainTime(remainTime);
-          timerRef.current.remain = remainTime;
-        }
-      }, 1000);
-    }, 'PRO_TABLE_REFRESH_TIMER_FLAG');
-  }, []);
-  // 下拉菜单显示隐藏回调
-  var onDropdownVisibleChange = function onDropdownVisibleChange(state) {
-    setDropdownVisible(state);
-  };
-  // 自动刷新开启关闭回调
-  var onAutoRefreshChange = function onAutoRefreshChange(visible) {
-    if (visible) {
-      var _actionRef$current, _actionRef$current$se;
-      (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setAutoRefreshTimers) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, times);
-    } else {
-      var _actionRef$current2, _actionRef$current2$c;
-      (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$c = _actionRef$current2.clearAutoRefreshTimers) === null || _actionRef$current2$c === void 0 ? void 0 : _actionRef$current2$c.call(_actionRef$current2);
-      if (timerRef.current.timer) {
-        clearInterval(timerRef.current.timer);
-        timerRef.current.timer = undefined;
-        timerRef.current.remain = times / 1000;
-        setRemainTime(times / 1000);
-      }
-    }
-    setAutoRefreshVisible(visible);
-  };
-  // 手动刷新回调
-  var onManualRefresh = function onManualRefresh() {
-    var _actionRef$current3, _actionRef$current3$r;
-    (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$r = _actionRef$current3.refresh) === null || _actionRef$current3$r === void 0 ? void 0 : _actionRef$current3$r.call(_actionRef$current3);
-    onDropdownVisibleChange(false);
-  };
-  // 选择间隔时间回调
-  var onTimeRadioChange = function onTimeRadioChange(timer) {
-    var _actionRef$current4, _actionRef$current4$s;
-    setTimes(timer);
-    (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$s = _actionRef$current4.setAutoRefreshTimers) === null || _actionRef$current4$s === void 0 ? void 0 : _actionRef$current4$s.call(_actionRef$current4, timer);
-  };
-  // 渲染刷新图标
-  var renderRefreshIcon = function renderRefreshIcon() {
-    if (!!autoRefresh && autoRefreshVisible && typeof autoRefresh !== 'function') {
-      return /*#__PURE__*/_react.default.createElement(_icon.default, {
-        size: "small",
-        type: "auto-refresh-on-line"
-      });
-    }
-    if (!!autoRefresh && !autoRefreshVisible && typeof autoRefresh !== 'function') {
-      return /*#__PURE__*/_react.default.createElement(_icon.default, {
-        size: "small",
-        type: "auto-refresh-off-line"
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement(_icon.default, {
-      size: "small",
-      type: "refresh-line"
-    });
-  };
-  // 渲染 Radio
-  var renderRadio = autoRefreshRadio.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_components.Menu.RadioItem, {
-      className: cls('time-radio'),
-      key: item.value,
-      disabled: !autoRefreshVisible,
-      checked: times === item.value,
-      onChange: function onChange() {
-        var _item$value;
-        return onTimeRadioChange((_item$value = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value !== void 0 ? _item$value : 0);
-      }
-    }, item.label);
-  });
-  if (autoRefresh && typeof autoRefresh !== 'function') {
-    return /*#__PURE__*/_react.default.createElement(_components.Dropdown, {
-      trigger: /*#__PURE__*/_react.default.createElement(_components.Button, {
-        iconSize: "small",
-        className: cls()
-      }, renderRefreshIcon()),
-      visible: dropdownVisible,
-      onVisibleChange: onDropdownVisibleChange,
-      followTrigger: true,
-      cache: true,
-      triggerType: ['click'],
-      align: "tr br"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: cls()
-    }, /*#__PURE__*/_react.default.createElement(_components.Menu, {
-      className: cls('auto-refresh')
-    }, /*#__PURE__*/_react.default.createElement(_components.Menu.CheckboxItem, {
-      checked: autoRefreshVisible,
-      onChange: onAutoRefreshChange
-    }, (0, _utils.getMessage)('autoRefresh'), autoRefreshVisible && /*#__PURE__*/_react.default.createElement("span", null, "\uFF08", remainTime, "s\uFF09")), renderRadio, /*#__PURE__*/_react.default.createElement(_components.Menu.Divider, {
-      key: "divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('manual-refresh')
-    }, /*#__PURE__*/_react.default.createElement(_components.Button, {
-      type: "primary",
-      text: true,
-      onClick: onManualRefresh
-    }, (0, _utils.getMessage)('manualRefresh'))))));
-  }
+  var actionRef = props.actionRef; // const [fullscreen, setFullscreen] = useState<boolean>(false);
+  // // 销毁监听函数
+  // useEffect(() => {
+  //   return () => {
+  //     actionRef.current?.off?.('refreshIcon');
+  //   };
+  // }, []);
+  // // 监听全屏变化
+  // actionRef.current?.on?.(
+  //   (state: boolean) => {
+  //     setFullscreen(state);
+  //   },
+  //   'fullScreenState',
+  //   'refreshIcon',
+  // );
+
   return /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
     trigger: /*#__PURE__*/_react.default.createElement(_components.Button, {
       iconSize: "small",
       className: cls(),
       onClick: function onClick() {
-        var _actionRef$current5, _actionRef$current5$r;
-        return (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$r = _actionRef$current5.refresh) === null || _actionRef$current5$r === void 0 ? void 0 : _actionRef$current5$r.call(_actionRef$current5);
+        var _actionRef$current, _actionRef$current$re;
+
+        return (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$re = _actionRef$current.refresh) === null || _actionRef$current$re === void 0 ? void 0 : _actionRef$current$re.call(_actionRef$current);
       }
-    }, renderRefreshIcon()),
+    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+      size: "small",
+      type: "refresh-line"
+    })),
     align: "t"
   }, (0, _utils.getMessage)('refresh'));
 };
+
 var _default = LayoutIcon;
 exports.default = _default;

package/lib/table/components/ToolBar/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProTableLayoutProps } from '../../typing';
 import './index.scss';
+import { ProTableLayoutProps } from '../../typing';
 declare const ToolBar: React.FC<ProTableLayoutProps>;
 export default ToolBar;

package/lib/table/components/ToolBar/index.js

@@ -1,42 +1,38 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("@teamix/utils");
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("@alicloudfe/components");
-var _icon = _interopRequireDefault(require("@teamix/icon"));
+
+var _react = _interopRequireDefault(require("react"));
+
 var _FullScreenIcon = _interopRequireDefault(require("./FullScreenIcon"));
+
 var _FilterColumnIcon = _interopRequireDefault(require("./FilterColumnIcon"));
+
 var _DensityIcon = _interopRequireDefault(require("./DensityIcon"));
+
 var _RefreshIcon = _interopRequireDefault(require("./RefreshIcon"));
-var _hooks = require("@teamix/hooks");
-var _lodash = _interopRequireDefault(require("lodash.debounce"));
+
 require("./index.scss");
-var _CardSwitch = _interopRequireDefault(require("./CardSwitch"));
-var _lodash2 = _interopRequireDefault(require("lodash.clonedeep"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(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); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar');
 var presetToolBarMap = {
   refresh: _RefreshIcon.default,
   density: _DensityIcon.default,
   filtercolumn: _FilterColumnIcon.default,
-  fullscreen: _FullScreenIcon.default,
-  switchcard: _CardSwitch.default
+  fullscreen: _FullScreenIcon.default
 };
 var presetToolBarName = ['refresh', 'density', 'filtercolumn', 'fullscreen'];
 var presetToolBar = [{
@@ -56,127 +52,45 @@ var presetToolBar = [{
   type: 'preset',
   component: _FullScreenIcon.default
 }];
+
 var ToolBar = function ToolBar(props) {
-  var _toolBarRef$current, _toolBarRef$current$p, _toolBarRef$current$p2;
-  var toolBar = props.toolBar,
-    fullScreenState = props.fullScreenState,
-    switchCardView = props.switchCardView,
-    _props$toolBarAutoWid = props.toolBarAutoWidth,
-    toolBarAutoWidth = _props$toolBarAutoWid === void 0 ? true : _props$toolBarAutoWid;
-  var toolBarRef = (0, _react.useRef)(null);
-  // const toolBarSize = useSize(toolBarRef);
-  // 用于获取内容宽度
-  var toolBarContentRef = (0, _react.useRef)(null);
-  // '.teamix-pro-form-query-filter-layout-inline' 元素
-  var layoutInlineDom = (_toolBarRef$current = toolBarRef.current) === null || _toolBarRef$current === void 0 ? void 0 : (_toolBarRef$current$p = _toolBarRef$current.parentElement) === null || _toolBarRef$current$p === void 0 ? void 0 : (_toolBarRef$current$p2 = _toolBarRef$current$p.parentElement) === null || _toolBarRef$current$p2 === void 0 ? void 0 : _toolBarRef$current$p2.parentElement;
-  // 监听它的尺寸变化
-  var layoutInlineSize = (0, _hooks.useSize)(layoutInlineDom);
-  // '.teamix-pro-form-query-filter-layout-left' 元素
-  var layoutLeftDom = layoutInlineDom === null || layoutInlineDom === void 0 ? void 0 : layoutInlineDom.firstElementChild;
-  var leftWidth = layoutLeftDom === null || layoutLeftDom === void 0 ? void 0 : layoutLeftDom.clientWidth;
-  // 展示形式，是否平铺
-  var _useSafeState = (0, _hooks.useSafeState)(),
-    _useSafeState2 = _slicedToArray(_useSafeState, 2),
-    flat = _useSafeState2[0],
-    setFlat = _useSafeState2[1];
-  // 监听高度，> 32px则切换形态
-  (0, _react.useEffect)((0, _lodash.default)(function () {
-    if ((layoutInlineSize === null || layoutInlineSize === void 0 ? void 0 : layoutInlineSize.width) && leftWidth && toolBarContentRef.current && toolBarAutoWidth) {
-      var _toolBarContentRef$cu;
-      var width = layoutInlineSize.width,
-        height = layoutInlineSize.height;
-      if (width - leftWidth <= ((_toolBarContentRef$cu = toolBarContentRef.current) === null || _toolBarContentRef$cu === void 0 ? void 0 : _toolBarContentRef$cu.clientWidth) + 8 || height > 40) {
-        setFlat(false);
-      } else if (height === 40) {
-        setFlat(true);
-      }
-    }
-  }, 300));
-  // 初始态
-  (0, _react.useEffect)(function () {
-    if (!((layoutInlineSize === null || layoutInlineSize === void 0 ? void 0 : layoutInlineSize.width) && leftWidth)) {
-      setFlat(true);
-    }
-  }, []);
-  var toolBarList = (0, _react.useMemo)(function () {
-    var result = toolBar !== false ? (0, _lodash2.default)(presetToolBar) : [];
-    if (switchCardView && !result.find(function (item) {
-      return item.name === 'switchCard';
-    })) {
-      result.push({
-        type: 'preset',
-        name: 'switchCard',
-        component: presetToolBarMap['switchcard']
-      });
-    }
-    if (Array.isArray(toolBar)) {
-      result = toolBar.map(function (item, index) {
-        if (typeof item === 'string' && presetToolBarName.includes(item.toLowerCase())) {
-          return {
-            type: 'preset',
-            name: item,
-            component: presetToolBarMap[item.toLowerCase()]
-          };
-        }
+  var toolBar = props.toolBar;
+  var toolBarList = toolBar !== false ? presetToolBar : [];
+
+  if (Array.isArray(toolBar)) {
+    toolBarList = toolBar.map(function (item, index) {
+      if (typeof item === 'string' && presetToolBarName.includes(item.toLowerCase())) {
         return {
-          type: 'custom',
-          name: "custom".concat(index),
-          component: item
-        };
-      });
-      if (!toolBar.includes('switchCard') && switchCardView && !result.find(function (item) {
-        return item.name === 'switchCard';
-      })) {
-        result.push({
           type: 'preset',
-          name: 'switchCard',
-          component: presetToolBarMap['switchcard']
-        });
+          name: item,
+          component: presetToolBarMap[item.toLowerCase()]
+        };
       }
-    }
-    return result;
-  }, [toolBar]);
-  var renderFlatShape = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: cls('content')
-    }, toolBarList.map(function (_ref) {
-      var type = _ref.type,
+
+      return {
+        type: 'custom',
+        name: "custom".concat(index),
+        component: item
+      };
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: cls()
+  }, toolBarList.map(function (_ref) {
+    var type = _ref.type,
         name = _ref.name,
         Component = _ref.component;
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: cls('item', _defineProperty({}, name, true)),
-        key: name
-      }, type === 'preset' && /*#__PURE__*/_react.default.createElement(Component, _objectSpread({}, props)), type === 'custom' && /*#__PURE__*/_react.default.createElement("div", {
-        className: cls({
-          custom: true
-        })
-      }, Component));
-    }));
-  }, [toolBarList]);
-  var renderUnFlatShape = function renderUnFlatShape() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
-      triggerType: ['click'],
-      popupProps: {
-        cache: true
-      },
-      style: {
-        padding: 8
-      },
-      trigger: /*#__PURE__*/_react.default.createElement(_components.Button, null, /*#__PURE__*/_react.default.createElement(_icon.default, {
-        type: "more-line"
-      })),
-      align: "tr"
-    }, renderFlatShape));
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: cls('', {
-      flat: flat
-    }),
-    ref: toolBarRef
-  }, !flat && !fullScreenState ? renderUnFlatShape() : renderFlatShape, /*#__PURE__*/_react.default.createElement("div", {
-    className: cls('shadow'),
-    ref: toolBarContentRef
-  }, renderFlatShape));
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: cls(_defineProperty({}, name, true)),
+      key: name
+    }, type === 'preset' && /*#__PURE__*/_react.default.createElement(Component, _objectSpread({}, props)), type === 'custom' && /*#__PURE__*/_react.default.createElement("div", {
+      className: cls({
+        custom: true
+      })
+    }, Component));
+  }));
 };
+
 var _default = ToolBar;
 exports.default = _default;

package/lib/table/components/ToolBar/index.scss

@@ -1,41 +1,21 @@
 .teamix-pro-table-toolbar {
   width: 100%;
   text-align: right;
-  // margin-bottom: 8px;
-  &-flat {
-    margin-left: 8px;
-  }
-  &-item {
-    display: inline-block;
-    &:not(:first-child) {
-      margin-left: 8px;
-    }
-  }
-  &-content {
-    display: flex;
-  }
-  &-shadow {
-    visibility: hidden;
-    pointer-events: none;
-    opacity: 0;
-    height: 0px;
-    position: absolute;
-    z-index: -1;
-    overflow: hidden;
-  }
+  margin-bottom: 8px;
 }
 .teamix-pro-table-toolbar-custom {
   display: inline-block;
+  margin-left: 8px;
 }
 
 // FullScreen
 .teamix-pro-table-toolbar-icon {
+  margin-left: 8px;
   i {
     color: var(--color-fill1-6, #848484);
   }
 }
 
-
 // FilterColumn
 .teamix-pro-table-toolbar-filter-column {
   min-width: 180px;
@@ -149,29 +129,3 @@
     }
   }
 }
-
-// switch card
-.teamix-pro-table-toolbar-switch-card {
-  margin-left: 8px;
-  label {
-    padding-left: 8px;
-    padding-right: 8px;
-  }
-}
-
-// refresh
-.teamix-pro-table-toolbar-icon {
-  &-auto-refresh {
-    width: 145px;
-  }
-
-  &-manual-refresh {
-    text-align: center;
-    line-height: 1;
-    margin-bottom: 2px;
-  }
-
-  .teamix-pro-table-toolbar-icon-time-radio.teamix-pro-table-toolbar-icon-time-radio.teamix-pro-table-toolbar-icon-time-radio {
-    padding-left: 32px;
-  }
-}