@teamix/pro 1.1.30 → 1.1.34

package/es/index.js

@@ -25,6 +25,6 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
-var version = '1.1.29';
+var version = '1.1.33';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils };

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

@@ -86,9 +86,11 @@ var Filter = function Filter(props) {
 
   var renderSingle = function renderSingle() {
     return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref3) {
+      var _value$toString;
+
       var label = _ref3.label,
           value = _ref3.value;
-      var valueStr = value.toString();
+      var valueStr = (_value$toString = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString !== void 0 ? _value$toString : '';
       return /*#__PURE__*/React.createElement(RadioItem, {
         id: valueStr,
         checked: selected.includes(valueStr),
@@ -103,9 +105,11 @@ var Filter = function Filter(props) {
 
   var renderMultiple = function renderMultiple() {
     return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref4) {
+      var _value$toString2;
+
       var label = _ref4.label,
           value = _ref4.value;
-      var valueStr = value.toString();
+      var valueStr = (_value$toString2 = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString2 !== void 0 ? _value$toString2 : '';
       return /*#__PURE__*/React.createElement(CheckboxItem, {
         key: valueStr,
         checked: selected.includes(valueStr),

package/es/table/index.js

@@ -624,9 +624,12 @@ var ProTable = function ProTable(props) {
     }
 
     function onChangePaginationSize(currentPageSize) {
+      var _request5;
+
       setPageSize(currentPageSize);
+      setCurrentPage(1);
 
-      _request(_defineProperty({}, targetPageSizeKey, currentPageSize));
+      _request((_request5 = {}, _defineProperty(_request5, targetPageSizeKey, currentPageSize), _defineProperty(_request5, targetPageKey, 1), _request5));
     }
 
     function renderRowSelection() {

package/es/table/typing.d.ts

@@ -11,8 +11,10 @@ import { Method } from 'axios';
 import React from 'react';
 import type { Form as FormType } from '@formily/core';
 declare type IFieldRenderProps = keyof IProFieldFormatterProps;
+/** 列record函数 */
+declare type ProTableCellFunProp = (value: any, index: number, record: any) => any;
 declare type ITableCellRender = {
-    [key in IFieldRenderProps]?: IProFieldFormatterProps[key] | ((...props: any) => void);
+    [key in IFieldRenderProps]?: IProFieldFormatterProps[key] | ProTableCellFunProp;
 } | ((...other: any) => React.ReactNode);
 declare type TDataService = {
     /** 翻页器总数 */
@@ -31,14 +33,14 @@ export declare type ProColumnProps = {
     tooltipIcon?: React.ReactNode;
     /** 对应 ProField 里面的 type */
     valueType?: IProFieldType;
-    /** 是否默认隐藏列 */
+    /** 【列配置】是否默认隐藏列 */
     columnFilters?: boolean;
-    /** 是否禁用隐藏列 */
+    /** 【列配置】是否禁用隐藏列 */
     columnFiltersDisabled?: boolean;
     /** 渲染单元格内容字段 */
     render?: ITableCellRender;
     /** 枚举值 */
-    dataSource?: IProFieldOptionItem[];
+    dataSource?: IProFieldOptionItem[] | ProTableCellFunProp;
     /** 表头的过滤菜单项，当值为 true 时，自动使用 dataSource 生成 */
     filters?: boolean | ProTableColumnsFilterItemProps[];
     /** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
@@ -49,6 +51,8 @@ export declare type ProColumnProps = {
     actionSchema?: ActionGroupProps;
     /** 指定列对应的字段，支持`a.b`形式的快速取值 和 数组取值 */
     dataIndex?: string | string[];
+    /** 指定 valueType 为日期时间格式时，可以格式化日期时间 */
+    format?: string;
 } & Omit<ColumnProps, 'filters' | 'dataIndex' | 'filtersMode'>;
 export declare type ProTableProps = {
     /** ProColums 定义，取代 Table 的 columns */

package/es/table/utils/columnRender.js

@@ -57,7 +57,8 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
       valueType = _item$valueType === void 0 ? 'text' : _item$valueType,
       render = item.render,
       actionSchema = item.actionSchema,
-      dataIndex = item.dataIndex; // 如果没传 dataIndex，返回 null
+      dataIndex = item.dataIndex,
+      format = item.format; // 如果没传 dataIndex，返回 null
 
   if (!dataIndex) {
     value = null;
@@ -72,7 +73,8 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
     });
   }
 
-  var newRender = null; // 如果 render 直接传函数
+  var newRender = null;
+  var newDataSource = null; // 如果 render 直接传函数
 
   if (typeof render === 'function') {
     newRender = function newRender() {
@@ -96,6 +98,29 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
     }, actionSchema), {}, {
       context: _objectSpread(_objectSpread({}, defaultContext), actionSchema.context)
     }));
+  } // dataSource可传函数
+
+
+  if (typeof item.dataSource === 'function') {
+    var _item$dataSource;
+
+    newDataSource = (_item$dataSource = item.dataSource) === null || _item$dataSource === void 0 ? void 0 : _item$dataSource.call(item, value, index, record);
+  } else {
+    var _item$dataSource2;
+
+    newDataSource = ((_item$dataSource2 = item.dataSource) !== null && _item$dataSource2 !== void 0 ? _item$dataSource2 : []).map(function (item) {
+      return Object.fromEntries(Object.entries(item).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            k = _ref2[0],
+            v = _ref2[1];
+
+        return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
+          record: record,
+          value: value,
+          index: index
+        }))];
+      }));
+    });
   } // 渲染 ProField
 
 
@@ -103,7 +128,8 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
     type: valueType || 'text',
     value: value,
     render: newRender,
-    dataSource: item.dataSource
+    dataSource: newDataSource,
+    format: format
   });
 };
 /**
@@ -121,10 +147,10 @@ var processRenderFunction = function processRenderFunction() {
   var index = arguments.length > 2 ? arguments[2] : undefined;
   var record = arguments.length > 3 ? arguments[3] : undefined;
   var external = ['linkOnClick', 'link', 'value'];
-  return Object.fromEntries(Object.entries(render).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        k = _ref2[0],
-        v = _ref2[1];
+  return Object.fromEntries(Object.entries(render).map(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+        k = _ref4[0],
+        v = _ref4[1];
 
     if (typeof v === 'function') {
       var _v;
@@ -159,10 +185,11 @@ var processBuriedPoint = function processBuriedPoint() {
   var value = arguments.length > 2 ? arguments[2] : undefined;
   var index = arguments.length > 3 ? arguments[3] : undefined;
   return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
-  ['ellipsis', true], ['descriptionEllipsis', true]].concat(_toConsumableArray(Object.entries(render).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        k = _ref4[0],
-        v = _ref4[1];
+  // emptyText 默认为 '-'
+  ['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        k = _ref6[0],
+        v = _ref6[1];
 
     return [k, getTargetValue(v, _objectSpread(_objectSpread({}, record), {}, {
       record: record,

package/lib/actions/index.js

@@ -156,16 +156,18 @@ var useAction = function useAction(config, context) {
 
 exports.useAction = useAction;
 
-var buttonContent = function buttonContent(content, iconType, iconSize) {
+var buttonContent = function buttonContent(content, iconType, iconSize, context) {
+  var renderedContent = typeof content === 'function' ? content(context) : content;
+
   if (!iconType) {
-    return content;
+    return renderedContent;
   }
 
   return [/*#__PURE__*/_react.default.createElement(_icon.default, {
     type: iconType,
     size: iconSize,
     key: "teamix-button-icon"
-  }), content];
+  }), renderedContent];
 };
 
 var ActionButton = function ActionButton(props) {
@@ -189,7 +191,7 @@ var ActionButton = function ActionButton(props) {
   }) : _objectSpread(_objectSpread({}, actionProps), others);
   return /*#__PURE__*/_react.default.createElement(_components.Button, _objectSpread({
     type: type
-  }, buttonProps), buttonContent(children, icon, iconSize));
+  }, buttonProps), buttonContent(children, icon, iconSize, context));
 };
 
 exports.ActionButton = ActionButton;
