@zat-design/sisyphus-react 3.9.5 → 3.9.6-beta.2

package/.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "kisstkondoros.vscode-codemetrics"
+    ]
+}

package/dist/index.esm.css

@@ -854,7 +854,7 @@
   background: var(--zaui-disabled-bg);
 }
 .pro-header {
-  padding: 16px 0 0 0 !important;
+  padding: 10px 0 0 0 !important;
   background-color: var(--zaui-base-bg, #ffffff);
   -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 55, 93, 0.1);
           box-shadow: 2px 3px 8px 0px rgba(0, 55, 93, 0.1);
@@ -881,9 +881,45 @@
 .pro-header.pro-header-fixed.pro-header-no-describe .pro-header-top {
   padding-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1) - var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1));
 }
+.pro-header .pro-header-describe {
+  -webkit-transition: height 0.2s ease-in-out;
+  transition: height 0.2s ease-in-out;
+}
 .pro-header .pro-header-describe a {
   color: var(--zaui-link, #006aff);
 }
+.pro-header .pro-header-describe .pro-header-describe-items-calc {
+  position: relative;
+}
+.pro-header .pro-header-describe.pro-header-describe-hidden {
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+  border: 0;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-label {
+  font-weight: normal;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value {
+  font-weight: 600;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .ant-space-item {
+  font-weight: 600;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items span:first-child {
+  margin-right: 2px;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items .pro-header-describe-items-omit {
+  position: absolute;
+  right: 0;
+  background: #fff;
+  letter-spacing: 2px;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items.pro-header-describe-items-more .pro-header-tag {
+  padding: 0;
+  background: transparent;
+  color: #333;
+}
 .pro-header .pro-header-copy {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1167,7 +1203,13 @@
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-header .pro-header-describe li {
-  margin-left: var(--zaui-space-card, 32px);
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .pro-header .pro-header-describe li.pro-header-only-tag {
   margin-left: var(--zaui-space-size-sm, 8px);
@@ -1175,9 +1217,6 @@
 .pro-header .pro-header-describe li.pro-header-only-tag span:first-child {
   margin-right: 0;
 }
-.pro-header .pro-header-describe li:first-child {
-  margin-left: 0;
-}
 .pro-header .pro-header-describe li span {
   color: #0a0a0a;
   font-weight: 400;
@@ -1192,6 +1231,12 @@
 .pro-header .pro-header-describe li span:last-child .pro-header-tag {
   margin-left: 4px;
 }
+.pro-header-describe-items-tip {
+  max-width: 600px;
+}
+.pro-header-describe-items-tip .pro-header-describe-items-tip-value {
+  margin-bottom: var(--zaui-space-size-sm, 8px);
+}
 @media (max-width: 1366px) {
   .pro-header-describe li span:last-child {
     max-width: 350px;
@@ -1253,7 +1298,7 @@
   border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
 }
 .pro-layout.pro-layout-light .pro-header.pro-header-no-describe {
-  padding: var(--zaui-space-size-md, 16px) !important;
+  padding: 10px var(--zaui-space-size-md, 16px) !important;
 }
 .pro-layout.pro-layout-light .pro-header.pro-header-no-describe .pro-header-top {
   padding-bottom: 0;
@@ -3220,6 +3265,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
+  max-width: 100%;
 }
 .original-value-tooltip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {
   white-space: nowrap;

package/dist/less.esm.css

@@ -854,7 +854,7 @@
   background: var(--zaui-disabled-bg);
 }
 .pro-header {
-  padding: 16px 0 0 0 !important;
+  padding: 10px 0 0 0 !important;
   background-color: var(--zaui-base-bg, #ffffff);
   -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 55, 93, 0.1);
           box-shadow: 2px 3px 8px 0px rgba(0, 55, 93, 0.1);
@@ -881,9 +881,45 @@
 .pro-header.pro-header-fixed.pro-header-no-describe .pro-header-top {
   padding-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1) - var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1));
 }
+.pro-header .pro-header-describe {
+  -webkit-transition: height 0.2s ease-in-out;
+  transition: height 0.2s ease-in-out;
+}
 .pro-header .pro-header-describe a {
   color: var(--zaui-link, #006aff);
 }
+.pro-header .pro-header-describe .pro-header-describe-items-calc {
+  position: relative;
+}
+.pro-header .pro-header-describe.pro-header-describe-hidden {
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+  border: 0;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-label {
+  font-weight: normal;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value {
+  font-weight: 600;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .ant-space-item {
+  font-weight: 600;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items span:first-child {
+  margin-right: 2px;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items .pro-header-describe-items-omit {
+  position: absolute;
+  right: 0;
+  background: #fff;
+  letter-spacing: 2px;
+}
+.pro-header .pro-header-describe .ant-space .pro-header-describe-value .pro-header-describe-items.pro-header-describe-items-more .pro-header-tag {
+  padding: 0;
+  background: transparent;
+  color: #333;
+}
 .pro-header .pro-header-copy {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1167,7 +1203,13 @@
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-header .pro-header-describe li {
-  margin-left: var(--zaui-space-card, 32px);
+  -webkit-box-flex: 0;
+  -webkit-flex: 0 0 auto;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .pro-header .pro-header-describe li.pro-header-only-tag {
   margin-left: var(--zaui-space-size-sm, 8px);
@@ -1175,9 +1217,6 @@
 .pro-header .pro-header-describe li.pro-header-only-tag span:first-child {
   margin-right: 0;
 }
-.pro-header .pro-header-describe li:first-child {
-  margin-left: 0;
-}
 .pro-header .pro-header-describe li span {
   color: #0a0a0a;
   font-weight: 400;
@@ -1192,6 +1231,12 @@
 .pro-header .pro-header-describe li span:last-child .pro-header-tag {
   margin-left: 4px;
 }
+.pro-header-describe-items-tip {
+  max-width: 600px;
+}
+.pro-header-describe-items-tip .pro-header-describe-items-tip-value {
+  margin-bottom: var(--zaui-space-size-sm, 8px);
+}
 @media (max-width: 1366px) {
   .pro-header-describe li span:last-child {
     max-width: 350px;
@@ -1253,7 +1298,7 @@
   border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
 }
 .pro-layout.pro-layout-light .pro-header.pro-header-no-describe {
-  padding: var(--zaui-space-size-md, 16px) !important;
+  padding: 10px var(--zaui-space-size-md, 16px) !important;
 }
 .pro-layout.pro-layout-light .pro-header.pro-header-no-describe .pro-header-top {
   padding-bottom: 0;
@@ -3220,6 +3265,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
+  max-width: 100%;
 }
 .original-value-tooltip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {
   white-space: nowrap;

package/es/FormsProvider/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ModifiedFormInstance } from '../ProForm/utils/useForm';
+type Forms = Record<string, ModifiedFormInstance<any>>;
+export declare const FormsContext: React.Context<Forms>;
+/**
+ * @param formKey 表单实例key
+ * @param formIst form实例, 如果传了会把传入的实例存入全局
+ * @returns 没有入参: 返回表单实例但是不存入全局
+ *          有formKey: 取全局中的表单实例返回, 如果不存在则创建后返回
+ */
+export declare const useForms: () => Forms;
+/** 获取所有表单实例 */
+export declare const useContextForms: () => Forms;
+declare const FormsProvider: React.FC;
+export default FormsProvider;

package/es/FormsProvider/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useEffect, useRef } from 'react';
+export var FormsContext = /*#__PURE__*/React.createContext({});
+/**
+ * @param formKey 表单实例key
+ * @param formIst form实例, 如果传了会把传入的实例存入全局
+ * @returns 没有入参: 返回表单实例但是不存入全局
+ *          有formKey: 取全局中的表单实例返回, 如果不存在则创建后返回
+ */
+export var useForms = function useForms() {
+  var forms = useContext(FormsContext);
+  return forms;
+};
+/** 获取所有表单实例 */
+export var useContextForms = function useContextForms() {
+  var forms = useContext(FormsContext);
+  return forms;
+};
+var FormsProvider = function FormsProvider(props) {
+  var formsRef = useRef({});
+  useEffect(function () {
+    // 销毁
+    return function () {
+      formsRef.current = {};
+    };
+  }, []);
+  return _jsx(FormsContext.Provider, {
+    value: formsRef.current,
+    children: props.children
+  });
+};
+export default FormsProvider;

package/es/ProConfigProvider/index.d.ts

@@ -20,7 +20,6 @@ interface ConfigContext {
 export declare const ProConfigContext: React.Context<ConfigContext>;
 export declare function useProConfig(): ConfigContext;
 export declare function useProConfig(name: keyof ConfigContext['state']): ConfigContext['state'][keyof ConfigContext['state']];
-export declare function useContextForms(): Record<string, FormInstance<any>>;
 type ActionsType = 'set' | 'setProEnum' | 'setProEnumDic' | 'setWithLocal';
 interface Actions {
     type: ActionsType;

package/es/ProConfigProvider/index.js

@@ -35,11 +35,6 @@ export function useProConfig(name) {
   var config = useContext(ProConfigContext);
   return name ? config.state[name] : config;
 }
-export function useContextForms() {
-  var _config$state;
-  var config = useContext(ProConfigContext);
-  return (_config$state = config.state) === null || _config$state === void 0 ? void 0 : _config$state.forms;
-}
 var antdLangMap = {
   'zh-CN': zhCN,
   'en-US': enUS // en-US

package/es/ProEditTable/utils/diffOriginal.js

@@ -46,14 +46,17 @@ export var diffOriginal = function diffOriginal(params) {
     return 'add';
   }
   if (Array.isArray(_originalValue)) {
-    var isSame = _originalValue.every(function (valueItem, index) {
-      // 如果两个值有一个不是空值, 则进行深比较
-      if (!isEmpty(value === null || value === void 0 ? void 0 : value[index]) || !isEmpty(valueItem)) {
-        return isEqual(value === null || value === void 0 ? void 0 : value[index], valueItem);
-      }
-      return true;
-    });
-    return isSame ? 'same' : 'changed';
+    if ((_originalValue === null || _originalValue === void 0 ? void 0 : _originalValue.length) === (_value === null || _value === void 0 ? void 0 : _value.length)) {
+      var isSame = _originalValue.every(function (valueItem, index) {
+        // 如果两个值有一个不是空值, 则进行深比较
+        if (!isEmpty(value === null || value === void 0 ? void 0 : value[index]) || !isEmpty(valueItem)) {
+          return isEqual(value === null || value === void 0 ? void 0 : value[index], valueItem);
+        }
+        return true;
+      });
+      return isSame ? 'same' : 'changed';
+    }
+    return 'changed';
   }
   if (!isEmpty(_originalValue) || !isEmpty(_value)) {
     return isEqual(_value, _originalValue) ? 'same' : 'changed';

package/es/ProForm/components/render/Render.js

@@ -409,7 +409,10 @@ var Render = function Render(props) {
     if (type === 'FormList') {
       lastComponentProps.disabled = lastDisabled;
       var lessMode = lastComponentProps.mode === 'less';
-      child = _jsx(_Form.List, _objectSpread(_objectSpread({
+      colProps = _objectSpread(_objectSpread({}, colProps), {}, {
+        span: lessMode ? colProps.span : 24 // 默认占一行
+      });
+      return _jsx(_Form.List, _objectSpread(_objectSpread({
         name: _otherFormItemProps.name
       }, omit(_otherFormItemProps, ['rules'])), {}, {
         children: function children(fields, operation, meta) {
@@ -421,9 +424,6 @@ var Render = function Render(props) {
           }));
         }
       }));
-      colProps = _objectSpread(_objectSpread({}, colProps), {}, {
-        span: lessMode ? colProps.span : 24 // 默认占一行
-      });
     }
     //  默认占据一行
     if (['ProCollapse', 'Container'].includes(type)) {

package/es/ProForm/index.js

@@ -2,13 +2,13 @@ import "antd/es/row/style";
 import _Row from "antd/es/row";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/col/style";
 import _Col from "antd/es/col";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "antd/es/space/style";
 import _Space from "antd/es/space";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize"];
@@ -19,14 +19,15 @@ import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
 import { isObject, merge, omit } from 'lodash';
 import { FormFooter, InputRange, ProAddress, ProCascader, ProCertNo, ProCertValidity, ProCombination, ProModalSelect, ProNumberRange, ProRangeBox, ProTimeLimit, transferAddressInfoToRegion, ProUpload, ProTreeModal, ProTree, EnumSelect } from './components';
 import RenderFields from './components/render/RenderFields';
-import { useProConfig, useContextForms } from '../ProConfigProvider';
+import { useProConfig } from '../ProConfigProvider';
 import { getLayout, splitNameStr, useControlled, initialValuesToNames, filterInternalFields } from './utils/index';
 import { useForm } from './utils/useForm';
 import { useFieldProps } from './utils/useFieldProps';
 import locale from '../locale';
 import useWatch from './utils/useWatch';
+import FormsProvider, { useContextForms, useForms } from '../FormsProvider';
 var ProForm = function ProForm(props, ref) {
-  var _forms$formKey, _localStorage, _ref;
+  var _localStorage, _ref;
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'search' : _props$mode,
     span = props.span,
@@ -69,14 +70,11 @@ var ProForm = function ProForm(props, ref) {
     _props$optimize = props.optimize,
     optimize = _props$optimize === void 0 ? false : _props$optimize,
     otherProps = _objectWithoutProperties(props, _excluded);
-  var _useProConfig = useProConfig(),
-    state = _useProConfig.state,
-    dispatch = _useProConfig.dispatch;
-  var config = state.ProForm,
-    forms = state.forms;
-  var _useForm = useForm((_forms$formKey = forms[formKey]) !== null && _forms$formKey !== void 0 ? _forms$formKey : originForm, {
+  var config = useProConfig('ProForm');
+  var _useForm = useForm(originForm, {
       scrollToError: scrollToError,
-      optimize: optimize
+      optimize: optimize,
+      formKey: formKey
     }),
     _useForm2 = _slicedToArray(_useForm, 1),
     form = _useForm2[0];
@@ -87,33 +85,6 @@ var ProForm = function ProForm(props, ref) {
     _useControlled2 = _slicedToArray(_useControlled, 2),
     openState = _useControlled2[0],
     setOpenState = _useControlled2[1];
-  // 把表单实例存入表单组
-  useMemo(function () {
-    if (formKey && forms[formKey] !== form) {
-      forms[formKey] = form;
-      // fix:  Cannot update a component (`ProConfigProvider`) while rendering a different component (`ForwardRef(ProForm)`).
-      setTimeout(function () {
-        dispatch({
-          type: 'set',
-          payload: {
-            forms: _objectSpread({}, forms)
-          }
-        });
-      }, 300);
-    }
-    // 销毁
-    return function () {
-      if (formKey && forms[formKey]) {
-        delete forms[formKey];
-        dispatch({
-          type: 'set',
-          payload: {
-            forms: _objectSpread({}, forms)
-          }
-        });
-      }
-    };
-  }, [formKey, form]);
   var _getLayout = getLayout({
       span: span,
       form: form
@@ -310,7 +281,10 @@ export var ProFormProvider = function ProFormProvider(props) {
 };
 ProFormForward.Provider = ProFormProvider; // 包装Provider
 ProFormForward.useFieldProps = useFieldProps; // 获取每个字段的其他参数  -otherProps
-ProFormForward.useContextForms = useContextForms; // 获取 ProConfigProvider中的表单实例map
+// 表单实例共享
+ProFormForward.FormsProvider = FormsProvider; // 表单实例共享Provider
+ProFormForward.useForms = useForms; // 获取上下文中的共享的表单实例map
+ProFormForward.useContextForms = useContextForms; // 获取上下文中的共享的表单实例map
 // 内置组合
 ProFormForward.ProCascader = ProCascader;
 ProFormForward.ProCombination = ProCombination;

package/es/ProForm/style/index.less

@@ -495,6 +495,7 @@
 
 .original-value-tooltip{
   width: max-content;
+  max-width: 100%;
   .changed-tooltip {
     .original-value-container {
       .ant-space-item:nth-child(1) {

package/es/ProForm/utils/diffOriginal.js

@@ -3,7 +3,13 @@ import { isEmpty } from '../../utils';
 // 过滤对象中undefined字段
 // 防止{a: '1'} {a: '1', b: undefined | null}被认为不相等
 var filterObject = function filterObject(data) {
-  if (!isObject(data) || Array.isArray(data) || data === null) return data;
+  if (!isObject(data) || data === null) return data;
+  // ['1', undefined] ['1', ''] 视为相等
+  if (Array.isArray(data)) {
+    return data.map(function (item) {
+      return isEmpty(item) ? null : item;
+    });
+  }
   var resData = {};
   Object.keys(data).forEach(function (key) {
     if (!isEmpty(data[key])) {
@@ -31,22 +37,11 @@ export var diffOriginal = function diffOriginal(params) {
   }
   var _value = filterObject(value);
   var _originalValue = filterObject(originalValue);
-  // 如果原始值为空 且当前有值的话 认为变更类型是新增
-  if (isEmpty(_originalValue) && !isEmpty(_value)) {
-    return 'add';
-  }
-  if (Array.isArray(_originalValue)) {
-    var isSame = _originalValue.every(function (valueItem, index) {
-      // 如果两个值有一个不是空值, 则进行深比较
-      if (!isEmpty(value === null || value === void 0 ? void 0 : value[index]) || !isEmpty(valueItem)) {
-        return isEqual(value === null || value === void 0 ? void 0 : value[index], valueItem);
-      }
-      return true;
-    });
-    return isSame ? 'same' : 'changed';
-  }
-  if (!isEmpty(_originalValue) || !isEmpty(_value)) {
-    return isEqual(_value, _originalValue) ? 'same' : 'changed';
-  }
-  return 'same';
+  var isEmptyVal = isEmpty(_value);
+  var isEmptyOrg = isEmpty(_originalValue);
+  // 都为空视为相等
+  if (isEmptyOrg && isEmptyVal) return 'same';
+  // 如果原始值为空 且当前有值的话 视为新增
+  if (isEmptyOrg && !isEmptyVal) return 'add';
+  return isEqual(_value, _originalValue) ? 'same' : 'changed';
 };

package/es/ProForm/utils/useForm.d.ts

@@ -1,15 +1,16 @@
 import { FormInstance } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { ValuedNotifyInfo } from 'rc-field-form/es/interface';
-type ModifiedFormInstance<T> = FormInstance<T> & {
+export type ModifiedFormInstance<T> = FormInstance<T> & {
     isModified?: boolean;
     /** 默认清空设置值的报错状态 */
     setFieldValue: (name: NamePath, value: any, info?: ValuedNotifyInfo) => void;
+    formKey?: string;
     _init?: boolean;
 };
-interface FormInstanceOption {
+export interface FormInstanceOption {
     scrollToError?: boolean;
     optimize?: boolean;
+    formKey?: string;
 }
 export declare const useForm: <T>(originForm?: FormInstanceOption | ModifiedFormInstance<T>, options?: FormInstanceOption) => [ModifiedFormInstance<T>];
-export {};

package/es/ProForm/utils/useForm.js

@@ -5,22 +5,31 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useContext } from 'react';
 import { filterInternalFields } from './index';
 import { handleScrollToError } from '../../ProEditTable/utils/tools';
+import { FormsContext } from '../../FormsProvider';
 export var useForm = function useForm(originForm, options) {
   // 如果没有form实例可以直接把options放在第一个参数位置
   // @ts-ignore
   var _originForm = (originForm === null || originForm === void 0 ? void 0 : originForm._init) ? originForm : undefined;
   var _options =
   // @ts-ignore
-  options || originForm && !(originForm === null || originForm === void 0 ? void 0 : originForm._init) ? originForm : undefined;
+  options || (originForm && !(originForm === null || originForm === void 0 ? void 0 : originForm._init) ? originForm : undefined);
   var _ref = _options || {},
     _ref$scrollToError = _ref.scrollToError,
     scrollToError = _ref$scrollToError === void 0 ? true : _ref$scrollToError,
-    optimize = _ref.optimize;
-  var _Form$useForm = _Form.useForm(_originForm),
+    optimize = _ref.optimize,
+    formKey = _ref.formKey;
+  // formKey全局共享逻辑
+  var forms = useContext(FormsContext);
+  var _Form$useForm = _Form.useForm(forms[formKey] || _originForm),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
+  if (formKey && forms[formKey] !== form) {
+    forms[formKey] = form;
+    form.formKey = formKey;
+  }
   var getFieldsValue = form.getFieldsValue,
     validateFields = form.validateFields,
     isModified = form.isModified,

package/es/ProLayout/components/ProHeader/PropTypes.d.ts

@@ -26,6 +26,14 @@ export interface DescribeColumnsProps {
     show?: boolean;
     link?: string;
     tag?: string | React.ReactNode | (string | React.ReactNode)[];
+    width?: string | number;
+    /** 多值配置 */
+    items?: {
+        copyable?: boolean;
+        value: string | React.ReactNode;
+        link?: string;
+        tag?: string | React.ReactNode | (string | React.ReactNode)[];
+    }[];
 }
 export interface ProHeaderProps {
     title?: string | React.ReactNode;