@teamix/pro 1.0.25 → 1.1.0

package/es/table/components/ToolBar/FilterColumnIcon.js

@@ -0,0 +1,284 @@
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
+
+/**
+ * 筛选列
+ */
+import { Button, Dropdown, Menu } from '@alicloudfe/components';
+import TeamixIcon from '@teamix/icon';
+import { baseClass, getMessage } from '@teamix/utils';
+import React, { useState, useEffect } from 'react';
+import { cloneDeep } from '../../utils';
+import './index.scss';
+var CheckboxItem = Menu.CheckboxItem; // const { Tooltip } = Balloon;
+
+var cls = baseClass('teamix-pro-table-toolbar-filter-column');
+
+var processColumns = function processColumns(columns) {
+  return columns.map(function (item) {
+    if (item.columnFilters === false) {
+      return item;
+    }
+
+    return _objectSpread(_objectSpread({}, item), {}, {
+      columnFilters: true
+    });
+  });
+};
+
+var FilterColumnIcon = function FilterColumnIcon(props) {
+  var _props$columns = props.columns,
+      columns = _props$columns === void 0 ? [] : _props$columns,
+      actionRef = props.actionRef;
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      allVisible = _useState2[0],
+      setAllVisible = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      indeterminate = _useState4[0],
+      setIndeterminate = _useState4[1];
+
+  var _useState5 = useState(processColumns(columns)),
+      _useState6 = _slicedToArray(_useState5, 2),
+      newColumns = _useState6[0],
+      setNewColumns = _useState6[1]; // const [fullscreen, setFullscreen] = useState<boolean>(false);
+  // tooltip 开关
+
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      tooltipVisible = _useState8[0],
+      setTooltipVisible = _useState8[1]; // dropdown 开关
+
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      dropdownVisible = _useState10[0],
+      setDropdownVisible = _useState10[1];
+
+  useEffect(function () {
+    setNewColumns(processColumns(columns));
+  }, [columns]); // useEffect(() => {
+  //   console.log("这个函数被触发");
+  //   setTimeout(() => {
+  //     setFullscreen(actionRef?.current?.getState?.().fullScreenState ?? false);
+  //   }, 0)
+  // }, [])
+  // // 销毁监听函数
+  // useEffect(() => {
+  //   return () => {
+  //     actionRef.current?.off?.('filterColumnIcon');
+  //   };
+  // }, []);
+  // // 监听全屏变化
+  // actionRef.current?.on?.(
+  //   (state: boolean) => {
+  //     setFullscreen(state);
+  //   },
+  //   'fullScreenState',
+  //   'filterColumnIcon',
+  // );
+  // 全选
+
+  var onChangeAllColumns = function onChangeAllColumns(check) {
+    setAllVisible(check);
+    var keyNewColumns = cloneDeep(newColumns);
+    keyNewColumns.map(function (item) {
+      item.columnFilters = check;
+      return item;
+    });
+    notifyTableRender(keyNewColumns);
+  }; // 重置
+
+
+  var restColumns = function restColumns(e) {
+    e.stopPropagation();
+    var keyNewColumns = processColumns(columns);
+    notifyTableRender(keyNewColumns);
+  }; // 修改
+
+
+  var onChangeColumns = function onChangeColumns(check, dataIndex) {
+    var keyNewColumns = cloneDeep(newColumns);
+    keyNewColumns.map(function (item) {
+      if (item.dataIndex === dataIndex) {
+        item.columnFilters = check;
+      }
+
+      return item;
+    });
+    notifyTableRender(keyNewColumns);
+  }; // 向上
+
+
+  var moveUp = function moveUp(e, dataIndex) {
+    e.stopPropagation();
+    var keyNewColumns = cloneDeep(newColumns);
+    var index = keyNewColumns.findIndex(function (_ref) {
+      var index = _ref.dataIndex;
+      return index === dataIndex;
+    });
+
+    if (index != 0) {
+      keyNewColumns[index] = keyNewColumns.splice(index - 1, 1, keyNewColumns[index])[0];
+    } else {
+      keyNewColumns.push(keyNewColumns.shift());
+    }
+
+    notifyTableRender(keyNewColumns);
+  }; // 向下
+
+
+  var moveDown = function moveDown(e, dataIndex) {
+    e.stopPropagation();
+    var keyNewColumns = cloneDeep(newColumns);
+    var index = keyNewColumns.findIndex(function (_ref2) {
+      var index = _ref2.dataIndex;
+      return index === dataIndex;
+    });
+
+    if (index != keyNewColumns.length - 1) {
+      keyNewColumns[index] = keyNewColumns.splice(index + 1, 1, keyNewColumns[index])[0];
+    } else {
+      keyNewColumns.unshift(keyNewColumns.splice(index, 1)[0]);
+    }
+
+    notifyTableRender(keyNewColumns);
+  }; // 通知表格渲染
+
+
+  var notifyTableRender = function notifyTableRender(columns) {
+    var _actionRef$current, _actionRef$current$se;
+
+    calculateSelectAllState(columns);
+    setNewColumns(columns);
+    (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setColumn) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, columns);
+  }; // 计算全选状态
+
+
+  var calculateSelectAllState = function calculateSelectAllState(columns) {
+    var flag = columns.reduce(function (acc, cur) {
+      if (cur.columnFilters === true) {
+        acc++;
+      }
+
+      return acc;
+    }, 0);
+
+    if (flag === columns.length) {
+      setAllVisible(true);
+      setIndeterminate(false);
+      return;
+    }
+
+    if (flag === 0) {
+      setAllVisible(false);
+      setIndeterminate(false);
+      return;
+    }
+
+    setIndeterminate(true);
+  };
+
+  var renderDropdown = function renderDropdown() {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Dropdown, {
+      trigger: /*#__PURE__*/React.createElement(Button, {
+        iconSize: "small",
+        className: "teamix-pro-table-toolbar-icon"
+      }, /*#__PURE__*/React.createElement(TeamixIcon, {
+        size: "small",
+        type: "set-line"
+      })),
+      visible: dropdownVisible,
+      onVisibleChange: function onVisibleChange(state) {
+        setTooltipVisible(false);
+        setDropdownVisible(state);
+      },
+      triggerType: ['click'],
+      align: "tr br"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cls()
+    }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+      indeterminate: indeterminate,
+      checked: allVisible,
+      onChange: onChangeAllColumns
+    }, getMessage('selectAll'), /*#__PURE__*/React.createElement(Button, {
+      onClick: restColumns,
+      className: cls({
+        reset: true
+      }),
+      text: true,
+      type: "primary"
+    }, getMessage('reset'))), /*#__PURE__*/React.createElement(Menu.Divider, {
+      key: "divider"
+    }), newColumns.map(function (_ref3, index) {
+      var _newColumns$find;
+
+      var dataIndex = _ref3.dataIndex,
+          title = _ref3.title,
+          columnFiltersDisabled = _ref3.columnFiltersDisabled;
+      return /*#__PURE__*/React.createElement(CheckboxItem, {
+        key: index,
+        checked: (_newColumns$find = newColumns.find(function (_ref4) {
+          var key = _ref4.dataIndex;
+          return key === dataIndex;
+        })) === null || _newColumns$find === void 0 ? void 0 : _newColumns$find.columnFilters,
+        onChange: function onChange(check) {
+          return onChangeColumns(check, dataIndex);
+        },
+        disabled: columnFiltersDisabled
+      }, title, /*#__PURE__*/React.createElement("div", {
+        className: cls({
+          sort: true
+        })
+      }, /*#__PURE__*/React.createElement(TeamixIcon, {
+        size: "small",
+        type: "arrow-down-line",
+        onClick: function onClick(e) {
+          return moveDown(e, dataIndex);
+        }
+      }), /*#__PURE__*/React.createElement(TeamixIcon, {
+        size: "small",
+        type: "arrow-up-line",
+        onClick: function onClick(e) {
+          return moveUp(e, dataIndex);
+        }
+      })));
+    })))));
+  };
+
+  return renderDropdown(); // <Tooltip
+  //   trigger={renderDropdown()}
+  //   align={fullscreen ? 'b' : 't'}
+  //   popupProps={{
+  //     offset: fullscreen ? [5, 20] : [5, -18],
+  //     animation: { in: 'fadeIn', out: 'fadeOut' },
+  //     visible: tooltipVisible && !dropdownVisible,
+  //     onVisibleChange: (state) => {
+  //       setTooltipVisible(state);
+  //     },
+  //   }}
+  // >
+  //   {getMessage('customColumnSetting')}
+  // </Tooltip>
+};
+
+export default FilterColumnIcon;