@@ -210,7 +212,7 @@ function renderMenuButtonItem(item, key, context) {
   }) : _objectSpread({}, menuItemProps);
   return /*#__PURE__*/_react.default.createElement(_components.MenuButton.Item, _objectSpread({
     key: key
-  }, buttonProps), buttonContent(item.children, item.icon));
+  }, buttonProps), buttonContent(item.children, item.icon, undefined, context));
 }
 
 function renderCommonActionButtonMenuItem(action, key, context) {
@@ -246,8 +248,11 @@ var ActionMenuButton = function ActionMenuButton(props) {
       mode: 'popup',
       triggerType: 'hover'
     },
+    popupProps: {
+      shouldUpdatePosition: true
+    },
     type: type,
-    label: buttonContent(label || children, icon, iconSize)
+    label: buttonContent(label || children, icon, iconSize, context)
   }, others), actions.map(function (action, i) {
     return renderCommonActionButtonMenuItem(action, i, context);
   }));
@@ -295,7 +300,7 @@ function renderCommonActionButton(button, context, isTypeText) {
 function getDefaultMoreButton(type, moreText) {
   if (type === 'button') {
     return {
-      label: moreText || '更多'
+      label: moreText || (0, _utils.getMessage)('more')
     };
   }
 

package/lib/actions/link.d.ts

@@ -1,6 +1,6 @@
-import { LinkPath } from '@teamix/utils';
+import { LocationHistory } from '@teamix/utils';
 import { BaseAction } from './base';
-export interface LinkAction extends BaseAction, LinkPath {
+export interface LinkAction extends BaseAction, LocationHistory {
 }
 export declare function useLinkAction(action: LinkAction, context?: any): {
     [x: string]: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;

package/lib/form/Components/FormGroup/index.scss

@@ -1,4 +1,4 @@
-@import '~@alifd/next/lib/core/index-noreset.scss';
+@import '../../global.scss';
 
 $formily-group: #{$css-prefix}formily-group;
 

package/lib/form/Components/ProField/index.d.ts

@@ -143,6 +143,10 @@ declare const _default: React.ForwardRefExoticComponent<(Partial<import("@teamix
     type: "tagFilter";
 } & {
     children?: React.ReactNode;
+}> | Partial<import("@teamix/pro-field/lib/components/FieldTagFilter").IProFieldMultipleTagFilter & {
+    type: "multipleTagPicker";
+} & {
+    children?: React.ReactNode;
 }> | Partial<import("@teamix/pro-field/lib/components/FieldMenuSelect").IProFieldMenuSelect & {
     type: "menuSelect";
 } & {

package/lib/form/Components/Query/index.scss

@@ -1,9 +1,4 @@
-@import '~@alifd/next/lib/core/index-noreset.scss';
-
-$form-item-cls: #{$css-prefix}formily-item;
-$noborder-font-weight-medium: calc(
-  var(--form-element-medium-height, 32px) - var(--input-border-width, 1px) * 2
-);
+@import '../../global.scss';
 
 // Query样式
 .#{$css-prefix}filter {

package/lib/form/Components/Text/index.scss

@@ -1,6 +1,8 @@
-$teamix-pro-form: teamix-pro-form;
+@import '../../global.scss';
 
-.#{$teamix-pro-form}-text {
+$teamix-pro-form-text: #{$teamix-pro-form}-text;
+
+.#{$teamix-pro-form-text} {
   line-height: var(--form-element-medium-height, 32px);
   color: var(--color-fill1-6, #848484);
 }

package/lib/form/ProForm/index.js

@@ -98,7 +98,7 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     form.addEffects('onChange', function () {
       (0, _core.onFormValuesChange)(function (form) {
         if (onChange) {
-          onChange((0, _reactive.toJS)(form.values), (0, _utils2.getDisplayValues)(form, form.values));
+          onChange((0, _reactive.toJS)(form.values));
         }
       });
     });

package/lib/form/ProForm/index.scss

@@ -1,14 +1,11 @@
-@import '~@alifd/next/lib/core/index-noreset.scss';
-
-$form-item-cls: #{$css-prefix}formily-item;
-$teamix-pro-form: teamix-pro-form;
+@import '../global.scss';
 
 // FormItem 样式重写
 .#{$form-item-cls} {
   // 标签加粗 主题颜色
   .#{$form-item-cls}-label label {
     color: var(--form-label-color, #333333);
-    font-weight: $font-weight-medium;
+    font-weight: var(--font-weight-medium, 500);
   }
 
   // 溢出label样式
@@ -126,10 +123,6 @@ $teamix-pro-form: teamix-pro-form;
   }
 }
 
-// 内嵌模式
-$inset-font-weight-medium: calc(
-  var(--form-element-medium-height, 32px) - var(--input-border-width, 1px) * 2
-);
 // 内嵌模式 - 行高
 .#{$form-item-cls}-inset {
   line-height: $inset-font-weight-medium;
@@ -155,7 +148,7 @@ $inset-font-weight-medium: calc(
     .#{$form-item-cls}-label-content {
       label {
         color: var(--color-text1-8, #848484);
-        font-weight: $font-weight-2;
+        font-weight: normal;
       }
     }
     .#{$form-item-cls}-colon {
@@ -193,7 +186,7 @@ $inset-font-weight-medium: calc(
 
 // Editable预览态行高
 .#{$css-prefix}formily-editable-content {
-  line-height: $s-8;
+  line-height: var(--form-element-medium-height, 32px);
 }
 
 // 折叠面板

package/lib/form/ProForm/useFormDisplayValues.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 获取表单值的可显示值
+ * @returns 如果某字段有dataSource，则返回value对应label
+ */
+declare const useFormDisplayValues: () => any;
+export default useFormDisplayValues;

package/lib/form/ProForm/useFormDisplayValues.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@formily/react");
+
+var _utils = require("@teamix/utils");
+
+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; }
+
+/**
+ * 获取表单值的可显示值
+ * @returns 如果某字段有dataSource，则返回value对应label
+ */
+var useFormDisplayValues = function useFormDisplayValues() {
+  var form = (0, _react.useForm)();
+  var values = form.values; // 判断值的类型，递归获取每个值在该结构中的完整路径
+
+  var getDisplayValues = function getDisplayValues(values) {
+    var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var displayValues;
+
+    if ((0, _utils.isPlainObj)(values)) {
+      displayValues = {};
+      Object.entries(values).forEach(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            key = _ref2[0],
+            value = _ref2[1];
+
+        var path = prefix ? "".concat(prefix, ".").concat(key) : "".concat(key);
+        displayValues[key] = getDisplayValues(value, path);
+      });
+    } else if ((0, _utils.isArr)(values)) {
+      displayValues = [];
+      values.map(function (value, index) {
+        var path = prefix ? "".concat(prefix, ".").concat(index) : "".concat(index);
+        displayValues[index] = getDisplayValues(value, path);
+      });
+    } else {
+      // 通过值的完整路径获取字段address（从form实例的indexes中），然后获取该字段的value在该字段dataSource中对应的label
+      var address = form.indexes[prefix];
+      var field = form.query(address).take();
+      displayValues = (0, _utils.getValueByValue)(field === null || field === void 0 ? void 0 : field.dataSource, values) || values;
+    }
+
+    return displayValues;
+  }; // 测试样例
+  // const example = {
+  //   a: [
+  //     [{ b: 'a.0.0.b', c: 'a.0.0.c' }, { d: 'a.0.1.d' }],
+  //     { e: [{ f: { g: [{ h: 'a.1.e.0.f.g.0.h' }] } }, 'a.1.e.1'] },
+  //   ],
+  // };
+  // console.log(getDisplayValues(example));
+
+
+  return getDisplayValues(values);
+};
+
+var _default = useFormDisplayValues;
+exports.default = _default;

package/lib/form/SchemaForm/adapterType.js

@@ -48,7 +48,8 @@ var typeMap = (_typeMap = {
   ColorRadio: 'string',
   IconPicker: 'string',
   JsonInput: 'object',
-  TagPicker: 'array',
+  TagPicker: 'string',
+  MultipleTagPicker: 'array',
   Range: 'string',
   Search: 'array',
   ArrayCollapse: 'array',

package/lib/form/SchemaForm/index.js

@@ -35,6 +35,8 @@ var _adapterDecorator = _interopRequireDefault(require("./adapterDecorator"));
 
 var _initializeRequest2 = _interopRequireDefault(require("./initializeRequest"));
 
+var _initializeReactions = _interopRequireDefault(require("./initializeReactions"));
+
 var _initializeDataSource2 = _interopRequireDefault(require("./initializeDataSource"));
 
 var _initializeRules2 = _interopRequireDefault(require("./initializeRules"));
@@ -255,21 +257,10 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
 
       var _initializeRules = (0, _initializeRules2.default)(rules),
           defaultRules = _initializeRules.rules,
-          rulesScope = _initializeRules.scope; // 合并reactions
-
-
-      var mergedReactions = function () {
-        var innerReactions = [].concat(_toConsumableArray(requestReactions), _toConsumableArray(dataSourceReactions));
-
-        if (reactions && innerReactions.length) {
-          return (0, _utils.mergeArrayValue)(innerReactions, reactions);
-        } else if (innerReactions.length) {
-          return innerReactions;
-        }
+          rulesScope = _initializeRules.scope; // 合并reactions，初始化reactions
 
-        return reactions;
-      }(); // 合并scope
 
+      var defaultReactions = (0, _initializeReactions.default)(reactions, [].concat(_toConsumableArray(requestReactions), _toConsumableArray(dataSourceReactions))); // 合并scope
 
       Object.entries(_objectSpread(_objectSpread(_objectSpread({}, requestScope), dataSourceScope), rulesScope)).map(function (_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
@@ -284,7 +275,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
         decorator: defaultDecorator,
         decoratorProps: defaultDecoratorProps,
         rules: defaultRules,
-        reactions: mergedReactions,
+        reactions: defaultReactions,
         dataSource: defaultDataSource
       })); // 递归子组件
 

package/lib/form/SchemaForm/initializeProField.js

@@ -52,6 +52,7 @@ var proFieldTypeMap = {
   IconPicker: 'icon',
   JsonInput: 'json',
   TagPicker: 'tagPicker',
+  MultipleTagPicker: 'multipleTagPicker',
   Range: 'range',
   Search: 'search' // Upload: 'upload',
 

package/lib/form/SchemaForm/initializeReactions.d.ts

@@ -0,0 +1,2 @@
+declare const initializeReactions: (reactions: any, innerReactions: any) => any;
+export default initializeReactions;

package/lib/form/SchemaForm/initializeReactions.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = require("@teamix/utils");
+
+var _utils2 = require("../utils");
+
+var _schemaNameMap = _interopRequireDefault(require("../schemaNameMap"));
+
+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; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var mapSchemaName = function mapSchemaName(schema) {
+  if ((0, _utils.isPlainObj)(schema)) {
+    var newSchema = {};
+    Object.entries(schema).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          value = _ref2[1];
+
+      var _key$split = key.split('.'),
+          _key$split2 = _toArray(_key$split),
+          firstKey = _key$split2[0],
+          otherKey = _key$split2.slice(1);
+
+      var newFirstKey = (0, _utils.getValueByValue)(_schemaNameMap.default, firstKey, {
+        inputKey: 'proForm',
+        outputKey: 'formily'
+      }) || firstKey;
+      var newKey = [newFirstKey].concat(_toConsumableArray(otherKey)).join('.');
+      newSchema[newKey] = value;
+    });
+    return newSchema;
+  }
+
+  return schema;
+};
+
+var initializeReactions = function initializeReactions(reactions, innerReactions) {
+  var temp = innerReactions; // 合并reactions
+
+  if (reactions) {
+    temp = (0, _utils2.mergeArrayValue)(innerReactions, reactions);
+  } // schema名称映射，由ProFormSchema映射为formilySchema
+
+
+  temp = temp.map(function (item) {
+    var _item$fulfill, _item$otherwise;
+
+    var fulfillSchema = mapSchemaName(item === null || item === void 0 ? void 0 : (_item$fulfill = item.fulfill) === null || _item$fulfill === void 0 ? void 0 : _item$fulfill.schema);
+    var otherwiseSchema = mapSchemaName(item === null || item === void 0 ? void 0 : (_item$otherwise = item.otherwise) === null || _item$otherwise === void 0 ? void 0 : _item$otherwise.schema);
+
+    if (fulfillSchema || otherwiseSchema) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        fulfill: _objectSpread(_objectSpread({}, item === null || item === void 0 ? void 0 : item.fulfill), {}, {
+          schema: fulfillSchema
+        }),
+        otherwise: _objectSpread(_objectSpread({}, item === null || item === void 0 ? void 0 : item.otherwise), {}, {
+          schema: otherwiseSchema
+        })
+      });
+    }
+
+    return item;
+  });
+  return temp;
+};
+
+var _default = initializeReactions;
+exports.default = _default;

