@teamix/pro 1.1.32 → 1.1.36

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

@@ -3,11 +3,18 @@ import { IFormProps, IFormSchema } from '../form';
 import { RequestAction } from './request';
 import { DialogAction } from './dialog';
 export interface DialogFormAction extends DialogAction {
+    /** 表单初始值 */
     initialValues?: any;
+    /** 表单初始化数据请求 */
     initialRequest?: RequestAction;
+    /** 表单提交发送数据请求时，是否携带全部表单数据。默认携带 */
     useFieldValuesForRequest?: boolean;
+    /**
+     * @deprecated 建议使用 schema 配置 IFormProps 代替
+     */
     formProps?: Omit<IFormProps, 'schema'>;
-    schema: IFormSchema;
+    /** 同时支持两种配置方式，如果想完整定制表单，可使用完整的表单配置项 IFormProps，否则可以只配置 IFormSchema */
+    schema: IFormSchema | IFormProps;
 }
 export declare function useDialogFormAction(action: DialogFormAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/es/actions/dialog-form.js

@@ -1,14 +1,5 @@
-var _excluded = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish", "onCancel"];
-
-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; }
+var _excluded = ["schema"],
+    _excluded2 = ["schema", "useFieldValuesForRequest", "initialValues", "initialRequest", "formProps", "size", "onFinish", "onCancel"];
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -22,6 +13,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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, { useState, useRef, useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
 import { Loading } from '@alicloudfe/components';
@@ -62,15 +63,31 @@ function getDefaultFormPropsByDialogSize(size) {
   };
 }
 