package/es/table/components/ToolBar/FullScreenIcon.d.ts

@@ -0,0 +1,4 @@
+import { ProTableLayoutProps } from '../../typing';
+import './index.scss';
+declare const FullScreenIcon: (props: ProTableLayoutProps) => JSX.Element;
+export default FullScreenIcon;

package/es/table/components/ToolBar/FullScreenIcon.js

@@ -0,0 +1,89 @@
+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; }
+
+/**
+ * 全屏展示 Icon
+ */
+import { Button } from '@alicloudfe/components';
+import TeamixIcon from '@teamix/icon';
+import { baseClass } from '@teamix/utils';
+import React, { useEffect, useState } from 'react';
+import './index.scss';
+var cls = baseClass('teamix-pro-table-toolbar-icon');
+
+var FullScreenIcon = function FullScreenIcon(props) {
+  var _actionRef$current3, _actionRef$current3$o;
+
+  var actionRef = props.actionRef;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      fullscreen = _useState4[0],
+      setFullscreen = _useState4[1]; // 点击全屏
+
+
+  var allScreenHandle = function allScreenHandle() {
+    setVisible(false);
+    setTimeout(function () {
+      var _actionRef$current, _actionRef$current$fu;
+
+      (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$fu = _actionRef$current.fullScreen) === null || _actionRef$current$fu === void 0 ? void 0 : _actionRef$current$fu.call(_actionRef$current);
+    }, 0);
+  }; // 销毁监听函数
+
+
+  useEffect(function () {
+    return function () {
+      var _actionRef$current2, _actionRef$current2$o;
+
+      (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$o = _actionRef$current2.off) === null || _actionRef$current2$o === void 0 ? void 0 : _actionRef$current2$o.call(_actionRef$current2, 'fullscreenIcon');
+    };
+  }, []); // 监听全屏变化
+
+  (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$o = _actionRef$current3.on) === null || _actionRef$current3$o === void 0 ? void 0 : _actionRef$current3$o.call(_actionRef$current3, function (state) {
+    setFullscreen(state);
+  }, 'fullScreenState', 'fullscreenIcon');
+  return /*#__PURE__*/React.createElement(Button, {
+    iconSize: "small",
+    className: cls(),
+    onClick: allScreenHandle
+  }, /*#__PURE__*/React.createElement(TeamixIcon, {
+    size: "small",
+    type: fullscreen ? 'close-line' : 'full-screen-line'
+  })) // <Balloon.Tooltip
+  //   trigger={
+  //     <Button iconSize="small" className={cls()} onClick={allScreenHandle}>
+  //       <TeamixIcon
+  //         size="small"
+  //         type={fullscreen ? 'close-line' : 'full-screen-line'}
+  //       />
+  //     </Button>
+  //   }
+  //   align={fullscreen ? 'b' : 't'}
+  //   popupProps={{
+  //     visible: visible,
+  //     onVisibleChange: (state) => {
+  //       setVisible(state);
+  //     },
+  //   }}
+  // >
+  //   {getMessage('fullScreen')}
+  // </Balloon.Tooltip>
+  ;
+};
+
+export default FullScreenIcon;