package/lib/form/global.scss

@@ -0,0 +1,12 @@
+@import '~@alicloudfe/components/lib/common-var.scss';
+
+$form-item-cls: #{$css-prefix}formily-item;
+$teamix-pro-form: teamix-pro-form;
+
+$inset-font-weight-medium: calc(
+  var(--form-element-medium-height, 32px) - var(--input-border-width, 1px) * 2
+);
+
+$noborder-font-weight-medium: calc(
+  var(--form-element-medium-height, 32px) - var(--input-border-width, 1px) * 2
+);

package/lib/form/index.d.ts

@@ -13,10 +13,10 @@ export * as formilyTeamix from '@teamix/formily';
  * 导出常用formily内容，需谨慎限制
  */
 import { createForm, registerValidateRules as registerRules, registerValidateFormats as registerFormats, registerValidateLocale, setValidateLanguage } from '@formily/core';
-import { FormConsumer } from '@formily/react';
+import { FormConsumer, useForm } from '@formily/react';
 import { FormDialog, FormDrawer, FormStep, FormTab, FormCollapse } from '@teamix/formily';
-import { getDisplayValues } from './utils';
-export { createForm, FormConsumer, FormDialog, FormDrawer, FormStep, FormTab, FormCollapse, registerRules, registerFormats, registerValidateLocale, setValidateLanguage, getDisplayValues, };
+import useFormDisplayValues from './ProForm/useFormDisplayValues';
+export { createForm, FormConsumer, FormDialog, FormDrawer, FormStep, FormTab, FormCollapse, registerRules, registerFormats, registerValidateLocale, setValidateLanguage, useForm, useFormDisplayValues, };
 /**
  * 导出 Filter 组件
  */