@teamix/pro 1.2.23 → 1.2.28

package/es/table/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams"];
 
 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); }
 
@@ -32,28 +32,29 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React, { useState, useEffect, useRef, useMemo } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { Table, Checkbox } from '@alicloudfe/components';
 import Pagination from './components/Pagination';
 import genProColumnToColumn from './utils/genProColumnToColumn';
-import { baseClass, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps } from '@teamix/utils';
+import { baseClass, useRequest, request as utilResquest, getDeepValue, getMessage, pickProps, getCookie } from '@teamix/utils';
 import { ProSkeletonRaw as Skeleton } from '../skeleton';
 import './index.scss';
 import Layout from './components/Layout';
-import { emit, initActionRef, useActionType } from './utils';
+import { emit, initActionRef, processDefaultFilter, useActionType } from './utils';
 import getTableProps from './utils/getTableProps';
 import getTableSortIcons from './utils/getTableSortIcons';
 import useTableSelection from './utils/useTableSelection';
 import FullScreen from './components/ToolBar/Fullscreen';
 import EmptyContent from './components/EmptyContent';
-import { createForm, formilyReactive } from '../form';
+import { formilyReactive } from '../form';
 import { ProActionGroup } from '../actions';
-import debounce from 'lodash.debounce';
 import classNames from 'classnames';
 import ProPageContainer from '../page-container';
 export * from './typing';
 var cls = baseClass('teamix-pro-table');
-var toJS = formilyReactive.toJS;
+var toJS = formilyReactive.toJS; // 判断是否是 root 组织
+
+var isRoot = getCookie('organizationId') === '1';
 /**
  * 处理原生传入的 columns 以便于 选择列 方便处理
  * @param columns 原生传入的 columns
@@ -61,14 +62,24 @@ var toJS = formilyReactive.toJS;
  */
 
 var processColumns = function processColumns(columns, initialColumns) {
+  var _filterColumns;
+
   var filterColumns = columns.filter(function (item) {
     return item.columnFilters !== false;
-  }); // 处理只剩一列批量选择的情况下宽度错乱问题
+  });
+
+  if (isRoot) {
+    // root 组织下不显示标签管理
+    filterColumns = filterColumns.filter(function (item) {
+      return item.valueType !== 'selectGroup';
+    });
+  } // 处理只剩一列批量选择的情况下宽度错乱问题
 