package/es/table/components/ToolBar/Fullscreen.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.scss';
+import { ProTableActionType } from '../../typing';
+declare type ProTableFullScreenProps = {
+    children: React.ReactNode;
+    visible: boolean;
+    actionRef: React.MutableRefObject<ProTableActionType | undefined>;
+};
+declare const FullScreen: React.FC<ProTableFullScreenProps>;
+export default FullScreen;

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

@@ -0,0 +1,68 @@
+import React, { useEffect } from 'react';
+import { Message, Overlay } from '@alicloudfe/components';
+import './index.scss';
+import { getMessage } from '@teamix/utils';
+
+var FullScreen = function FullScreen(props) {
+  var children = props.children,
+      visible = props.visible,
+      actionRef = props.actionRef;
+
+  function closeByESC(e) {
+    if (visible && e.code === 'Escape') {
+      var _actionRef$current, _actionRef$current$se, _actionRef$current2, _actionRef$current2$f;
+
+      actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setFullScreenState) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, false);
+      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按钮
+
+
+  useEffect(function () {
+    var _actionRef$current3, _actionRef$current3$s;
+
+    actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$s = _actionRef$current3.setFullScreenState) === null || _actionRef$current3$s === void 0 ? void 0 : _actionRef$current3$s.call(_actionRef$current3, visible);
+    window.addEventListener('keydown', closeByESC);
+    return function () {
+      window.removeEventListener('keydown', closeByESC);
+    };
+  }, [visible]); // 全屏开启之后
+
+  var afterOpen = function afterOpen() {
+    Message.show({
+      type: 'notice',
+      content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, getMessage('press')), /*#__PURE__*/React.createElement("span", {
+        className: "teamix-pro-table-full-screen-message-esc"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "teamix-pro-table-full-screen-message-esc-title"
+      }, "esc")), /*#__PURE__*/React.createElement("span", null, getMessage('toExitFullScreen'))),
+      className: 'teamix-pro-table-full-screen-message'
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(Overlay, {
+    canCloseByOutSideClick: false,
+    align: "cc cc",
+    cache: true,
+    disableScroll: true,
+    shouldUpdatePosition: true,
+    animation: {
+      in: 'fadeIn',
+      out: 'fadeOut'
+    },
+    visible: visible,
+    wrapperStyle: {
+      zIndex: 999
+    },
+    afterOpen: afterOpen,
+    onRequestClose: function onRequestClose() {
+      var _actionRef$current4, _actionRef$current4$f;
+
+      actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$f = _actionRef$current4.fullScreen) === null || _actionRef$current4$f === void 0 ? void 0 : _actionRef$current4$f.call(_actionRef$current4);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "teamix-pro-table-full-screen"
+  }, children)));
+};
+
+export default FullScreen;

