@teamix/pro 1.1.4 → 1.1.8

package/es/page-header/index.scss

@@ -20,6 +20,10 @@ $prefix: 'teamix-pro-page-header';
     }
   }
 
+  .#{$prefix}-info {
+    padding-top: var(--s-2, 8px);
+  }
+
   .#{$prefix}-title {
     display: flex;
     font-size: var(--font-size-display-1, 24px);
@@ -130,7 +134,7 @@ $prefix: 'teamix-pro-page-header';
       color: var(--color-help-5);
     }
   }
-  
+
   .#{$prefix}-bg-color {
     &-blue {
       background-color: var(--color-notice-5);
@@ -148,7 +152,7 @@ $prefix: 'teamix-pro-page-header';
       background-color: var(--color-help-5);
     }
   }
-  
+
   .#{$prefix}-bg-type {
     &-circle {
       border-radius: 100%;
@@ -157,8 +161,6 @@ $prefix: 'teamix-pro-page-header';
       border-radius: 4px;
     }
   }
-
-  
 }
 
 .#{$prefix}-link {

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

@@ -26,12 +26,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useEffect, useMemo, useState } from 'react';
 import TeamixIcon from '@teamix/icon';
-import { Button, Dropdown, Menu, Radio } from '@alicloudfe/components';
+import { Button, Dropdown, Menu } from '@alicloudfe/components';
 import { baseClass } from '@teamix/utils';
 import './index.scss';
 var CheckboxItem = Menu.CheckboxItem;
 var cls = baseClass('teamix-pro-table-toolbar-filter');
-var RadioGroup = Radio.Group;
+var RadioItem = Menu.RadioItem;
 
 var Filter = function Filter(props) {
   var column = props.column,
@@ -85,27 +85,19 @@ var Filter = function Filter(props) {
   }, []); // 渲染单选
 
   var renderSingle = function renderSingle() {
-    var _selected$;
-
-    return /*#__PURE__*/React.createElement(RadioGroup, {
-      value: (_selected$ = selected === null || selected === void 0 ? void 0 : selected[0]) !== null && _selected$ !== void 0 ? _selected$ : '',
-      onChange: function onChange(check) {
-        setSelected([check]);
-      }
-    }, filters === null || filters === void 0 ? void 0 : filters.map(function (_ref3) {
+    return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref3) {
       var label = _ref3.label,
           value = _ref3.value;
       var valueStr = value.toString();
-      return /*#__PURE__*/React.createElement(Radio, {
+      return /*#__PURE__*/React.createElement(RadioItem, {
         id: valueStr,
-        value: valueStr,
+        checked: selected.includes(valueStr),
         key: valueStr,
-        style: {
-          display: 'block',
-          marginLeft: '5px'
+        onChange: function onChange(check) {
+          setSelected([valueStr]);
         }
       }, label);
-    }));
+    });
   }; // 渲染多选
 
 

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

@@ -29,13 +29,14 @@ import { Header, baseClass } from '@teamix/utils';
 import { Button, Badge } from '@alicloudfe/components';
 import TeamixIcon from '@teamix/icon';
 import { ActionGroup } from '../../../actions';
-import { SimpleFilter, AdvancedFilter, toJS } from '../../../form';
+import { SimpleFilter, AdvancedFilter, formilyReactive } from '../../../form';
 import { getMessage } from '@teamix/utils';
 import ToolBar from '../ToolBar';
 import QuickAction from '../QuickAction';
 import isEmpty from 'lodash.isempty';
 import './index.scss';
 var cls = baseClass('teamix-pro-table-layout');
+var toJS = formilyReactive.toJS;
 
 var Layout = function Layout(props) {
   var header = props.header,

package/es/table/components/Layout/index.scss

@@ -34,6 +34,6 @@ $prefix: 'teamix-pro-table-layout';
   &-panel-filter {
     margin: 8px 0;
     padding: 16px;
-    background: var(--panel-filter-bg, #fff);
+    background: var(--panel-filter-bg, var(--color-fill1-2));
   }
 }

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

@@ -19,14 +19,16 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /**
  * 筛选列
  */
-import { Button, Dropdown, Menu } from '@alicloudfe/components';
+import { Button, Dropdown, Menu, Dialog, Grid, Checkbox } 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;
-
+import { Ellipsis } from '@teamix/utils';
+var CheckboxItem = Menu.CheckboxItem;
+var Row = Grid.Row,
+    Col = Grid.Col;
 var cls = baseClass('teamix-pro-table-toolbar-filter-column');
 
 var processColumns = function processColumns(columns) {
@@ -126,6 +128,13 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
       return item;
     });
     notifyTableRender(keyNewColumns);
+  }; // 修改：dialog
+
+
+  var onChangeColumnsForDialog = function onChangeColumnsForDialog() {
+    var keyNewColumns = cloneDeep(newColumns);
+    notifyTableRender(keyNewColumns);
+    setDropdownVisible(false);
   }; // 向上
 
 