-  if (filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) {
-    var _initialColumns$;
 
-    if ((filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.length) === 1) {
+  if ((_filterColumns = filterColumns) === null || _filterColumns === void 0 ? void 0 : _filterColumns.length) {
+    var _filterColumns2, _initialColumns$;
+
+    if (((_filterColumns2 = filterColumns) === null || _filterColumns2 === void 0 ? void 0 : _filterColumns2.length) === 1) {
       var _filterColumns$, _filterColumns$2;
 
       if ((_filterColumns$ = filterColumns[0]) === null || _filterColumns$ === void 0 ? void 0 : _filterColumns$.width) {
@@ -110,7 +121,7 @@ var globalFormatSort = function globalFormatSort(sort) {
 };
 
 var ProTable = function ProTable(props) {
-  var _rowSelection$selecte;
+  var _rowSelection$selecte, _dataFilterForm4;
 
   var header = props.header,
       className = props.className,
@@ -164,6 +175,7 @@ var ProTable = function ProTable(props) {
       customRequest = props.customRequest,
       _props$filterColumnTy = props.filterColumnType,
       filterColumnType = _props$filterColumnTy === void 0 ? 'auto' : _props$filterColumnTy,
+      defaultFilterParams = props.defaultFilterParams,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var targetPageKey = pageKey || globalPageKey;
@@ -207,10 +219,8 @@ var ProTable = function ProTable(props) {
   var _useState13 = useState(true),
       _useState14 = _slicedToArray(_useState13, 2),
       customTableLoading = _useState14[0],
-      setCustomTableLoading = _useState14[1]; // 用于存放 Search 组件之前值的 ref
-
+      setCustomTableLoading = _useState14[1];
 
-  var searchValueRef = useRef('');
   var tableRef = useRef(null);
   var actionRef = useRef(); // 传给 table 的过滤后的 columns
 
@@ -260,19 +270,22 @@ var ProTable = function ProTable(props) {
   var _useState23 = useState(false),
       _useState24 = _slicedToArray(_useState23, 2),
       fullscreenState = _useState24[0],
-      setFullscreenState = _useState24[1]; // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
+      setFullscreenState = _useState24[1]; // 非全屏状态下的
+
 
+  var normalDataFilterFormRef = useRef();
+  var fullscreenDataFilterFormRef = useRef();
+  var normalDataFilterForm = normalDataFilterFormRef.current;
+  var fullscreenDataFilterForm = fullscreenDataFilterFormRef.current; // 传给 QueryFilter 的 formRef
+
+  var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef;
+  var dataFilterForm = dataFilterFormRef.current; // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
 
   var _useState25 = useState(false),
       _useState26 = _slicedToArray(_useState25, 2),
       footerSuctionState = _useState26[0],
-      setFooterSuctionState = _useState26[1];
-  /** 筛选区域 form */
-
+      setFooterSuctionState = _useState26[1]; // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
 
-  var dataFilterForm = useMemo(function () {
-    return createForm();
-  }, []); // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
 
   var getFooterSuctionState = function getFooterSuctionState() {
     var containerDom = document.querySelector('.teamix-pro-page-container-scroll-container');
@@ -425,26 +438,24 @@ var ProTable = function ProTable(props) {
       return _request(params);
     },
     request: function request(params) {
-      if (dataFilterForm.validate()) {
-        // 如果请求中还有翻页相关信息，需要自动设置到指定页
-        if (params === null || params === void 0 ? void 0 : params[targetPageKey]) {
-          setCurrentPage(params[targetPageKey]);
-        }
-
-        if (params === null || params === void 0 ? void 0 : params[targetPageSizeKey]) {
-          setPageSize(params[targetPageSizeKey]);
-        }
+      // 如果请求中还有翻页相关信息，需要自动设置到指定页
+      if (params === null || params === void 0 ? void 0 : params[targetPageKey]) {
+        setCurrentPage(params[targetPageKey]);
+      }
 
-        _request(params);
+      if (params === null || params === void 0 ? void 0 : params[targetPageSizeKey]) {
+        setPageSize(params[targetPageSizeKey]);
       }
+
+      _request(params);
     },
     reset: function reset() {
-      var _actionRef$current3, _actionRef$current3$s;
+      var _actionRef$current3, _actionRef$current3$s, _dataFilterForm;
 
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
 
       (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : (_actionRef$current3$s = _actionRef$current3.setFilterRules) === null || _actionRef$current3$s === void 0 ? void 0 : _actionRef$current3$s.call(_actionRef$current3, {});
-      dataFilterForm.reset();
+      (_dataFilterForm = dataFilterForm) === null || _dataFilterForm === void 0 ? void 0 : _dataFilterForm.reset();
       setCurrentPage(1);
 
       _request(_defineProperty({}, targetPageKey, 1));
@@ -467,6 +478,8 @@ var ProTable = function ProTable(props) {
     },
     data: data,
     dataFilterForm: dataFilterForm,
+    normalDataFilterForm: normalDataFilterForm,
+    fullscreenDataFilterForm: fullscreenDataFilterForm,
     resetTableMaxBodyHeight: function resetTableMaxBodyHeight() {
       getHeaderHeight().then(function (height) {
         setHeaderHeight(height);
@@ -556,7 +569,7 @@ var ProTable = function ProTable(props) {
   }); // 请求函数
 
   function _request(params, noLoading) {
-    var _actionRef$current$ge, _actionRef$current4, _actionRef$current4$g, _objectSpread2;
+    var _dataFilterForm2, _actionRef$current$ge, _actionRef$current4, _actionRef$current4$g, _objectSpread2;
 
     // 如果没有传 url 且没有 customRequest，直接返回
     if (!url && !customRequest) {
@@ -569,7 +582,7 @@ var ProTable = function ProTable(props) {
 
     var sortParams = targetFormatSort(sort); // 筛选区请求参数
 
-    var dataFilterParams = toJS(dataFilterForm.values); // 列过滤请求参数
+    var dataFilterParams = toJS((_dataFilterForm2 = dataFilterForm) === null || _dataFilterForm2 === void 0 ? void 0 : _dataFilterForm2.values); // 列过滤请求参数
 
     var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$g = _actionRef$current4.getFilterRules) === null || _actionRef$current4$g === void 0 ? void 0 : _actionRef$current4$g.call(_actionRef$current4)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {}; // 格式化后的请求参数
 
@@ -620,8 +633,11 @@ var ProTable = function ProTable(props) {
   }
 
   useEffect(function () {
+    var _dataFilterForm3;
+
     // 初始化 actionRef state、callback 此时 actionRef 已初始化完成
-    initActionRef(); // 监听 浏览器变化 更吸底状态
+    initActionRef();
+    dataFilterForm = dataFilterFormRef.current; // 监听 浏览器变化 更吸底状态
 
     if (footerSuction) {
       getFooterSuctionState();
@@ -631,16 +647,11 @@ var ProTable = function ProTable(props) {
       };
     }
 
-    if (requestWhenMount) {
-      _request();
-    }
+    if (requestWhenMount && ((_dataFilterForm3 = dataFilterForm) === null || _dataFilterForm3 === void 0 ? void 0 : _dataFilterForm3.id)) {
+      // 在请求发送之前 处理漏斗默认数据
+      processDefaultFilter(propsColumns, actionRef, defaultFilterParams);
 
-    var searchName = getSearchName();
-
-    if (searchName) {
-      // 如果有初始值，需要赋值
-      var initialValues = toJS(dataFilterForm.initialValues);
-      searchValueRef.current = initialValues[searchName][1];
+      _request();
     }
 
     return function () {
@@ -654,7 +665,7 @@ var ProTable = function ProTable(props) {
 
       actionRef.current = undefined;
     };
-  }, []);
+  }, [(_dataFilterForm4 = dataFilterForm) === null || _dataFilterForm4 === void 0 ? void 0 : _dataFilterForm4.id]);
 
   function onSort(dataIndex, order) {
     var nextSort = _defineProperty({}, dataIndex, order);
@@ -662,62 +673,27 @@ var ProTable = function ProTable(props) {
     setSort(nextSort);
 
     _request(targetFormatSort(nextSort));
-  } // 找到 Search 组件对应的 name
-
-
-  var getSearchName = function getSearchName() {
-    var _dataFilter$schema;
-
-    if ((dataFilter === null || dataFilter === void 0 ? void 0 : dataFilter.schema) && ((_dataFilter$schema = dataFilter.schema) === null || _dataFilter$schema === void 0 ? void 0 : _dataFilter$schema.length) > 0) {
-      var searchSchema = dataFilter.schema.find(function (item) {
-        return item.component === 'Search';
-      });
-
-      if (searchSchema) {
-        var searchName = searchSchema.name;
-        return searchName;
-      }
-    }
-  }; // 处理 dataFilter 中的 onFilter、onReset
+  } // 处理 dataFilter 中的 onFilter、onReset
 
 
   var dataFilter = _objectSpread(_objectSpread({
     mode: 'inline'
   }, propsDataFilter), {}, {
-    onFilter: debounce(function (values) {
-      (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(values));
-
-      if (dataFilterForm.validate()) {
-        var _actionRef$current5, _actionRef$current5$c;
-
-        /**
-         * 针对 inline 模式下的 Search 组件做特殊处理
-         * 当切换条件且输入内容为空的时候，类似[a, ''] => [b, ''] 不触发请求
-         */
-        if (dataFilter.mode === 'inline') {
-          var searchName = getSearchName();
-
-          if (searchName) {
-            var searchValue = values[searchName][1];
+    onFilter: function onFilter(values) {
+      var _actionRef$current5, _actionRef$current5$c;
 
-            if (searchValue === (searchValueRef === null || searchValueRef === void 0 ? void 0 : searchValueRef.current)) {
-              return;
-            }
+      (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(values)); // 搜索变化时，暂时先清空选择
 
-            searchValueRef.current = searchValue;
-          }
-        } // 搜索变化时，暂时先清空选择
-
-
-        (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$c = _actionRef$current5.clearRowSelection) === null || _actionRef$current5$c === void 0 ? void 0 : _actionRef$current5$c.call(_actionRef$current5);
-        setCurrentPage(1);
+      (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$c = _actionRef$current5.clearRowSelection) === null || _actionRef$current5$c === void 0 ? void 0 : _actionRef$current5$c.call(_actionRef$current5);
+      setCurrentPage(1);
 
-        _request(_defineProperty({}, targetPageKey, 1));
-      }
-    }, filterDebounce),
+      _request(_defineProperty({}, targetPageKey, 1));
+    },
     onReset: function onReset() {
+      var _dataFilterForm5;
+
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset());
-      dataFilterForm.reset();
+      (_dataFilterForm5 = dataFilterForm) === null || _dataFilterForm5 === void 0 ? void 0 : _dataFilterForm5.reset();
       setCurrentPage(1);
 
       _request(_defineProperty({}, targetPageKey, 1));
@@ -732,7 +708,7 @@ var ProTable = function ProTable(props) {
     }
   };
 
-  var renderTable = function renderTable() {
+  var renderTable = function renderTable(isFullScreen) {
     if (propsColumns) {
       return /*#__PURE__*/React.createElement("div", {
         className: classNames('teamix-pro-table-container', className)
@@ -744,7 +720,7 @@ var ProTable = function ProTable(props) {
         actionRef: actionRef,
         columns: propsColumns,
         dataFilter: dataFilter,
-        dataFilterForm: dataFilterForm,
+        dataFilterFormRef: isFullScreen ? fullscreenDataFilterFormRef : normalDataFilterFormRef,
         rowSelection: rowSelection,
         filterColumnType: filterColumnType
       }), /*#__PURE__*/React.createElement(Table.StickyLock, _objectSpread({
@@ -786,7 +762,7 @@ var ProTable = function ProTable(props) {
 
       var targetActions = footerAction.actions.map(function (action) {
         return _objectSpread(_objectSpread({}, action), {}, {
-          disabled: action.disabled || selectedCount === 0
+          disabled: (action === null || action === void 0 ? void 0 : action.disabled) || selectedCount === 0
         });
       });
 
@@ -889,14 +865,16 @@ var ProTable = function ProTable(props) {
   return /*#__PURE__*/React.createElement(FullScreen, {
     visible: fullscreenState,
     actionRef: actionRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cls({
-      '': true,
-      fullscreen: fullscreenState // 'footer-suction': footerSuctionState && footerSuction,
-
-    }),
-    ref: tableRef
-  }, renderTable(), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/React.createElement(ProPageContainer.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter()));
+  }, function (isFullScreen) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: cls({
+        '': true,
+        fullscreen: fullscreenState // 'footer-suction': footerSuctionState && footerSuction,
+
+      }),
+      ref: tableRef
+    }, renderTable(isFullScreen), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/React.createElement(ProPageContainer.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter());
+  });
 };
 
 export default ProTable;

package/es/table/index.scss

@@ -40,11 +40,6 @@ $fullscreenPadding: 24px;
     justify-content: flex-end;
     width: 100%;
   }
-  .teamix-pro-pagination-wrapper {
-    display: flex;
-    justify-content: flex-end;
-    width: 100%;
-  }
   &-footer-action {
     margin-left: 16px;
   }
@@ -114,4 +109,9 @@ $fullscreenPadding: 24px;
 
 .next-table-empty {
   --table-empty-padding: 48px;
+}
+
+// 后面在基础组件里面覆盖
+.next-table.next-table td .next-table-cell-wrapper {
+  text-overflow: unset;
 }

package/es/table/typing.d.ts

@@ -3,7 +3,7 @@
  */
 import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
 import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } from '../field';
-import { IFilterProps } from '../form';
+import { QueryFilterProps } from '../form';
 import { ProActionGroupProps, ProActionButtonProps } from '../actions';
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
 import { HeaderProps as ProTableHeaderProps } from '@teamix/utils';
@@ -56,6 +56,8 @@ export declare type ProTableColumnProps = {
     dataIndex?: string | string[];
     /** 指定 valueType 为日期时间格式时，可以格式化日期时间 */
     format?: string;
+    /** ProField 其他配置项 */
+    props?: any;
 } & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
 export declare type ProColumnProps = ProTableColumnProps;
 export declare type ProTableProps = {
@@ -105,7 +107,10 @@ export declare type ProTableProps = {
     footerAction?: ProActionGroupProps | React.ReactNode;
     /** 表格底部（右层）配置 */
     footer?: React.ReactNode;
-    /** 筛选区自动搜索的防抖时间（毫秒） */
+    /**
+     * @deprecated 已废弃 建议用 dataFilter 中的 filterDebounce 代替
+     * 筛选区自动搜索的防抖时间（毫秒）
+     */
     filterDebounce?: number;
     /** ProTable action 的引用，便于手动触发一些方法  */
     actionRef?: React.MutableRefObject<ProTableActionType | undefined>;
@@ -125,6 +130,10 @@ export declare type ProTableProps = {
         data: any[];
         total?: number;
     }>;
+    /** 默认漏斗过滤条件 */
+    defaultFilterParams?: {
+        [key: string]: any[] | any;
+    };
 } & Omit<TableProps, 'columns'> & ProTableTopAreaProps;
 export declare type rowSelectionType = {
     getProps?: (record: any, index: number) => any;
@@ -181,6 +190,8 @@ export declare type ProTableActionType = {
     resetPage?: () => void;
     /** 获取数据过滤区表单实例 */
     dataFilterForm?: FormType;
+    normalDataFilterForm?: FormType;
+    fullscreenDataFilterForm?: FormType;
     /** 表格当前的数据 */
     data?: any[];
 } & ProTableActionTypeMutations;
@@ -215,17 +226,12 @@ export declare type ProTableActionTypeState = {
     [key: string]: any;
 };
 export declare type ProTableDataFilterProps = {
-    /** 展示形式 */
-    mode?: 'inline' | 'panel';
-    /** mode='panel' 时是否默认展开 */
-    expand?: boolean;
-    /** 搜索时是否传入值为undefined的参数，默认不传 */
     searchUndefined?: boolean;
     /** 搜索时是否传入值为空字符串的参数，默认不传 */
     searchEmptyString?: boolean;
     /** 自定义内容 */
     content?: React.ReactNode;
-} & IFilterProps;
+} & QueryFilterProps;
 export declare type dataFilterProps = ProTableDataFilterProps;
 export declare type ProTableTopAreaProps = {
     /** 标题区 */
@@ -238,8 +244,8 @@ export declare type ProTableTopAreaProps = {
     extra?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
     /** 数据过滤区 */
     dataFilter?: ProTableDataFilterProps;
-    /** 数据过滤区 form 表单模型 */
-    dataFilterForm?: FormType;
+    /** 传给 QueryFilter 的 formRef */
+    dataFilterFormRef?: any;
     /** 排序、筛选列展示状态 */
     filterColumnType?: 'dialog' | 'dropdown' | 'auto';
 };

package/es/table/utils/columnRender.js

@@ -132,7 +132,8 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
   }
 
   var newRender = null;
-  var newDataSource = null; // 如果 render 直接传函数
+  var newDataSource = null;
+  var props = item.props; // 如果 render 直接传函数
 
   if (typeof render === 'function') {
     newRender = function newRender() {
@@ -140,6 +141,23 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
     };
   } else {
     newRender = processBuriedPoint(processRenderFunction(render, value, index, record), record, value, index);
+
+    if (valueType === 'selectGroup') {
+      newRender = _objectSpread(_objectSpread({
+        maxShowNumber: 1,
+        foldText: 'more',
+        editOnClick: function editOnClick() {},
+        edit: true
+      }, newRender), {}, {
+        ellipsis: false
+      });
+      props = _objectSpread({
+        valueAlias: {
+          value: 'TagValue',
+          key: 'TagKey'
+        }
+      }, props);
+    }
   } // 渲染操作组
 
 
@@ -182,13 +200,13 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
   } // 渲染 ProField
 
 
-  return /*#__PURE__*/React.createElement(ProField, {
+  return /*#__PURE__*/React.createElement(ProField, _objectSpread({
     type: valueType || 'text',
     value: value,
     render: newRender,
     dataSource: newDataSource,
     format: format
-  });
+  }, props));
 };
 /**
  * 处理 render 配置项是函数的情况

package/es/table/utils/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ProTableActionType } from '../typing';
+import { ProTableProps, ProTableColumnProps } from '..';
 export declare function initActionRef(): void;
 /** table 组件内监听 不对外暴露 */
 export declare function on(fun: any, key: string): void;
@@ -9,3 +10,9 @@ export declare function off(key: string): void;
 export declare function emit(key: string, ...args: any): void;
 export declare function useActionType<T>(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType): void;
 export declare function cloneDeep<T>(obj: T): T;
+/**
+ * 处理默认过滤参数
+ * @param columns
+ * @param ref
+ */
+export declare function processDefaultFilter(columns: ProTableColumnProps[], ref: React.MutableRefObject<ProTableActionType | undefined>, defaultFilterParams: ProTableProps['defaultFilterParams']): void;

package/es/table/utils/index.js

@@ -173,4 +173,40 @@ export function useActionType(ref, action) {
 }
 export function cloneDeep(obj) {
   return cloneDeepLodash(obj);
+}
+/**
+ * 处理默认过滤参数
+ * @param columns
+ * @param ref
+ */
+
+export function processDefaultFilter(columns, ref, defaultFilterParams) {
+  columns.forEach(function (column) {
+    var _column$dataIndex$toS, _column$dataIndex;
+
+    var defaultRules = defaultFilterParams === null || defaultFilterParams === void 0 ? void 0 : defaultFilterParams[(_column$dataIndex$toS = column === null || column === void 0 ? void 0 : (_column$dataIndex = column.dataIndex) === null || _column$dataIndex === void 0 ? void 0 : _column$dataIndex.toString()) !== null && _column$dataIndex$toS !== void 0 ? _column$dataIndex$toS : ''];
+
+    if (defaultRules) {
+      var _ref$current$getState, _ref$current, _ref$current$getState2, _ref$current$getState3, _ref$current2, _ref$current2$setFilt;
+
+      var params = '';
+      var rules = [];
+
+      if (Array.isArray(defaultRules)) {
+        params = defaultRules.join(',');
+        rules = defaultRules;
+      } else {
+        params = defaultRules;
+        rules = [defaultRules];
+      } // 需要带上其他所有的信息
+
+
+      var otherRules = (_ref$current$getState = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : (_ref$current$getState2 = _ref$current.getState) === null || _ref$current$getState2 === void 0 ? void 0 : (_ref$current$getState3 = _ref$current$getState2.call(_ref$current)) === null || _ref$current$getState3 === void 0 ? void 0 : _ref$current$getState3.filterRules) !== null && _ref$current$getState !== void 0 ? _ref$current$getState : {}; // 再设置所有的列筛选状态
+
+      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$setFilt = _ref$current2.setFilterRules) === null || _ref$current2$setFilt === void 0 ? void 0 : _ref$current2$setFilt.call(_ref$current2, _objectSpread(_objectSpread({}, otherRules), {}, _defineProperty({}, column.dataIndex, {
+        rules: rules,
+        params: params
+      })));
+    }
+  });
 }

package/es/utils/index.d.ts

@@ -1,2 +1,3 @@
 import * as utils from '@teamix/utils';
+export * from '@teamix/utils';
 export default utils;

package/es/utils/index.js

@@ -1,2 +1,3 @@
 import * as utils from '@teamix/utils';
+export * from '@teamix/utils';
 export default utils;

package/lib/actions/dialog.js

@@ -30,7 +30,7 @@ var _request = require("./request");
 
 var _utils2 = require("./utils");
 
-var _excluded = ["url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
+var _excluded = ["trigger", "url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
     _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -107,7 +107,8 @@ function useDialogAction(action, actionContext) {
   var onActionStart = function onActionStart(context, e) {
     var _objectSpread2;
 
-    var url = action.url,
+    var trigger = action.trigger,
+        url = action.url,
         method = action.method,
         params = action.params,
         data = action.data,
@@ -254,7 +255,7 @@ function useDialogAction(action, actionContext) {
     })), _objectSpread2), containerProps), containerOtherProps);
 
     var ret = container.show(quickShowProps);
-    store.hide = ret.hide;
+    store.hide = ret ? ret.hide || ret.close : function () {};
   };
 
   return _objectSpread({}, (0, _base.eventHandler)(action, actionContext, onActionStart));

package/lib/actions/index.d.ts

@@ -26,25 +26,28 @@ export declare type ProActionConfig = ({
 } & LinkAction);
 export declare function registerActionHandler(id: string, extendActionId: string, defaultConfig: any): void;
 export declare function useAction(config?: ProActionConfig, context?: any): any;
-export interface ProActionButtonProps extends ButtonProps {
-    key?: string | number;
+export interface ProActionButtonProps extends ProActionCommonProps, ButtonProps {
     config?: ProActionConfig;
-    visible?: any;
     disabled?: any;
     icon?: string;
-    context?: any;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>, context?: any) => void;
 }
 export declare const ProActionButton: (props: ProActionButtonProps) => JSX.Element;
-export interface ProActionMenuButtonProps extends MenuButtonProps {
+export interface ProActionCommonProps {
     key?: string | number;
-    actions: ProActionProps[];
     visible?: any;
-    icon?: string;
     context?: any;
 }
+export interface ProActionMenuButtonProps extends ProActionCommonProps, Omit<MenuButtonProps, 'visible'> {
+    actions: ProActionProps[];
+    icon?: string;
+    noArrow?: boolean;
+}
 export declare const ProActionMenuButton: (props: ProActionMenuButtonProps) => JSX.Element;
-export declare type ProActionProps = ProActionButtonProps | ProActionMenuButtonProps;
+export interface ProActionDividerProps extends ProActionCommonProps {
+    type: 'divider';
+}
+export declare type ProActionProps = ProActionButtonProps | ProActionMenuButtonProps | ProActionDividerProps;
 export declare type ProActionGroupProps = {
     /** 操作组类型：按钮、文字按钮 */
     type?: 'button' | 'text';
@@ -59,7 +62,7 @@ export declare type ProActionGroupProps = {
      */
     moreText?: string;
     /** 更多按钮的配置，只有在actions数量超过max时才有效 */
-    more?: string | ProActionButtonProps;
+    more?: string | Omit<ProActionMenuButtonProps, 'actions'>;
     /** 是否有分割线，只有type="text"时生效，默认有分割线 */
     divider?: boolean;
 } & React.HTMLAttributes<HTMLElement>;