package/es/table/components/ToolBar/RefreshIcon.d.ts

@@ -0,0 +1,4 @@
+import { ProTableLayoutProps } from '../../typing';
+import './index.scss';
+declare const LayoutIcon: (props: ProTableLayoutProps) => JSX.Element;
+export default LayoutIcon;

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

@@ -0,0 +1,45 @@
+/**
+ * 刷新
+ */
+import { Button, Balloon } from '@alicloudfe/components';
+import TeamixIcon from '@teamix/icon';
+import { baseClass, getMessage } from '@teamix/utils';
+import React from 'react';
+import './index.scss';
+var cls = baseClass('teamix-pro-table-toolbar-icon');
+
+var LayoutIcon = function LayoutIcon(props) {
+  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.createElement(Balloon.Tooltip, {
+    trigger: /*#__PURE__*/React.createElement(Button, {
+      iconSize: "small",
+      className: cls(),
+      onClick: function onClick() {
+        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);
+      }
+    }, /*#__PURE__*/React.createElement(TeamixIcon, {
+      size: "small",
+      type: "refresh-line"
+    })),
+    align: "t"
+  }, getMessage('refresh'));
+};
+
+export default LayoutIcon;

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

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

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

@@ -0,0 +1,79 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
+
+import { baseClass } from '@teamix/utils';
+import React from 'react';
+import FullScreenIcon from './FullScreenIcon';
+import FilterColumnIcon from './FilterColumnIcon';
+import DensityIcon from './DensityIcon';
+import RefreshIcon from './RefreshIcon';
+import './index.scss';
+var cls = baseClass('teamix-pro-table-toolbar');
+var presetToolBarMap = {
+  refresh: RefreshIcon,
+  density: DensityIcon,
+  filtercolumn: FilterColumnIcon,
+  fullscreen: FullScreenIcon
+};
+var presetToolBarName = ['refresh', 'density', 'filtercolumn', 'fullscreen'];
+var presetToolBar = [{
+  name: 'refresh',
+  type: 'preset',
+  component: RefreshIcon
+}, {
+  name: 'density',
+  type: 'preset',
+  component: DensityIcon
+}, {
+  name: 'filterColumn',
+  type: 'preset',
+  component: FilterColumnIcon
+}, {
+  name: 'fullScreen',
+  type: 'preset',
+  component: FullScreenIcon
+}];
+
+var ToolBar = function ToolBar(props) {
+  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: 'preset',
+          name: item,
+          component: presetToolBarMap[item.toLowerCase()]
+        };
+      }
+
+      return {
+        type: 'custom',
+        name: "custom".concat(index),
+        component: item
+      };
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: cls()
+  }, toolBarList.map(function (_ref) {
+    var type = _ref.type,
+        name = _ref.name,
+        Component = _ref.component;
+    return /*#__PURE__*/React.createElement("span", {
+      className: cls(_defineProperty({}, name, true)),
+      key: name
+    }, type === 'preset' && /*#__PURE__*/React.createElement(Component, _objectSpread({}, props)), type === 'custom' && /*#__PURE__*/React.createElement("div", {
+      className: cls({
+        custom: true
+      })
+    }, Component));
+  }));
+};
+
+export default ToolBar;