@@ -265,20 +274,71 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
     })))));
   };
 
-  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>
+  var renderDialog = function renderDialog() {
+    // 对话框关闭
+    var dialogOnClose = function dialogOnClose() {
+      setDropdownVisible(false);
+    };
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      iconSize: "small",
+      className: "teamix-pro-table-toolbar-icon",
+      onClick: function onClick() {
+        setDropdownVisible(!dropdownVisible);
+      }
+    }, /*#__PURE__*/React.createElement(TeamixIcon, {
+      size: "small",
+      type: "set-line"
+    })), /*#__PURE__*/React.createElement(Dialog, {
+      title: getMessage('customColumnSetting'),
+      visible: dropdownVisible,
+      onOk: onChangeColumnsForDialog,
+      onCancel: dialogOnClose,
+      onClose: dialogOnClose,
+      style: {
+        width: '440px'
+      }
+    }, /*#__PURE__*/React.createElement(Row, {
+      gutter: 20,
+      wrap: true,
+      className: cls('row')
+    }, newColumns.map(function (item, index) {
+      var _newColumns$find2;
+
+      var dataIndex = item.dataIndex,
+          title = item.title,
+          columnFiltersDisabled = item.columnFiltersDisabled;
+      return /*#__PURE__*/React.createElement(Col, {
+        span: 8,
+        key: index,
+        className: cls('col')
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: (_newColumns$find2 = newColumns.find(function (_ref5) {
+          var key = _ref5.dataIndex;
+          return key === dataIndex;
+        })) === null || _newColumns$find2 === void 0 ? void 0 : _newColumns$find2.columnFilters,
+        onChange: function onChange(check) {
+          var columnsList = cloneDeep(newColumns).map(function (item) {
+            if (item.dataIndex === dataIndex) {
+              item.columnFilters = check;
+            }
+
+            return item;
+          });
+          setNewColumns(columnsList);
+        },
+        disabled: columnFiltersDisabled
+      }, /*#__PURE__*/React.createElement(Ellipsis, {
+        tooltip: false
+      }, title)));
+    }))));
+  };
+
+  if (newColumns.length > 10) {
+    return renderDialog();
+  }
+
+  return renderDropdown();
 };
 
 export default FilterColumnIcon;

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

@@ -66,8 +66,18 @@
       }
     }
   }
+
+  
+}
+.teamix-pro-table-toolbar-filter-column-col {
+  height: 28px;
+  .next-checkbox-wrapper {
+    display: flex;
+    align-items: center;
+  }
 }
 
