@teamix/pro 1.1.37 → 1.2.0

package/lib/table/index.js

@@ -30,6 +30,8 @@ var _useTableSelection = _interopRequireDefault(require("./utils/useTableSelecti
 
 var _Fullscreen = _interopRequireDefault(require("./components/ToolBar/Fullscreen"));
 
+var _EmptyContent = _interopRequireDefault(require("./components/EmptyContent"));
+
 var _form = require("../form");
 
 var _actions = require("../actions");
@@ -235,7 +237,7 @@ var ProTable = function ProTable(props) {
       setShowLoading = _useState20[1]; // 存储定时器 id
 
 
-  var autoRefreshTimerRef = (0, _react.useRef)(); // 获取header高度，用作全屏吸底吸顶高度计算
+  var autoRefreshTimerRef = (0, _react.useRef)(); // 获取header高度，用作全屏吸底吸底高度计算
 
   var getHeaderHeight = function getHeaderHeight() {
     var _tableDom$getElements, _tableDom$getElements2;
@@ -265,13 +267,35 @@ var ProTable = function ProTable(props) {
   var _useState23 = (0, _react.useState)(false),
       _useState24 = _slicedToArray(_useState23, 2),
       fullscreenState = _useState24[0],
-      setFullscreenState = _useState24[1];
+      setFullscreenState = _useState24[1]; // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
+
+
+  var _useState25 = (0, _react.useState)(false),
+      _useState26 = _slicedToArray(_useState25, 2),
+      footerSuctionState = _useState26[0],
+      setFooterSuctionState = _useState26[1];
   /** 筛选区域 form */
 
 
   var dataFilterForm = (0, _react.useMemo)(function () {
     return (0, _form.createForm)();
-  }, []); // rowSelection 相关
+  }, []); // 获取内容区是否超出一屏（仅支持全家桶）
+
+  var getFooterSuctionState = function getFooterSuctionState() {
+    var containerDom = document.querySelector('.teamix-pro-page-container');
+
+    if (containerDom) {
+      var offsetHeight = containerDom.offsetHeight;
+      var scrollHeight = containerDom.scrollHeight;
+
+      if (offsetHeight < scrollHeight) {
+        setFooterSuctionState(true);
+      } else {
+        setFooterSuctionState(false);
+      }
+    }
+  }; // rowSelection 相关
+
 
   var rowSelectionHook = (0, _useTableSelection.default)(_objectSpread(_objectSpread({}, propsRowSelection), {}, {
     // 当初始出现骨架屏的时候，不可选择
@@ -387,12 +411,19 @@ var ProTable = function ProTable(props) {
       return _request(params);
     },
     reset: function reset() {
-      (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset());
+      var _actionRef$current, _actionRef$current$se;
+
+      (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
+
+      (_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, {});
       dataFilterForm.reset();
       setCurrentPage(1);
 
       _request(_defineProperty({}, targetPageKey, 1));
     },
+    resetPage: function resetPage() {
+      setCurrentPage(1);
+    },
     clearRowSelection: function clearRowSelection() {
       rowSelectionHook.setSelectedRowKeys([]);
       rowSelectionHook.setSelectedRecords([]);
@@ -401,8 +432,11 @@ var ProTable = function ProTable(props) {
     pageInfo: {
       total: total,
       current: currentPage,
+      targetPageKey: targetPageKey,
+      targetPageSizeKey: targetPageSizeKey,
       pageSize: pageSize
     },
+    dataFilterForm: dataFilterForm,
     resetTableMaxBodyHeight: function resetTableMaxBodyHeight() {
       getHeaderHeight().then(function (height) {
         setHeaderHeight(height);
@@ -469,6 +503,11 @@ var ProTable = function ProTable(props) {
         });
       } else {
         onFormatResult(nextData);
+      } // 重新计算是否需要吸底
+
+
+      if (footerSuction) {
+        getFooterSuctionState();
       }
     },
     onError: function onError(error) {
@@ -478,12 +517,17 @@ var ProTable = function ProTable(props) {
         props.onError(error);
       } else {
         _components.Message.error(error.toString());
+      } // 重新计算是否需要吸底
+
+
+      if (footerSuction) {
+        getFooterSuctionState();
       }
     }
   }); // 请求函数
 
   function _request(params, noLoading) {
-    var _actionRef$current, _actionRef$current$se, _objectSpread2;
+    var _actionRef$current$ge, _actionRef$current2, _actionRef$current2$g, _objectSpread2;
 
     // 如果没有传 url 且没有 customRequest，直接返回
     if (!url && !customRequest) {
@@ -492,13 +536,15 @@ var ProTable = function ProTable(props) {
 
     var nextShowLoading = !noLoading;
     nextShowLoading !== showLoading && setShowLoading(nextShowLoading); // 请求前需要优先清空列过滤条件
+    // actionRef.current?.setFilterRules?.({});
 
-    (_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); // 筛选区请求参数
 
-    var dataFilterParams = toJS(dataFilterForm.values); // 格式化后的请求参数
+    var dataFilterParams = toJS(dataFilterForm.values); // 列过滤请求参数
 
-    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));
+    var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : (_actionRef$current2$g = _actionRef$current2.getFilterRules) === null || _actionRef$current2$g === void 0 ? void 0 : _actionRef$current2$g.call(_actionRef$current2)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {}; // 格式化后的请求参数
+
+    var requestData = formatParams(_objectSpread(_objectSpread({}, !showPagination ? _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dataFilterParams), propsParams), sortParams), columnsFilterParams) : _objectSpread(_objectSpread(_objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, targetPageKey, currentPage), _defineProperty(_objectSpread2, targetPageSizeKey, pageSize), _objectSpread2), dataFilterParams), propsParams), sortParams), columnsFilterParams)), params));
 
     if (requestData) {
       if (autoRefreshTimerRef.current) {
@@ -545,6 +591,15 @@ var ProTable = function ProTable(props) {
   }
 
   (0, _react.useEffect)(function () {
+    // 监听 浏览器变化 更吸底状态
+    if (footerSuction) {
+      getFooterSuctionState();
+
+      window.onresize = function () {
+        getFooterSuctionState();
+      };
+    }
+
     if (requestWhenMount) {
       _request();
     }
@@ -553,6 +608,10 @@ var ProTable = function ProTable(props) {
       if (autoRefreshTimerRef.current) {
         clearTimeout(autoRefreshTimerRef.current);
       }
+
+      if (window.onresize) {
+        window.onresize = null;
+      }
     };
   }, []);
 
@@ -568,9 +627,12 @@ var ProTable = function ProTable(props) {
   var dataFilter = _objectSpread(_objectSpread({}, propsDataFilter), {}, {
     onFilter: (0, _lodash.default)(function () {
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(_objectSpread({}, toJS(dataFilterForm.values))));
-      setCurrentPage(1);
 
-      _request(_defineProperty({}, targetPageKey, 1));
+      if (dataFilterForm.validate()) {
+        setCurrentPage(1);
+
+        _request(_defineProperty({}, targetPageKey, 1));
+      }
     }, filterDebounce),
     onReset: function onReset() {
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset());
@@ -616,6 +678,7 @@ var ProTable = function ProTable(props) {
         sort: sort,
         primaryKey: primaryKey,
         rowSelection: rowSelection,
+        emptyContent: /*#__PURE__*/_react.default.createElement(_EmptyContent.default, null),
         sortIcons: (0, _getTableSortIcons.default)(),
         fixedHeader: fullscreenState,
         // 102px 为 底部 50px + 空格10px + 顶部 24px padding
@@ -651,7 +714,7 @@ var ProTable = function ProTable(props) {
 
       return /*#__PURE__*/_react.default.createElement("div", {
         className: cls('footer-action')
-      }, /*#__PURE__*/_react.default.createElement(_actions.ActionGroup, _objectSpread(_objectSpread({}, targetFooterActions), {}, {
+      }, /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({}, targetFooterActions), {}, {
         context: _objectSpread(_objectSpread({}, defaultContext), targetFooterActions === null || targetFooterActions === void 0 ? void 0 : targetFooterActions.context)
       })));
     } else return footerAction;
@@ -679,7 +742,7 @@ var ProTable = function ProTable(props) {
         if (showSkeleton) {
           return /*#__PURE__*/_react.default.createElement("div", {
             className: cls('footer-left-wrapper')
-          }, /*#__PURE__*/_react.default.createElement(_skeleton.BaseSkeleton.Footer.Operation, null));
+          }, /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Footer.Operation, null));
         } else {
           return /*#__PURE__*/_react.default.createElement("div", {
             className: cls('footer-left-wrapper')
@@ -701,7 +764,7 @@ var ProTable = function ProTable(props) {
         })
       }, renderRowSelection(), /*#__PURE__*/_react.default.createElement("div", {
         className: cls('footer-right-wrapper')
-      }, showSkeleton ? /*#__PURE__*/_react.default.createElement(_skeleton.BaseSkeleton.Footer.Pagination, null) : /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread({
+      }, showSkeleton ? /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Footer.Pagination, null) : /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread({
         className: cls('pagination'),
         onChange: function onChange(number) {
           return onChangePagination(number);
@@ -733,7 +796,7 @@ var ProTable = function ProTable(props) {
     className: cls({
       '': true,
       fullscreen: fullscreenState,
-      'footer-suction': footerSuction
+      'footer-suction': footerSuctionState && footerSuction
     }),
     ref: tableRef
   }, renderTable(), renderFooter()));

package/lib/table/index.scss

@@ -104,3 +104,7 @@ $fullscreenPadding: 24px;
     z-index: 2;
   }
 }
+
+.next-table-empty {
+  --table-empty-padding: 48px;
+}

package/lib/table/typing.d.ts

@@ -2,19 +2,19 @@
  * ProTable 类型定义
  */
 import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
-import { IProFieldType, IProFieldFormatterProps, IProFieldOptionItem } from '../field';
+import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } from '../field';
 import { IFilterProps } from '../form';
-import { ActionGroupProps, IActionButton } from '../actions';
+import { ActionGroupProps, ProActionButtonProps } from '../actions';
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
 import { HeaderProps as ProTableHeaderProps } from '@teamix/utils';
 import { Method } from 'axios';
 import React from 'react';
 import type { Form as FormType } from '@formily/core';
-declare type IFieldRenderProps = keyof IProFieldFormatterProps;
+declare type IFieldRenderProps = keyof ProFieldRenderProps;
 /** 列record函数 */
 declare type ProTableCellFunProp = (value: any, index: number, record: any) => any;
 declare type ITableCellRender = {
-    [key in IFieldRenderProps]?: IProFieldFormatterProps[key] | ProTableCellFunProp;
+    [key in IFieldRenderProps]?: ProFieldRenderProps[key] | ProTableCellFunProp;
 } | ((...other: any) => React.ReactNode);
 declare type TDataService = {
     /** 翻页器总数 */
@@ -22,7 +22,7 @@ declare type TDataService = {
     /** 表格数据 */
     data?: any;
 };
-export declare type ProColumnProps = {
+export declare type ProTableColumnProps = {
     /**
      * 会在 title 之后展示一个 icon，hover 之后提示一些信息
      */
@@ -32,7 +32,7 @@ export declare type ProColumnProps = {
      */
     tooltipIcon?: React.ReactNode;
     /** 对应 ProField 里面的 type */
-    valueType?: IProFieldType;
+    valueType?: ProFieldType;
     /** 【列配置】是否默认隐藏列 */
     columnFilters?: boolean;
     /** 【列配置】是否禁用隐藏列 */
@@ -40,13 +40,15 @@ export declare type ProColumnProps = {
     /** 渲染单元格内容字段 */
     render?: ITableCellRender;
     /** 枚举值 */
-    dataSource?: IProFieldOptionItem[] | ProTableCellFunProp;
+    dataSource?: ProFieldDataSourceItem[] | ProTableCellFunProp;
     /** 表头的过滤菜单项，当值为 true 时，自动使用 dataSource 生成 */
     filters?: boolean | ProTableColumnsFilterItemProps[];
     /** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
     filtersMode?: 'single' | 'multiple';
     /** 表头的过滤菜单项在搜索之前的参数操作 */
     beforeFilter?: (rules: string[]) => string;
+    /** 表头的过滤菜单宽度 */
+    filtersWidth?: string | number;
     /** 操作组配置 */
     actionSchema?: ActionGroupProps;
     /** 指定列对应的字段，支持`a.b`形式的快速取值 和 数组取值 */
@@ -54,9 +56,10 @@ export declare type ProColumnProps = {
     /** 指定 valueType 为日期时间格式时，可以格式化日期时间 */
     format?: string;
 } & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
+export declare type ProColumnProps = ProTableColumnProps;
 export declare type ProTableProps = {
     /** ProColums 定义，取代 Table 的 columns */
-    columns: ProColumnProps[];
+    columns: ProTableColumnProps[];
     /** 请求地址 */
     url?: string;
     /** 请求方法 */
@@ -161,7 +164,15 @@ export declare type ProTableActionType = {
         current?: number;
         /** 每页数据量 */
         pageSize?: number;
+        /** 翻页页数的请求参数名*/
+        targetPageKey?: string;
+        /** 翻页单页数量的请求参数名 */
+        targetPageSizeKey?: string;
     };
+    /** 重置翻页器为1，不发送请求 */
+    resetPage?: () => void;
+    /** 获取数据过滤区表单实例 */
+    dataFilterForm?: FormType;
 } & ProTableActionTypeMutations;
 /** action State 定义 */
 export declare type ProTableActionTypeMutations = {
@@ -175,6 +186,8 @@ export declare type ProTableActionTypeMutations = {
     off?: (...args: any) => void;
     /** 设置 列 过滤规则 */
     setFilterRules?: (rules: ProTableColumnsFilterRulesItem) => void;
+    /** 获取 列 过滤规则 */
+    getFilterRules?: () => object;
     /** 重新计算表格maxHeight高度 */
     resetTableMaxBodyHeight?: () => void;
 };
@@ -183,7 +196,7 @@ export declare type ProTableActionTypeState = {
     fullScreenState: boolean;
     filterRules: ProTableColumnsFilterRulesItem;
 };
-export declare type dataFilterProps = {
+export declare type ProTableDataFilterProps = {
     /** 展示形式 */
     mode?: 'inline' | 'panel';
     /** mode='panel' 时是否默认展开 */
@@ -193,25 +206,27 @@ export declare type dataFilterProps = {
     /** 搜索时是否传入值为空字符串的参数，默认不传 */
     searchEmptyString?: boolean;
 } & IFilterProps;
+export declare type dataFilterProps = ProTableDataFilterProps;
 export declare type ProTableTopAreaProps = {
     /** 标题区 */
     header?: ProTableHeaderProps;
     /** 主操作区 */
     mainAction?: ActionGroupProps | React.ReactNode;
     /** 工具栏区 */
-    toolBar?: boolean | toolBarItem[];
+    toolBar?: boolean | ProTableToolBarItem[];
     /** 快捷操作区 */
-    extra?: IActionButton | React.ReactNode | React.ReactNode[];
+    extra?: ProActionButtonProps | React.ReactNode | React.ReactNode[];
     /** 数据过滤区 */
-    dataFilter?: dataFilterProps;
+    dataFilter?: ProTableDataFilterProps;
     /** 数据过滤区 form 表单模型 */
     dataFilterForm?: FormType;
 };
 /** 单个工具栏 */
-declare type toolBarItem = React.ReactNode | 'refresh' | 'density' | 'filterColumn' | 'fullscreen';
+export declare type ProTableToolBarItem = React.ReactNode | 'refresh' | 'density' | 'filterColumn' | 'fullscreen';
+export declare type toolBarItem = ProTableToolBarItem;
 export declare type ProTableLayoutProps = {
     actionRef: React.MutableRefObject<ProTableActionType | undefined>;
-    columns?: ProColumnProps[];
+    columns?: ProTableColumnProps[];
     rowSelection?: innerRowSelectionType | rowSelectionType;
 } & ProTableTopAreaProps;
 /** columns 列过滤 */

package/lib/table/utils/columnRender.d.ts

@@ -2,12 +2,12 @@
  * 渲染列的逻辑函数
  */
 import React from 'react';
-import { ProColumnProps, ProTableActionType } from '../typing';
+import { ProTableColumnProps, ProTableActionType } from '../typing';
 /**
  * 增加了 icon 的功能 render title
  */
-export declare const renderColumnsTitle: (item: ProColumnProps, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;
+export declare const renderColumnsTitle: (item: ProTableColumnProps, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;
 /**
  * 负责单元格的具体渲染
  */
-export declare const renderCell: (value: any, item: ProColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;
+export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any, actionRef: React.MutableRefObject<ProTableActionType | undefined>) => JSX.Element;

package/lib/table/utils/columnRender.js

@@ -106,7 +106,7 @@ var renderCell = function renderCell(value, item, index, record, actionRef) {
       record: record,
       action: actionRef.current
     };
-    return /*#__PURE__*/_react.default.createElement(_actions.ActionGroup, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread({
       type: "text"
     }, actionSchema), {}, {
       context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)

package/lib/table/utils/genProColumnToColumn.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ProColumnProps, ProTableActionType } from '../typing';
+import { ProTableColumnProps, ProTableActionType } from '../typing';
 import { ColumnProps } from '@alicloudfe/components/types/table';
 /**
  * ProColumn => Column
  */
-export default function genProColumnToColumn(columns: ProColumnProps[], 
+export default function genProColumnToColumn(columns: ProTableColumnProps[], 
 /** 是否渲染骨架屏 */
 showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>): ColumnProps[];

package/lib/table/utils/genProColumnToColumn.js

@@ -41,9 +41,9 @@ showSkeleton, actionRef) {
         filters: undefined,
         sortable: false,
         dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
-        title: /*#__PURE__*/_react.default.createElement(_skeleton.BaseSkeleton.Table.TH, null),
+        title: /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Table.TH, null),
         cell: function cell() {
-          return /*#__PURE__*/_react.default.createElement(_skeleton.BaseSkeleton.Table.TD, null);
+          return /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Table.TD, null);
         }
       });
     }

package/lib/table/utils/index.js

@@ -56,6 +56,28 @@ var mutations = {
     state.filterRules = rules;
   },
 
+  /**
+   * 获取筛选规则。为params
+   */
+  getFilterRules: function getFilterRules() {
+    var result = {};
+
+    if (state.filterRules) {
+      result = Object.entries(state.filterRules).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            k = _ref2[0],
+            v = _ref2[1];
+
+        return _defineProperty({}, k, v.params);
+      }).reduce(function (acc, cur) {
+        acc = _objectSpread(_objectSpread({}, acc), cur);
+        return acc;
+      }, {});
+    }
+
+    return result;
+  },
+
   /**
    * 绑定监听函数
    * @param fun 监听函数
@@ -66,14 +88,14 @@ var mutations = {
     callback[state][name] = fun;
   },
   off: function off(name) {
-    callback = Object.fromEntries(Object.entries(callback).map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          k = _ref2[0],
-          v = _ref2[1];
+    callback = Object.fromEntries(Object.entries(callback).map(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+          k = _ref5[0],
+          v = _ref5[1];
 
-      var filterV = Object.fromEntries(Object.entries(v).filter(function (_ref3) {
-        var _ref4 = _slicedToArray(_ref3, 1),
-            k = _ref4[0];
+      var filterV = Object.fromEntries(Object.entries(v).filter(function (_ref6) {
+        var _ref7 = _slicedToArray(_ref6, 1),
+            k = _ref7[0];
 
         return k !== name;
       }));
@@ -88,10 +110,10 @@ var useOn = function useOn(state) {
   }
 
   if (callback[state]) {
-    Object.entries(callback[state]).forEach(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 2),
-          k = _ref6[0],
-          v = _ref6[1];
+    Object.entries(callback[state]).forEach(function (_ref8) {
+      var _ref9 = _slicedToArray(_ref8, 2),
+          k = _ref9[0],
+          v = _ref9[1];
 
       if (v) {
         v === null || v === void 0 ? void 0 : v.apply(void 0, args);

package/lib/templates/List/index.d.ts

@@ -1,8 +1,8 @@
 import { PageProps } from '../../page-container';
-import { PageHeaderProps } from '../../page-header';
+import { ProPageHeaderProps } from '../../page-header';
 import { ProTableProps } from '../../table';
 export declare type ListPageProps = PageProps<{
-    header: PageHeaderProps;
+    header: ProPageHeaderProps;
     content: ProTableProps;
 }>;
 export declare const ListPage: (props: ListPageProps) => JSX.Element;

package/lib/utils/message.d.ts

@@ -0,0 +1,3 @@
+import { MessageProps } from '@alicloudfe/components/types/message';
+export declare type ProMessageProps = MessageProps | string;
+export declare const renderProMessage: (message: ProMessageProps) => JSX.Element;

package/lib/utils/message.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderProMessage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _components = require("@alicloudfe/components");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+var renderProMessage = function renderProMessage(message) {
+  if (typeof message === 'string') {
+    return /*#__PURE__*/_react.default.createElement(_components.Message, {
+      type: "notice"
+    }, message);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_components.Message, _objectSpread({
+    type: "notice"
+  }, message));
+};
+
+exports.renderProMessage = renderProMessage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamix/pro",
-  "version": "1.1.37",
+  "version": "1.2.0",
   "description": "TeamixPro大包",
   "repository": "http://gitlab.alibaba-inc.com/teamix/pro",
   "author": "Velociraptor(迅猛龙)",
@@ -22,9 +22,9 @@
   ],
   "private": false,
   "dependencies": {
-    "@formily/core": "2.0.0-rc.20",
-    "@formily/react": "2.0.0-rc.20",
-    "@teamix/formily": "2.0.0-rc.20",
+    "@formily/core": "2.0.2",
+    "@formily/react": "2.0.2",
+    "@teamix/formily": "2.0.2",
     "@teamix/hooks": "^0.1.0",
     "@teamix/pop-confirm": "^1.2.2",
     "@teamix/pro-field": "^1.0.0",

package/es/form/Components/Search/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface ISearchPanelProps {
-    title?: React.ReactNode;
-    className?: string;
-}
-declare type ISearchPanel = React.FC<ISearchPanelProps>;
-declare type ISearch = React.FC<any> & {
-    SearchPanel?: ISearchPanel;
-};
-declare const Search: ISearch;
-export default Search;

package/es/form/Components/Search/index.js

@@ -1,89 +0,0 @@
-var _excluded = ["children"];
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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; }
-
-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 React from 'react';
-import cls from 'classnames';
-import { observer, useFieldSchema, useField, RecursionField } from '@formily/react';
-import { Input } from '@alicloudfe/components';
-import { usePrefixCls } from '@teamix/utils';
-
-var usePanels = function usePanels() {
-  var searchField = useField();
-  var schema = useFieldSchema();
-  var panels = [];
-  schema.mapProperties(function (schema, name) {
-    var _schema$xComponent;
-
-    var field = searchField.query(searchField.address.concat(name)).take();
-    if ((field === null || field === void 0 ? void 0 : field.display) === 'none' || (field === null || field === void 0 ? void 0 : field.display) === 'hidden') return;
-
-    if (((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('SearchPanel')) > -1) {
-      var _schema$xComponentP, _schema$xComponentP2;
-
-      panels.push({
-        name: name,
-        props: _objectSpread(_objectSpread({}, schema === null || schema === void 0 ? void 0 : schema['x-component-props']), {}, {
-          title: (schema === null || schema === void 0 ? void 0 : (_schema$xComponentP = schema['x-component-props']) === null || _schema$xComponentP === void 0 ? void 0 : _schema$xComponentP.title) || (schema === null || schema === void 0 ? void 0 : schema.title),
-          key: (schema === null || schema === void 0 ? void 0 : (_schema$xComponentP2 = schema['x-component-props']) === null || _schema$xComponentP2 === void 0 ? void 0 : _schema$xComponentP2.key) || name
-        }),
-        schema: schema
-      });
-    }
-  });
-  return panels;
-};
-
-var Search = observer(function (_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var prefixCls = usePrefixCls('formily-group');
-  var panels = usePanels().map(function (_ref2, index) {
-    var props = _ref2.props,
-        schema = _ref2.schema,
-        name = _ref2.name;
-    return /*#__PURE__*/React.createElement(RecursionField, {
-      key: index,
-      schema: schema,
-      name: name
-    });
-  });
-  var first = null;
-  var middle = null;
-  var last = null;
-
-  if (panels.length > 1) {
-    first = panels[0];
-    middle = panels.slice(1, panels.length);
-
-    if (panels.length > 2) {
-      middle = panels.slice(1, panels.length - 1);
-      last = panels[panels.length - 1];
-    }
-  } else {
-    middle = panels;
-  }
-
-  return /*#__PURE__*/React.createElement(Input.Group, _objectSpread(_objectSpread({}, props), {}, {
-    className: cls(prefixCls, props.className),
-    addonBefore: first,
-    addonAfter: last
-  }), middle);
-});
-
-var SearchPanel = function SearchPanel(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-
-Search.SearchPanel = SearchPanel;
-export default Search;