+function getSchemaAndFormProps(schema, formProps) {
+  if (schema instanceof Array) {
+    return _objectSpread({
+      schema: schema
+    }, formProps);
+  }
+
+  var formSchema = schema;
+  return formSchema;
+}
+
 var DialogForm = function DialogForm(props) {
   var initialValues = props.initialValues,
       initialRequest = props.initialRequest,
-      schema = props.schema,
       _props$size = props.size,
       size = _props$size === void 0 ? 'small' : _props$size,
+      schema = props.schema,
       formProps = props.formProps,
       context = props.context,
       formRef = props.formRef;
+
+  var _getSchemaAndFormProp = getSchemaAndFormProps(schema, formProps),
+      formSchema = _getSchemaAndFormProp.schema,
+      others = _objectWithoutProperties(_getSchemaAndFormProp, _excluded);
+
   var form = createForm({
     initialValues: getTargetValue(initialValues, context)
   });
@@ -101,8 +118,8 @@ var DialogForm = function DialogForm(props) {
     }
   }, /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({
     form: form,
-    schema: getTargetValue(schema, context)
-  }, getDefaultFormPropsByDialogSize(size)), getTargetValue(formProps, context))));
+    schema: getTargetValue(formSchema, context)
+  }, getDefaultFormPropsByDialogSize(size)), getTargetValue(others, context))));
 };
 
 export function useDialogFormAction(action, context) {
@@ -117,7 +134,7 @@ export function useDialogFormAction(action, context) {
       size = _action$size === void 0 ? 'small' : _action$size,
       _onFinish = action.onFinish,
       _onCancel = action.onCancel,
-      others = _objectWithoutProperties(action, _excluded);
+      others = _objectWithoutProperties(action, _excluded2);
 
   var formRef = useRef();
   return useDialogAction(Object.assign({

package/es/actions/dialog-info.d.ts

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

package/es/actions/dialog-info.js

@@ -0,0 +1,23 @@
+var _excluded = ["schema"];
+
+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; }
+
+import useDialogAction from './dialog';
+import { ProInfo } from '..';
+export function useDialogInfoAction(action, context) {
+  var schema = action.schema,
+      others = _objectWithoutProperties(action, _excluded);
+
+  return useDialogAction(Object.assign({
+    component: ProInfo,
+    closeable: true,
+    size: 'mini',
+    schema: Object.assign({
+      backgroundColor: 'grey',
+      compacted: false
+    }, schema)
+  }, others), context);
+}
+export default useDialogInfoAction;

package/es/actions/dialog.d.ts

@@ -7,6 +7,8 @@ export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShow
     dialogType?: 'dialog' | 'drawer';
     dialogQuickShowType?: 'alert' | 'confirm';
     messageType?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    beforeContent?: React.ReactNode;
+    afterContent?: React.ReactNode;
 }
 export declare function useDialogAction(action: DialogAction, context?: any): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/es/actions/dialog.js

@@ -1,5 +1,5 @@
 var _excluded = ["url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
-    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link"];
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent"];
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
@@ -77,6 +77,8 @@ export function useDialogAction(action, context) {
         beforeRequest = _getTargetValue.beforeRequest,
         onTrigger = _getTargetValue.onTrigger,
         link = _getTargetValue.link,
+        beforeContent = _getTargetValue.beforeContent,
+        afterContent = _getTargetValue.afterContent,
         dialogOtherProps = _objectWithoutProperties(_getTargetValue, _excluded2);
 
     var dialogMethod = dialogType === 'drawer' ? Drawer : Dialog;
@@ -152,13 +154,18 @@ export function useDialogAction(action, context) {
     var dialogContext = Object.assign({}, context, {
       hide: hide
     });
+    var dialogContent = Component ? /*#__PURE__*/React.createElement(Component, _objectSpread({
+      key: uuid()
+    }, componentProps)) : addContextForReactNode(content, dialogContext);
     var ret = dialogMethod.show(_objectSpread(_objectSpread({
       // @ts-ignore
       onOk: onOk,
       title: addContextForReactNode(title, dialogContext),
-      content: Component ? /*#__PURE__*/React.createElement(Component, _objectSpread({
-        key: uuid()
-      }, componentProps)) : addContextForReactNode(content, dialogContext),
+      content: /*#__PURE__*/React.createElement(React.Fragment, null, beforeContent && /*#__PURE__*/React.createElement("div", {
+        className: "teamix-pro-dialog-before-content"
+      }, beforeContent), dialogContent, afterContent && /*#__PURE__*/React.createElement("div", {
+        className: "teamix-pro-dialog-after-content"
+      }, afterContent)),
       closeable: !loading
     }, dialogProps), dialogOtherProps));
     store.hide = ret.hide;

package/es/actions/drawer-info.d.ts

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

package/es/actions/drawer-info.js

@@ -0,0 +1,7 @@
+import { useDialogInfoAction } from './dialog-info';
+export function useDrawerInfoAction(action, context) {
+  return useDialogInfoAction(Object.assign({
+    dialogType: 'drawer'
+  }, action), context);
+}
+export default useDrawerInfoAction;

package/es/actions/index.d.ts

@@ -10,17 +10,17 @@ import { NoticeAction } from './notice';
 import { ErrorAction } from './error';
 import { DialogFormAction } from './dialog-form';
 import { DialogTableAction } from './dialog-table';
+import { DialogInfoAction } from './dialog-info';
 import { DrawerAction } from './drawer';
 import { DrawerFormAction } from './drawer-form';
 import { DrawerTableAction } from './drawer-table';
+import { DrawerInfoAction } from './drawer-info';
 import './index.scss';
 export declare type ActionConfig = ({
     type: 'link';
 } & LinkAction) | ({
     type: 'request';
 } & RequestAction) | ({
-    type: 'dialog';
-} & DialogAction) | ({
     type: 'confirm';
 } & ConfirmAction) | ({
     type: 'danger-confirm';
@@ -29,16 +29,22 @@ export declare type ActionConfig = ({
 } & NoticeAction) | ({
     type: 'error';
 } & ErrorAction) | ({
+    type: 'dialog';
+} & DialogAction) | ({
     type: 'dialog-form';
 } & DialogFormAction) | ({
+    type: 'dialog-table';
+} & DialogTableAction) | ({
+    type: 'dialog-info';
+} & DialogInfoAction) | ({
     type: 'drawer';
 } & DrawerAction) | ({
     type: 'drawer-form';
 } & DrawerFormAction) | ({
-    type: 'dialog-table';
-} & DialogTableAction) | ({
     type: 'drawer-table';
-} & DrawerTableAction);
+} & DrawerTableAction) | ({
+    type: 'drawer-info';
+} & DrawerInfoAction);
 export declare function registerActionHandler(id: string, extendActionId: string, defaultConfig: any): void;
 export declare const useAction: any;
 export interface IActionButton extends ButtonProps {

package/es/actions/index.js

@@ -33,7 +33,7 @@ import React from 'react';
 import cls from 'classnames';
 import { Button, MenuButton, Menu, Divider } from '@alicloudfe/components';
 import Icon from '@teamix/icon';
-import { getTargetValue } from '@teamix/utils';
+import { getTargetValue, getMessage } from '@teamix/utils';
 import { useLinkAction } from './link';
 import { useRequestAction } from './request';
 import { useDialogAction } from './dialog';
@@ -43,9 +43,11 @@ import { useNoticeAction } from './notice';
 import { useErrorAction } from './error';
 import { useDialogFormAction } from './dialog-form';
 import { useDialogTableAction } from './dialog-table';
+import { useDialogInfoAction } from './dialog-info';
 import { useDrawerAction } from './drawer';
 import { useDrawerFormAction } from './drawer-form';
 import { useDrawerTableAction } from './drawer-table';
+import { useDrawerInfoAction } from './drawer-info';
 import './index.scss';
 var RegistedActions = new Map();
 export function registerActionHandler(id, extendActionId, defaultConfig) {
@@ -98,6 +100,10 @@ export var useAction = function useAction(config, context) {
     return useDialogTableAction(others, context);
   }
 
+  if (type === 'dialog-info') {
+    return useDialogInfoAction(others, context);
+  }
+
   if (type === 'drawer') {
     return useDrawerAction(others, context);
   }
@@ -110,6 +116,10 @@ export var useAction = function useAction(config, context) {
     return useDrawerTableAction(others, context);
   }
 
+  if (type === 'drawer-info') {
+    return useDrawerInfoAction(others, context);
+  }
+
   var registedAction = RegistedActions.get(type);
 
   if (!registedAction) {
@@ -121,16 +131,18 @@ export var useAction = function useAction(config, context) {
   }, registedAction.defaultConfig), others), context);
 };
 
-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.createElement(Icon, {
     type: iconType,
     size: iconSize,
     key: "teamix-button-icon"
-  }), content];
+  }), renderedContent];
 };
 
 export var ActionButton = function ActionButton(props) {
@@ -154,37 +166,43 @@ export var ActionButton = function ActionButton(props) {
   }) : _objectSpread(_objectSpread({}, actionProps), others);
   return /*#__PURE__*/React.createElement(Button, _objectSpread({
     type: type
-  }, buttonProps), buttonContent(children, icon, iconSize));
+  }, buttonProps), buttonContent(children, icon, iconSize, context));
 };
 
 function renderMenuButtonItem(item, key, context) {
-  var menuItemActionConfig = Object.assign({}, item.config, {
+  var config = item.config,
+      btnContext = item.context,
+      _onClick2 = item.onClick,
+      children = item.children,
+      icon = item.icon,
+      disabled = item.disabled;
+  var menuItemActionConfig = Object.assign({}, config, {
     trigger: 'onClick'
   });
 
-  var _useAction = useAction(menuItemActionConfig, item.context || context),
+  var _useAction = useAction(menuItemActionConfig, btnContext || context),
       loading = _useAction.loading,
       menuItemProps = _objectWithoutProperties(_useAction, _excluded3);
 
-  var buttonProps = item.onClick ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
+  var buttonProps = _onClick2 ? _objectSpread(_objectSpread({}, menuItemProps), {}, {
     onClick: function onClick(e) {
-      return item.onClick(e, context);
+      return _onClick2(e, context);
     }
   }) : _objectSpread({}, menuItemProps);
   return /*#__PURE__*/React.createElement(MenuButton.Item, _objectSpread({
-    key: key
-  }, buttonProps), buttonContent(item.children, item.icon));
+    key: key,
+    disabled: disabled
+  }, buttonProps), buttonContent(children, icon, undefined, context));
 }
 
 function renderCommonActionButtonMenuItem(action, key, context) {
-  // @ts-ignore
-  if (action.actions && action.actions.length) {
+  var menuBtn = action;
+
+  if (menuBtn.actions && menuBtn.actions.length && menuBtn.disabled !== true) {
     return /*#__PURE__*/React.createElement(Menu.SubMenu, {
       key: key,
-      label: // @ts-ignore
-      action.label || action.children
-    }, //@ts-ignore
-    action.actions.map(function (a, j) {
+      label: menuBtn.label || menuBtn.children
+    }, menuBtn.actions.map(function (a, j) {
       return renderCommonActionButtonMenuItem(a, j, context);
     }));
   }
@@ -209,8 +227,11 @@ export 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);
   }));