+
 // fullscreen
 .teamix-pro-table-full-screen {
   width: 100vw;

package/es/table/index.d.ts

@@ -2,6 +2,5 @@ import { ProTableProps } from './typing';
 import './index.scss';
 export * from './typing';
 export * from '../actions';
-export { default as ActionButton } from '../actions';
 declare const ProTable: (props: ProTableProps) => JSX.Element;
 export default ProTable;

package/es/table/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["header", "className", "tableClassName", "mainAction", "quickAction", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "quickAction", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh"];
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
@@ -44,17 +44,16 @@ import getTableProps from './utils/getTableProps';
 import getTableSortIcons from './utils/getTableSortIcons';
 import useTableSelection from './utils/useTableSelection';
 import FullScreen from './components/ToolBar/Fullscreen';
-import { createForm, toJS } from '../form';
+import { createForm, formilyReactive } from '../form';
 import { ActionGroup } from '../actions';
 import debounce from 'lodash.debounce';
 import classNames from 'classnames';
 export * from './typing'; // 导出 ProActions 组件
 
-export * from '../actions';
-export { default as ActionButton } from '../actions';
-import { registerActionHandler } from '../actions';
-import { useSize } from 'ahooks';
+export * from '../actions'; // import { useSize } from 'ahooks';
+
 var cls = baseClass('teamix-pro-table');
+var toJS = formilyReactive.toJS;
 /**
  * 处理原生传入的 columns 以便于 选择列 方便处理
  * @param columns 原生传入的 columns
@@ -103,7 +102,7 @@ var ProTable = function ProTable(props) {
       pageKey = props.pageKey,
       pageSizeKey = props.pageSizeKey,
       _props$method = props.method,
-      method = _props$method === void 0 ? 'post' : _props$method,
+      method = _props$method === void 0 ? 'get' : _props$method,
       _props$params = props.params,
       propsParams = _props$params === void 0 ? {} : _props$params,
       formatSort = props.formatSort,
@@ -128,6 +127,10 @@ var ProTable = function ProTable(props) {
       filterDebounce = _props$filterDebounce === void 0 ? 300 : _props$filterDebounce,
       _props$footerSuction = props.footerSuction,
       footerSuction = _props$footerSuction === void 0 ? false : _props$footerSuction,
+      _props$autoRefresh = props.autoRefresh,
+      autoRefresh = _props$autoRefresh === void 0 ? function () {
+    return false;
+  } : _props$autoRefresh,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var targetPageKey = pageKey || globalPageKey;
@@ -178,8 +181,15 @@ var ProTable = function ProTable(props) {
   var _useState15 = useState('medium'),
       _useState16 = _slicedToArray(_useState15, 2),
       size = _useState16[0],
-      _setSize = _useState16[1]; // 获取header高度，用作全屏吸底吸顶高度计算
+      _setSize = _useState16[1];
+
+  var _useState17 = useState(true),
+      _useState18 = _slicedToArray(_useState17, 2),
+      showLoading = _useState18[0],
+      setShowLoading = _useState18[1]; // 存储定时器 id
+
 
+  var autoRefreshTimerRef = useRef(); // 获取header高度，用作全屏吸底吸顶高度计算
 
   var getHeaderHeight = function getHeaderHeight() {
     var _tableDom$getElements, _tableDom$getElements2;
@@ -200,30 +210,30 @@ var ProTable = function ProTable(props) {
   }; // header 区域高度。用作全屏计算吸顶吸底高度。默认不做计算
 
 
-  var _useState17 = useState(0),
-      _useState18 = _slicedToArray(_useState17, 2),
-      headerHeight = _useState18[0],
-      setHeaderHeight = _useState18[1]; // 全屏显示 className
-
-
-  var _useState19 = useState(false),
+  var _useState19 = useState(0),
       _useState20 = _slicedToArray(_useState19, 2),
-      fullscreenState = _useState20[0],
-      setFullscreenState = _useState20[1]; // 父元素位置。用作非全屏模式下的吸底
+      headerHeight = _useState20[0],
+      setHeaderHeight = _useState20[1]; // 全屏显示 className
 
 
-  var _useState21 = useState(),
+  var _useState21 = useState(false),
       _useState22 = _slicedToArray(_useState21, 2),
-      parentPosition = _useState22[0],
-      setParentPosition = _useState22[1];
+      fullscreenState = _useState22[0],
+      setFullscreenState = _useState22[1]; // 父元素位置。用作非全屏模式下的吸底
+
+
+  var _useState23 = useState(),
+      _useState24 = _slicedToArray(_useState23, 2),
+      parentPosition = _useState24[0],
+      setParentPosition = _useState24[1];
   /** 筛选区域 form */
 
 
   var dataFilterForm = useMemo(function () {
     return createForm();
   }, []); // 获取表格大小
-
-  var tableSize = useSize(tableRef); // 获取父元素位置
+  // const tableSize = useSize(tableRef);
+  // 获取父元素位置
 
   var getParentPosition = function getParentPosition() {
     // 暂时仅支持使用全家桶
@@ -237,12 +247,12 @@ var ProTable = function ProTable(props) {
       });
     }
   }; // 监听表格大小动态改变吸底footer大小
+  // useEffect(() => {
+  //   getParentPosition();
+  // }, [tableSize]);
+  // rowSelection 相关
 
 
-  useEffect(function () {
-    getParentPosition();
-  }, [tableSize]); // rowSelection 相关
-
   var rowSelectionHook = useTableSelection(_objectSpread(_objectSpread({}, propsRowSelection), {}, {
     onChange: onChangeRowSelection
   }), primaryKey);
@@ -354,6 +364,25 @@ var ProTable = function ProTable(props) {
 
   if (propsActionRef) {
     propsActionRef.current = actionRef.current;
+  }
+
+  function onFormatResult(next) {
+    var _next$data;
+
+    props.onFormatResult && props.onFormatResult(next);
+    var time = autoRefresh ? autoRefresh(next.data) : false;
+
+    if (Number.isInteger(time) && time >= 1000) {
+      autoRefreshTimerRef.current = setTimeout(function () {
+        // 自动刷新不显示 loading
+        _request({}, true);
+      }, Number(time));
+    } // 设置 dataSource、total
+
+
+    setData(next.data || []);
+    setTotal(next.total || ((_next$data = next.data) === null || _next$data === void 0 ? void 0 : _next$data.length));
+    setShowSkeleton(false);
   } // 请求表格数据工具函数
 
 
@@ -384,16 +413,6 @@ var ProTable = function ProTable(props) {
         }
       }
 
-      function onFormatResult(next) {
-        var _next$data;
-
-        props.onFormatResult && props.onFormatResult(next); // 设置 dataSource、total
-
-        setData(next.data || []);
-        setTotal(next.total || ((_next$data = next.data) === null || _next$data === void 0 ? void 0 : _next$data.length));
-        setShowSkeleton(false);
-      }
-
       if (nextData instanceof Promise) {
         nextData.then(function (res) {
           onFormatResult(res);
@@ -415,10 +434,12 @@ var ProTable = function ProTable(props) {
     }
   }); // 请求函数
 
-  function _request(params) {
+  function _request(params, noLoading) {
     var _actionRef$current, _actionRef$current$se, _objectSpread2;
 
-    // 请求前需要优先清空列过滤条件
+    var nextShowLoading = !noLoading;
+    nextShowLoading !== showLoading && setShowLoading(nextShowLoading); // 请求前需要优先清空列过滤条件
+
     (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : (_actionRef$current$se = _actionRef$current.setFilterRules) === null || _actionRef$current$se === void 0 ? void 0 : _actionRef$current$se.call(_actionRef$current, {});
     var sortParams = targetFormatSort(sort); // 筛选区请求参数
 
@@ -427,7 +448,11 @@ var ProTable = function ProTable(props) {
     var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams) : _objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, targetPageKey, currentPage), _defineProperty(_objectSpread2, targetPageSizeKey, pageSize), _objectSpread2), dataFilterParams), propsParams), sortParams)), params));
 
     if (requestData) {
-      // console.log('requestData', requestData);
+      if (autoRefreshTimerRef.current) {
+        clearTimeout(autoRefreshTimerRef.current);
+        autoRefreshTimerRef.current = null;
+      }
+
       getData.run(requestData);
     }
   }