@@ -255,7 +276,7 @@ function renderCommonActionButton(button, context, isTypeText) {
 function getDefaultMoreButton(type, moreText) {
   if (type === 'button') {
     return {
-      label: moreText || '更多'
+      label: moreText || getMessage('more')
     };
   }
 

package/es/actions/index.scss

@@ -29,6 +29,14 @@
   }
 }
 
+.teamix-pro-dialog-before-content {
+  margin-bottom: var(--s-2);
+}
+
+.teamix-pro-dialog-after-content {
+  margin-top: var(--s-2);
+}
+
 .next-menu-divider + .next-menu-divider {
   display: none;
 }

package/es/actions/link.js

@@ -7,19 +7,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { getTargetValue, goToLink } from '@teamix/utils';
 import { eventHandler } from './base';
 export function useLinkAction(action, context) {
-  var _getTargetValue = getTargetValue(action, context),
-      to = _getTargetValue.to,
-      search = _getTargetValue.search,
-      hash = _getTargetValue.hash,
-      blank = _getTargetValue.blank;
-
+  var linkAction = getTargetValue(action, context);
   return _objectSpread({}, eventHandler(action, function () {
-    goToLink({
-      to: to,
-      search: search,
-      hash: hash,
-      blank: blank
-    });
+    goToLink(linkAction);
   }));
 }
 export default useLinkAction;