@@ -436,6 +461,12 @@ var ProTable = function ProTable(props) {
     if (requestWhenMount) {
       _request();
     }
+
+    return function () {
+      if (autoRefreshTimerRef.current) {
+        clearTimeout(autoRefreshTimerRef.current);
+      }
+    };
   }, []);
 
   function onSort(dataIndex, order) {
@@ -481,7 +512,7 @@ var ProTable = function ProTable(props) {
         hasBorder: false,
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
         columns: genProColumnToColumn(filteredColumns, showSkeleton, actionRef),
-        loading: !showSkeleton && (getData.loading || props.loading),
+        loading: showLoading && !showSkeleton && (getData.loading || props.loading),
         className: classNames('teamix-pro-table', tableClassName, {
           'with-row-select': rowSelection
         }),
@@ -562,8 +593,8 @@ var ProTable = function ProTable(props) {
           'footer-has-rowSelection': rowSelection
         }),
         style: {
-          left: "".concat((_parentPosition$offse = parentPosition === null || parentPosition === void 0 ? void 0 : parentPosition.offsetLeft) !== null && _parentPosition$offse !== void 0 ? _parentPosition$offse : 0, "px"),
-          right: "".concat((_parentPosition$offse2 = parentPosition === null || parentPosition === void 0 ? void 0 : parentPosition.offsetRight) !== null && _parentPosition$offse2 !== void 0 ? _parentPosition$offse2 : 0, "px")
+          left: "".concat(fullscreenState ? 0 : (_parentPosition$offse = parentPosition === null || parentPosition === void 0 ? void 0 : parentPosition.offsetLeft) !== null && _parentPosition$offse !== void 0 ? _parentPosition$offse : 0, "px"),
+          right: "".concat(fullscreenState ? 0 : (_parentPosition$offse2 = parentPosition === null || parentPosition === void 0 ? void 0 : parentPosition.offsetRight) !== null && _parentPosition$offse2 !== void 0 ? _parentPosition$offse2 : 0, "px")
         }
       }, renderRowSelection(), /*#__PURE__*/React.createElement("div", {
         className: cls('footer-right-wrapper')
@@ -603,18 +634,6 @@ var ProTable = function ProTable(props) {
     }),
     ref: tableRef
   }, renderTable(), renderFooter()));
-}; // 注册 action 里面的弹层表格
-
-
-registerActionHandler('dialog-table', 'dialog', {
-  component: ProTable,
-  closeable: true,
-  size: 'medium'
-});
-registerActionHandler('drawer-table', 'dialog', {
-  component: ProTable,
-  closeable: true,
-  dialogType: 'drawer',
-  size: 'medium'
-});
+};
+
 export default ProTable;

package/es/table/index.scss

@@ -99,6 +99,5 @@ $fullscreenPadding: 24px;
     background-color: var(--table-row-bg, #ffffff);
     margin: 0;
     z-index: 2;
-    transition: width .3s;
   }
 }

package/es/table/typing.d.ts

@@ -103,8 +103,10 @@ export declare type ProTableProps = {
     skeletonSize?: number;
     /** 表格主题 className */
     tableClassName?: string;
-    /** 非全屏模式下是否吸底 默认状态下取用 ProPageContainer 作为参照物。如果传入了Dom，则取用Dom作为参照物 */
+    /** 非全屏模式下是否吸底 默认状态下取用 ProPageContainer 作为参照物。如果传入了 Dom，则取用 Dom 作为参照物 */
     footerSuction?: boolean | Element;
+    /** 当满足条件时开启自动刷新，返回值为自动刷新间隔时间，如果返回 0 或 false 则停止自动刷新，每次触发翻页、搜索都将重置时间 */
+    autoRefresh?: (dataSource: any[]) => number | boolean;
 } & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
 export declare type rowSelectionType = {
     getProps?: (record: any, index: number) => any;

package/lib/actions/dialog-form.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import { IProFormProps } from '../form';
+import { IFormProps, IFormSchema } from '../form';
 import { RequestAction } from './request';
 import { DialogAction } from './dialog';
 export interface DialogFormAction extends DialogAction {
     initialValues?: any;
     initialRequest?: RequestAction;
     useFieldValuesForRequest?: boolean;
-    formProps?: IProFormProps;
-    schema: any[];
+    formProps?: Omit<IFormProps, 'schema'>;
+    schema: IFormSchema;
 }
 export declare function useDialogFormAction(action: DialogFormAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/lib/actions/dialog-table.d.ts

@@ -1,4 +1,9 @@
 import { DialogAction } from './dialog';
+import { ProTableProps } from '..';
 export interface DialogTableAction extends DialogAction {
-    schema: any;
+    schema: ProTableProps;
 }
+export declare function useDialogTableAction(action: DialogTableAction, context?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+};
+export default useDialogTableAction;

package/lib/actions/dialog-table.js

@@ -2,4 +2,23 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.default = void 0;
+exports.useDialogTableAction = useDialogTableAction;
+
+var _dialog = _interopRequireDefault(require("./dialog"));
+
+var _ = require("..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useDialogTableAction(action, context) {
+  return (0, _dialog.default)(Object.assign({
+    component: _.ProTable,
+    closeable: true,
+    size: 'medium'
+  }, action), context);
+}
+
+var _default = useDialogTableAction;
+exports.default = _default;

package/lib/actions/drawer-table.d.ts

@@ -1,2 +1,6 @@
 import { DialogTableAction } from './dialog-table';
 export declare type DrawerTableAction = DialogTableAction;
+export declare function useDrawerTableAction(action: DrawerTableAction, context?: any): {
+    [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+};
+export default useDrawerTableAction;

package/lib/actions/drawer-table.js

@@ -2,4 +2,17 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.default = void 0;
+exports.useDrawerTableAction = useDrawerTableAction;
+
+var _dialogTable = require("./dialog-table");
+
+function useDrawerTableAction(action, context) {
+  return (0, _dialogTable.useDialogTableAction)(Object.assign({
+    dialogType: 'drawer'
+  }, action), context);
+}
+
+var _default = useDrawerTableAction;
+exports.default = _default;

package/lib/actions/index.d.ts

@@ -51,26 +51,21 @@ export interface IActionButton extends ButtonProps {
 }
 export declare const ActionButton: (props: IActionButton) => JSX.Element;
 export interface IActionMenuButton extends MenuButtonProps {
-    actions: IActionButton[];
+    actions: ICommonActionButton[];
     visible?: any;
     icon?: string;
     context?: any;
 }
-export interface IActionGroupMenuButton extends MenuButtonProps {
-    actions: CommonActionButton[];
-    icon?: string;
-    context?: any;
-}
-export declare const ActionMenuButton: (props: IActionGroupMenuButton) => JSX.Element;
-export declare type CommonActionButton = IActionButton | IActionMenuButton;
-export declare type CommonActionGroupButton = CommonActionButton | IActionGroupMenuButton;
+export declare const ActionMenuButton: (props: IActionMenuButton) => JSX.Element;
+export declare type ICommonActionButton = IActionButton | IActionMenuButton;
 export declare type ActionGroupProps = {
     type?: 'button' | 'text';
     context?: any;
-    actions: CommonActionButton[];
+    actions: ICommonActionButton[];
     max?: number;
     moreText?: string;
     divider?: boolean;
 } & React.HTMLAttributes<HTMLElement>;
 export declare function ActionGroup(props: ActionGroupProps): JSX.Element;
-export default ActionButton;
+declare const _default: (props: ICommonActionButton) => JSX.Element;
+export default _default;