package/es/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/es/form/ProForm/index.js

@@ -18,7 +18,7 @@ import { Form, FormLayout } from '@teamix/formily';
 import TeamixIcon from '@teamix/icon';
 import { usePrefixCls } from '@teamix/utils';
 import SchemaForm from '../SchemaForm';
-import { mergeArrayValue, getDisplayValues } from '../utils';
+import { mergeArrayValue } from '../utils';
 import useAutoSubmit from './useAutoSubmit';
 import useInitialRequest from './useInitialRequest';
 import './index.scss';
@@ -71,7 +71,7 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
     form.addEffects('onChange', function () {
       onFormValuesChange(function (form) {
         if (onChange) {
-          onChange(toJS(form.values), getDisplayValues(form, form.values));
+          onChange(toJS(form.values));
         }
       });
     });

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

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

package/es/form/ProForm/useFormDisplayValues.js

@@ -0,0 +1,65 @@
+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; }
+
+import { useForm } from '@formily/react';
+import { isArr, isPlainObj, getValueByValue } from '@teamix/utils';
+/**
+ * 获取表单值的可显示值
+ * @returns 如果某字段有dataSource，则返回value对应label
+ */
+
+var useFormDisplayValues = function useFormDisplayValues() {
+  var form = useForm();
+  var values = form.values; // 判断值的类型，递归获取每个值在该结构中的完整路径
+
+  var getDisplayValues = function getDisplayValues(values) {
+    var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var displayValues;
+
+    if (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 (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 = 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);
+};
+
+export default useFormDisplayValues;

package/es/form/SchemaForm/adapterType.js

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

package/es/form/SchemaForm/initializeProField.js

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