tdesign-react 0.42.1-alpha.5 → 0.42.1-alpha.6

package/lib/form/Form.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.42.1-alpha.4
+ * tdesign v0.42.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../_chunks/dep-bf22ba02.js';
-import { _ as _slicedToArray } from '../_chunks/dep-47faffd4.js';
-import { _ as _defineProperty } from '../_chunks/dep-666ef014.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-3d6bca52.js';
+import { _ as _slicedToArray } from '../_chunks/dep-25703f93.js';
+import { _ as _defineProperty } from '../_chunks/dep-166d2f05.js';
 import React, { useRef, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import useConfig from '../hooks/useConfig.js';
@@ -19,54 +19,54 @@ import FormContext from './FormContext.js';
 import FormItem from './FormItem.js';
 import FormList from './FormList.js';
 import { formDefaultProps } from './defaultProps.js';
-import '../_chunks/dep-a7fc489c.js';
-import '../_chunks/dep-5753d9a2.js';
+import '../_chunks/dep-ea638eb3.js';
+import '../_chunks/dep-b28e7989.js';
 import '../config-provider/ConfigContext.js';
-import '../_chunks/dep-b5875058.js';
-import '../_chunks/dep-93a9e56b.js';
-import '../_chunks/dep-ba7ae5d8.js';
-import '../_chunks/dep-b6e5209e.js';
-import '../_chunks/dep-299631be.js';
-import '../_chunks/dep-8af7be1f.js';
-import '../_chunks/dep-ebe8b3c0.js';
-import '../_chunks/dep-724a2d52.js';
-import '../_chunks/dep-020550cc.js';
-import '../_chunks/dep-d2968cf0.js';
-import '../_chunks/dep-5cd8cf2d.js';
-import '../_chunks/dep-7983d2f9.js';
-import '../_chunks/dep-0344bed5.js';
-import '../_chunks/dep-604d49fa.js';
-import '../_chunks/dep-f639d91f.js';
-import '../_chunks/dep-2afc52bb.js';
-import '../_chunks/dep-44b4f334.js';
-import '../_chunks/dep-c71355a4.js';
-import '../_chunks/dep-4e6a238f.js';
-import '../_chunks/dep-066d7e67.js';
-import '../_chunks/dep-c47aba3f.js';
-import '../_chunks/dep-10ead224.js';
-import '../_chunks/dep-c6592ff7.js';
+import '../_chunks/dep-12778c1c.js';
+import '../_chunks/dep-8d039c69.js';
+import '../_chunks/dep-6ef16e08.js';
+import '../_chunks/dep-3a95199f.js';
+import '../_chunks/dep-7620f286.js';
+import '../_chunks/dep-ccdf799e.js';
+import '../_chunks/dep-02bd9c6d.js';
+import '../_chunks/dep-d57429c3.js';
+import '../_chunks/dep-41033a7e.js';
+import '../_chunks/dep-444c6332.js';
+import '../_chunks/dep-ba3df948.js';
+import '../_chunks/dep-4a0c36a6.js';
+import '../_chunks/dep-825838bf.js';
+import '../_chunks/dep-1c74192b.js';
+import '../_chunks/dep-1e5ae2e2.js';
+import '../_chunks/dep-f636925e.js';
+import '../_chunks/dep-abdf063e.js';
+import '../_chunks/dep-c08b3fcf.js';
+import '../_chunks/dep-b0e2b807.js';
+import '../_chunks/dep-2f5cfb3f.js';
+import '../_chunks/dep-d2adac40.js';
+import '../_chunks/dep-4d0bbe13.js';
+import '../_chunks/dep-e6214d67.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../_common/js/global-config/default-config.js';
 import 'hoist-non-react-statics';
-import '../_chunks/dep-fe29d341.js';
-import '../_chunks/dep-a8dabcb9.js';
-import '../_chunks/dep-9162f7ea.js';
-import '../_chunks/dep-81d5f812.js';
+import '../_chunks/dep-99204619.js';
+import '../_chunks/dep-046fba17.js';
+import '../_chunks/dep-6d8415bd.js';
+import '../_chunks/dep-249fe869.js';
 import './utils/index.js';
 import '../_common/js/log/log.js';
-import '../_chunks/dep-1205051a.js';
-import '../_chunks/dep-f147b442.js';
-import '../_chunks/dep-d6e6b696.js';
-import '../_chunks/dep-d8d5b25c.js';
-import '../_chunks/dep-d1144cb7.js';
-import '../_chunks/dep-4c894660.js';
-import '../_chunks/dep-a44e221a.js';
-import '../_chunks/dep-8e2eb7f6.js';
-import '../_chunks/dep-61ff2ef8.js';
+import '../_chunks/dep-a59226cf.js';
+import '../_chunks/dep-a657ee01.js';
+import '../_chunks/dep-cfb915bb.js';
+import '../_chunks/dep-13e34b5a.js';
+import '../_chunks/dep-380f9249.js';
+import '../_chunks/dep-183899ef.js';
+import '../_chunks/dep-4b7929dd.js';
+import '../_chunks/dep-b695fcaf.js';
+import '../_chunks/dep-95d231c8.js';
 import 'tdesign-icons-react';
 import '../hooks/useGlobalIcon.js';
 import './formModel.js';
-import '../_chunks/dep-f26a3901.js';
+import '../_chunks/dep-440d3193.js';
 import '../_common/js/utils/helper.js';
 import './hooks/useFormItemStyle.js';
 import '../_util/renderTNode.js';
@@ -79,9 +79,9 @@ import '../tree/useTreeConfig.js';
 import '../locale/LocalReceiver.js';
 import '../tree/useControllable.js';
 import '../hooks/useControlled.js';
-import '../_chunks/dep-25d25f52.js';
-import '../_chunks/dep-76fa368e.js';
-import '../_chunks/dep-c958592d.js';
+import '../_chunks/dep-a030651a.js';
+import '../_chunks/dep-3395e23f.js';
+import '../_chunks/dep-40d6166c.js';
 import '../tree/TreeItem.js';
 import '../loading/index.js';
 import '../loading/Loading.js';
@@ -99,24 +99,24 @@ import '../_util/useRipple.js';
 import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../checkbox/index.js';
-import '../_chunks/dep-83d21da5.js';
+import '../_chunks/dep-2effe199.js';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-ada9c311.js';
+import '../_chunks/dep-47027a3f.js';
 import '../checkbox/defaultProps.js';
 import '../tree/useStore.js';
-import '../_chunks/dep-7f84d7e0.js';
+import '../_chunks/dep-4ab66c46.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useLayoutEffect.js';
 import '../_common/js/tree/tree-store.js';
-import '../_chunks/dep-cfc98077.js';
-import '../_chunks/dep-95c02d29.js';
-import '../_chunks/dep-9c2dcf5f.js';
+import '../_chunks/dep-277ce0d0.js';
+import '../_chunks/dep-eb1a0c65.js';
+import '../_chunks/dep-59f5cfc7.js';
 import '../_common/js/tree/tree-node.js';
 import '../_common/js/tree/tree-node-model.js';
-import '../_chunks/dep-d89b1778.js';
-import '../_chunks/dep-3c053f29.js';
-import '../_chunks/dep-ae6d4867.js';
+import '../_chunks/dep-011c3c3f.js';
+import '../_chunks/dep-f4a5e55e.js';
+import '../_chunks/dep-313f7519.js';
 import '../cascader/Cascader.js';
 import '../cascader/components/Panel.js';
 import '../cascader/components/Item.js';
@@ -135,8 +135,8 @@ import '../popup/utils/ref.js';
 import '../_util/composeRefs.js';
 import '../popup/utils/transition.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-f27a526e.js';
-import '../_chunks/dep-bb1d3fbc.js';
+import '../_chunks/dep-04763712.js';
+import '../_chunks/dep-75341ecc.js';
 import '../_util/useWindowSize.js';
 import '../popup/defaultProps.js';
 import '../select-input/useSingle.js';
@@ -175,7 +175,7 @@ import '../upload/hooks/useDrag.js';
 import '../upload/themes/ImageCard.js';
 import '../image-viewer/index.js';
 import '../image-viewer/ImageViewer.js';
-import '../_chunks/dep-0e006969.js';
+import '../_chunks/dep-b21a737d.js';
 import '../tooltip/index.js';
 import '../tooltip/Tooltip.js';
 import '../tooltip/defaultProps.js';
@@ -244,7 +244,7 @@ import '../jumper/defaultProps.js';
 import '../date-picker/base/Table.js';
 import '../date-picker/base/Cell.js';
 import '../_common/js/date-picker/utils.js';
-import '../_chunks/dep-93c439aa.js';
+import '../_chunks/dep-4070225f.js';
 import '../_common/js/date-picker/format.js';
 import '../time-picker/index.js';
 import '../time-picker/TimePicker.js';

package/lib/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../src/form/Form.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/useConfig';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport type { TdFormProps, NamePath } from './type';\nimport type { InternalFormInstance } from './hooks/interface';\nimport useInstance from './hooks/useInstance';\nimport useForm, { HOOK_MARK } from './hooks/useForm';\nimport useWatch from './hooks/useWatch';\nimport { StyledProps } from '../common';\nimport FormContext from './FormContext';\nimport FormItem from './FormItem';\nimport FormList from './FormList';\nimport { formDefaultProps } from './defaultProps';\n\nexport interface FormProps extends TdFormProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Form = forwardRefWithStatics(\n  (props: FormProps, ref) => {\n    const { classPrefix, form: globalFormConfig } = useConfig();\n\n    const {\n      style,\n      className,\n      labelWidth,\n      statusIcon,\n      labelAlign,\n      layout,\n      colon,\n      initialData,\n      requiredMark = globalFormConfig.requiredMark,\n      scrollToFirstError,\n      showErrorMessage,\n      resetType,\n      rules,\n      errorMessage = globalFormConfig.errorMessage,\n      preventSubmitDefault,\n      disabled,\n      children,\n      onReset,\n      onValuesChange = noop,\n    } = props;\n\n    \n    const formClass = classNames(`${classPrefix}-form`, className, {\n      [`${classPrefix}-form-inline`]: layout === 'inline',\n    });\n    \n    const [form] = useForm(props.form); // 内部与外部共享 form 实例，外部不传则内部创建\n    const formRef: React.RefObject<HTMLFormElement> = useRef();\n    const formMapRef = useRef(new Map()); // 收集所有 formItem 实例\n    const formInstance = useInstance(props, formRef, formMapRef);\n\n    useImperativeHandle(ref, () => formInstance);\n    Object.assign(form, { ...formInstance });\n\n    function onResetHandler(e: React.FormEvent<HTMLFormElement>) {\n      [...formMapRef.current.values()].forEach((formItemRef) => {\n        formItemRef?.current.resetField();\n      });\n      (form as InternalFormInstance)?.getInternalHooks?.(HOOK_MARK).notifyWatch?.([]);\n      onReset?.({ e });\n    }\n\n    function onFormItemValueChange(changedValue: Record<string, unknown>, name: NamePath) {\n      const allFields = formInstance.getFieldsValue(true);\n      onValuesChange(changedValue, allFields);\n\n      (form as InternalFormInstance)?.getInternalHooks?.(HOOK_MARK).notifyWatch?.(name);\n    }\n\n    function onKeyDownHandler(e: React.KeyboardEvent<HTMLFormElement>) {\n      // 禁用 input 输入框回车自动提交 form\n      if ((e.target as Element).tagName.toLowerCase() !== 'input') return;\n      if (preventSubmitDefault && e.key === 'Enter') {\n        e.preventDefault?.();\n        e.stopPropagation?.();\n      }\n    }\n\n    return (\n      <FormContext.Provider\n        value={{\n          form,\n          labelWidth,\n          statusIcon,\n          labelAlign,\n          layout,\n          colon,\n          initialData,\n          requiredMark,\n          errorMessage,\n          showErrorMessage,\n          scrollToFirstError,\n          resetType,\n          rules,\n          disabled,\n          formMapRef,\n          onFormItemValueChange,\n        }}\n      >\n        <form\n          ref={formRef}\n          style={style}\n          className={formClass}\n          onSubmit={formInstance.submit}\n          onReset={onResetHandler}\n          onKeyDown={onKeyDownHandler}\n        >\n          {children}\n        </form>\n      </FormContext.Provider>\n    );\n  },\n  { useForm, useWatch, FormItem, FormList },\n);\n\nForm.displayName = 'Form';\nForm.defaultProps = formDefaultProps;\n\nexport default Form;\n"],"names":["Form","forwardRefWithStatics","props","ref","useConfig","classPrefix","globalFormConfig","form","style","className","labelWidth","statusIcon","labelAlign","layout","colon","initialData","requiredMark","scrollToFirstError","showErrorMessage","resetType","rules","errorMessage","preventSubmitDefault","disabled","children","onReset","onValuesChange","noop","formClass","classNames","useForm","formRef","useRef","formMapRef","Map","formInstance","useInstance","useImperativeHandle","Object","assign","onResetHandler","e","current","values","forEach","formItemRef","resetField","getInternalHooks","HOOK_MARK","notifyWatch","onFormItemValueChange","changedValue","name","allFields","getFieldsValue","onKeyDownHandler","target","tagName","toLowerCase","key","preventDefault","stopPropagation","React","createElement","FormContext","Provider","value","onSubmit","submit","onKeyDown","useWatch","FormItem","FormList","displayName","defaultProps","formDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../../src/form/Form.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/useConfig';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport type { TdFormProps, NamePath } from './type';\nimport type { InternalFormInstance } from './hooks/interface';\nimport useInstance from './hooks/useInstance';\nimport useForm, { HOOK_MARK } from './hooks/useForm';\nimport useWatch from './hooks/useWatch';\nimport { StyledProps } from '../common';\nimport FormContext from './FormContext';\nimport FormItem from './FormItem';\nimport FormList from './FormList';\nimport { formDefaultProps } from './defaultProps';\n\nexport interface FormProps extends TdFormProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Form = forwardRefWithStatics(\n  (props: FormProps, ref) => {\n    const { classPrefix, form: globalFormConfig } = useConfig();\n\n    const {\n      style,\n      className,\n      labelWidth,\n      statusIcon,\n      labelAlign,\n      layout,\n      colon,\n      initialData,\n      requiredMark = globalFormConfig.requiredMark,\n      scrollToFirstError,\n      showErrorMessage,\n      resetType,\n      rules,\n      errorMessage = globalFormConfig.errorMessage,\n      preventSubmitDefault,\n      disabled,\n      children,\n      onReset,\n      onValuesChange = noop,\n    } = props;\n\n    const formClass = classNames(`${classPrefix}-form`, className, {\n      [`${classPrefix}-form-inline`]: layout === 'inline',\n    });\n\n    const [form] = useForm(props.form); // 内部与外部共享 form 实例，外部不传则内部创建\n    const formRef: React.RefObject<HTMLFormElement> = useRef();\n    const formMapRef = useRef(new Map()); // 收集所有包含 name 属性 formItem 实例\n    const formInstance = useInstance(props, formRef, formMapRef);\n\n    useImperativeHandle(ref, () => formInstance);\n    Object.assign(form, { ...formInstance });\n\n    function onResetHandler(e: React.FormEvent<HTMLFormElement>) {\n      [...formMapRef.current.values()].forEach((formItemRef) => {\n        formItemRef?.current.resetField();\n      });\n      (form as InternalFormInstance)?.getInternalHooks?.(HOOK_MARK).notifyWatch?.([]);\n      onReset?.({ e });\n    }\n\n    function onFormItemValueChange(changedValue: Record<string, unknown>, name: NamePath) {\n      const allFields = formInstance.getFieldsValue(true);\n      onValuesChange(changedValue, allFields);\n\n      (form as InternalFormInstance)?.getInternalHooks?.(HOOK_MARK).notifyWatch?.(name);\n    }\n\n    function onKeyDownHandler(e: React.KeyboardEvent<HTMLFormElement>) {\n      // 禁用 input 输入框回车自动提交 form\n      if ((e.target as Element).tagName.toLowerCase() !== 'input') return;\n      if (preventSubmitDefault && e.key === 'Enter') {\n        e.preventDefault?.();\n        e.stopPropagation?.();\n      }\n    }\n\n    return (\n      <FormContext.Provider\n        value={{\n          form,\n          labelWidth,\n          statusIcon,\n          labelAlign,\n          layout,\n          colon,\n          initialData,\n          requiredMark,\n          errorMessage,\n          showErrorMessage,\n          scrollToFirstError,\n          resetType,\n          rules,\n          disabled,\n          formMapRef,\n          onFormItemValueChange,\n        }}\n      >\n        <form\n          ref={formRef}\n          style={style}\n          className={formClass}\n          onSubmit={formInstance.submit}\n          onReset={onResetHandler}\n          onKeyDown={onKeyDownHandler}\n        >\n          {children}\n        </form>\n      </FormContext.Provider>\n    );\n  },\n  { useForm, useWatch, FormItem, FormList },\n);\n\nForm.displayName = 'Form';\nForm.defaultProps = formDefaultProps;\n\nexport default Form;\n"],"names":["Form","forwardRefWithStatics","props","ref","useConfig","classPrefix","globalFormConfig","form","style","className","labelWidth","statusIcon","labelAlign","layout","colon","initialData","requiredMark","scrollToFirstError","showErrorMessage","resetType","rules","errorMessage","preventSubmitDefault","disabled","children","onReset","onValuesChange","noop","formClass","classNames","useForm","formRef","useRef","formMapRef","Map","formInstance","useInstance","useImperativeHandle","Object","assign","onResetHandler","e","current","values","forEach","formItemRef","resetField","getInternalHooks","HOOK_MARK","notifyWatch","onFormItemValueChange","changedValue","name","allFields","getFieldsValue","onKeyDownHandler","target","tagName","toLowerCase","key","preventDefault","stopPropagation","React","createElement","FormContext","Provider","value","onSubmit","submit","onKeyDown","useWatch","FormItem","FormList","displayName","defaultProps","formDefaultProps"],"mappings":"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"}

package/lib/form/FormContext.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { TdFormProps, TdFormListProps, NamePath } from './type';
 import { FormItemInstance } from './FormItem';
+import { InternalFormInstance } from './hooks/interface';
 declare const FormContext: React.Context<{
-    form?: TdFormProps['form'];
+    form?: InternalFormInstance;
     labelWidth?: TdFormProps['labelWidth'];
     statusIcon?: TdFormProps['statusIcon'];
     labelAlign: TdFormProps['labelAlign'];
@@ -20,7 +21,7 @@ declare const FormContext: React.Context<{
     onFormItemValueChange: (changedValue: Record<string, unknown>, name: NamePath) => void;
 }>;
 export declare const useFormContext: () => {
-    form?: TdFormProps['form'];
+    form?: InternalFormInstance;
     labelWidth?: TdFormProps['labelWidth'];
     statusIcon?: TdFormProps['statusIcon'];
     labelAlign: TdFormProps['labelAlign'];

package/lib/form/FormContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.42.1-alpha.4
+ * tdesign v0.42.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/form/FormContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormContext.js","sources":["../../src/form/FormContext.tsx"],"sourcesContent":["import React from 'react';\nimport { TdFormProps, TdFormListProps, NamePath } from './type';\nimport { FormItemInstance } from './FormItem';\n\nconst FormContext = React.createContext<{\n  form?: TdFormProps['form'];\n  labelWidth?: TdFormProps['labelWidth'];\n  statusIcon?: TdFormProps['statusIcon'];\n  labelAlign: TdFormProps['labelAlign'];\n  layout: TdFormProps['layout'];\n  colon: TdFormProps['colon'];\n  initialData: TdFormProps['initialData'];\n  requiredMark: TdFormProps['requiredMark'];\n  scrollToFirstError: TdFormProps['scrollToFirstError'];\n  showErrorMessage: TdFormProps['showErrorMessage'];\n  resetType: TdFormProps['resetType'];\n  disabled: TdFormProps['disabled'];\n  rules: TdFormProps['rules'];\n  errorMessage: TdFormProps['errorMessage'];\n  formMapRef: React.RefObject<Map<any, React.RefObject<FormItemInstance>>>;\n  onFormItemValueChange: (changedValue: Record<string, unknown>, name: NamePath) => void;\n}>({\n  form: {},\n  labelWidth: '100px',\n  labelAlign: 'right',\n  layout: 'vertical',\n  colon: false,\n  initialData: {},\n  requiredMark: true,\n  scrollToFirstError: undefined,\n  showErrorMessage: true,\n  resetType: 'empty',\n  disabled: false,\n  rules: undefined,\n  errorMessage: undefined,\n  statusIcon: false,\n  onFormItemValueChange: undefined,\n  formMapRef: undefined,\n});\n\nexport const useFormContext = () => React.useContext(FormContext);\n\nexport default FormContext;\n\nexport const FormListContext = React.createContext<{\n  name: NamePath;\n  rules: TdFormListProps['rules'];\n  formListMapRef: React.RefObject<Map<any, React.RefObject<FormItemInstance>>>;\n}>({\n  name: undefined,\n  rules: undefined,\n  formListMapRef: undefined,\n});\n\nexport const useFormListContext = () => React.useContext(FormListContext);\n"],"names":["FormContext","React","createContext","form","labelWidth","labelAlign","layout","colon","initialData","requiredMark","scrollToFirstError","showErrorMessage","resetType","disabled","rules","errorMessage","statusIcon","onFormItemValueChange","formMapRef","useFormContext","useContext","FormListContext","name","formListMapRef","useFormListContext"],"mappings":";;;;;;;;AAIA,IAAMA,WAAA,gBAAcC,MAAMC,aAAN,CAiBjB;AACDC,EAAAA,MAAM,EADL;AAEDC,EAAAA,UAAY,EAAA,OAFX;AAGDC,EAAAA,UAAY,EAAA,OAHX;AAIDC,EAAAA,MAAQ,EAAA,UAJP;AAKDC,EAAAA,KAAO,EAAA,KALN;AAMDC,EAAAA,aAAa,EANZ;AAODC,EAAAA,YAAc,EAAA,IAPb;EAQDC,kBAAoB,EAAA,KAAA,CARnB;AASDC,EAAAA,gBAAkB,EAAA,IATjB;AAUDC,EAAAA,SAAW,EAAA,OAVV;AAWDC,EAAAA,QAAU,EAAA,KAXT;EAYDC,KAAO,EAAA,KAAA,CAZN;EAaDC,YAAc,EAAA,KAAA,CAbb;AAcDC,EAAAA,UAAY,EAAA,KAdX;EAeDC,qBAAuB,EAAA,KAAA,CAftB;AAgBDC,EAAAA,UAAY,EAAA,KAAA,CAAA;AAhBX,CAjBiB,EAApB;AAoCaC,IAAAA,cAAiB,GAAA,SAAjBA,cAAiB,GAAA;AAAA,EAAA,OAAMlB,KAAM,CAAAmB,UAAN,CAAiBpB,WAAjB,CAAN,CAAA;AAAA,EAAvB;IAIMqB,eAAA,gBAAkBpB,MAAMC,aAAN,CAI5B;EACDoB,IAAM,EAAA,KAAA,CADL;EAEDR,KAAO,EAAA,KAAA,CAFN;AAGDS,EAAAA,cAAgB,EAAA,KAAA,CAAA;AAHf,CAJ4B,EAAlB;AAUAC,IAAAA,kBAAqB,GAAA,SAArBA,kBAAqB,GAAA;AAAA,EAAA,OAAMvB,KAAM,CAAAmB,UAAN,CAAiBC,eAAjB,CAAN,CAAA;AAAA;;;;"}
+{"version":3,"file":"FormContext.js","sources":["../../src/form/FormContext.tsx"],"sourcesContent":["import React from 'react';\nimport { TdFormProps, TdFormListProps, NamePath } from './type';\nimport { FormItemInstance } from './FormItem';\nimport { InternalFormInstance } from './hooks/interface';\n\nconst FormContext = React.createContext<{\n  form?: InternalFormInstance;\n  labelWidth?: TdFormProps['labelWidth'];\n  statusIcon?: TdFormProps['statusIcon'];\n  labelAlign: TdFormProps['labelAlign'];\n  layout: TdFormProps['layout'];\n  colon: TdFormProps['colon'];\n  initialData: TdFormProps['initialData'];\n  requiredMark: TdFormProps['requiredMark'];\n  scrollToFirstError: TdFormProps['scrollToFirstError'];\n  showErrorMessage: TdFormProps['showErrorMessage'];\n  resetType: TdFormProps['resetType'];\n  disabled: TdFormProps['disabled'];\n  rules: TdFormProps['rules'];\n  errorMessage: TdFormProps['errorMessage'];\n  formMapRef: React.RefObject<Map<any, React.RefObject<FormItemInstance>>>;\n  onFormItemValueChange: (changedValue: Record<string, unknown>, name: NamePath) => void;\n}>({\n  form: {},\n  labelWidth: '100px',\n  labelAlign: 'right',\n  layout: 'vertical',\n  colon: false,\n  initialData: {},\n  requiredMark: true,\n  scrollToFirstError: undefined,\n  showErrorMessage: true,\n  resetType: 'empty',\n  disabled: false,\n  rules: undefined,\n  errorMessage: undefined,\n  statusIcon: false,\n  onFormItemValueChange: undefined,\n  formMapRef: undefined,\n});\n\nexport const useFormContext = () => React.useContext(FormContext);\n\nexport default FormContext;\n\nexport const FormListContext = React.createContext<{\n  name: NamePath;\n  rules: TdFormListProps['rules'];\n  formListMapRef: React.RefObject<Map<any, React.RefObject<FormItemInstance>>>;\n}>({\n  name: undefined,\n  rules: undefined,\n  formListMapRef: undefined,\n});\n\nexport const useFormListContext = () => React.useContext(FormListContext);\n"],"names":["FormContext","React","createContext","form","labelWidth","labelAlign","layout","colon","initialData","requiredMark","scrollToFirstError","showErrorMessage","resetType","disabled","rules","errorMessage","statusIcon","onFormItemValueChange","formMapRef","useFormContext","useContext","FormListContext","name","formListMapRef","useFormListContext"],"mappings":";;;;;;;;AAKA,IAAMA,WAAA,gBAAcC,MAAMC,aAAN,CAiBjB;AACDC,EAAAA,MAAM,EADL;AAEDC,EAAAA,UAAY,EAAA,OAFX;AAGDC,EAAAA,UAAY,EAAA,OAHX;AAIDC,EAAAA,MAAQ,EAAA,UAJP;AAKDC,EAAAA,KAAO,EAAA,KALN;AAMDC,EAAAA,aAAa,EANZ;AAODC,EAAAA,YAAc,EAAA,IAPb;EAQDC,kBAAoB,EAAA,KAAA,CARnB;AASDC,EAAAA,gBAAkB,EAAA,IATjB;AAUDC,EAAAA,SAAW,EAAA,OAVV;AAWDC,EAAAA,QAAU,EAAA,KAXT;EAYDC,KAAO,EAAA,KAAA,CAZN;EAaDC,YAAc,EAAA,KAAA,CAbb;AAcDC,EAAAA,UAAY,EAAA,KAdX;EAeDC,qBAAuB,EAAA,KAAA,CAftB;AAgBDC,EAAAA,UAAY,EAAA,KAAA,CAAA;AAhBX,CAjBiB,EAApB;AAoCaC,IAAAA,cAAiB,GAAA,SAAjBA,cAAiB,GAAA;AAAA,EAAA,OAAMlB,KAAM,CAAAmB,UAAN,CAAiBpB,WAAjB,CAAN,CAAA;AAAA,EAAvB;IAIMqB,eAAA,gBAAkBpB,MAAMC,aAAN,CAI5B;EACDoB,IAAM,EAAA,KAAA,CADL;EAEDR,KAAO,EAAA,KAAA,CAFN;AAGDS,EAAAA,cAAgB,EAAA,KAAA,CAAA;AAHf,CAJ4B,EAAlB;AAUAC,IAAAA,kBAAqB,GAAA,SAArBA,kBAAqB,GAAA;AAAA,EAAA,OAAMvB,KAAM,CAAAmB,UAAN,CAAiBC,eAAjB,CAAN,CAAA;AAAA;;;;"}

package/lib/form/FormItem.d.ts

@@ -15,8 +15,6 @@ export interface FormItemInstance {
     setValidateMessage?: Function;
     resetValidate?: Function;
     validateOnly?: Function;
-    shouldUpdate?: TdFormItemProps['shouldUpdate'];
-    update?: Function;
 }
 declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<FormItemInstance>>;
 export default FormItem;

package/lib/form/FormItem.js

@@ -1,65 +1,68 @@
 /**
- * tdesign v0.42.1-alpha.4
+ * tdesign v0.42.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../_chunks/dep-ebe8b3c0.js';
-import { _ as _asyncToGenerator, r as regenerator } from '../_chunks/dep-a8dabcb9.js';
-import { _ as _defineProperty } from '../_chunks/dep-666ef014.js';
-import { _ as _slicedToArray } from '../_chunks/dep-47faffd4.js';
+import { _ as _typeof } from '../_chunks/dep-02bd9c6d.js';
+import { _ as _asyncToGenerator, r as regenerator } from '../_chunks/dep-046fba17.js';
+import { _ as _defineProperty } from '../_chunks/dep-166d2f05.js';
+import { _ as _slicedToArray } from '../_chunks/dep-25703f93.js';
 import React, { forwardRef, useState, useRef, useMemo, useEffect, useImperativeHandle } from 'react';
-import { i as isObject_1 } from '../_chunks/dep-724a2d52.js';
-import { i as isString_1 } from '../_chunks/dep-4c894660.js';
-import { g as get_1 } from '../_chunks/dep-f147b442.js';
-import { _ as _createAssigner, m as merge_1 } from '../_chunks/dep-b5875058.js';
-import { _ as _copyObject, k as keysIn_1 } from '../_chunks/dep-93a9e56b.js';
-import { _ as _apply } from '../_chunks/dep-c47aba3f.js';
-import { _ as _baseRest } from '../_chunks/dep-066d7e67.js';
-import { _ as _baseGetTag } from '../_chunks/dep-8af7be1f.js';
-import { i as isObjectLike_1 } from '../_chunks/dep-7983d2f9.js';
-import { i as isPlainObject_1 } from '../_chunks/dep-10ead224.js';
-import { _ as _arrayMap, t as toString_1 } from '../_chunks/dep-d1144cb7.js';
-import { e as eq_1 } from '../_chunks/dep-020550cc.js';
-import { _ as _isIterateeCall } from '../_chunks/dep-c6592ff7.js';
-import { k as keys_1 } from '../_chunks/dep-a44e221a.js';
-import { _ as _basePropertyOf } from '../_chunks/dep-61ff2ef8.js';
+import { i as isObject_1 } from '../_chunks/dep-d57429c3.js';
+import { i as isString_1 } from '../_chunks/dep-183899ef.js';
+import { g as get_1 } from '../_chunks/dep-a657ee01.js';
+import { _ as _createAssigner, m as merge_1 } from '../_chunks/dep-12778c1c.js';
+import { i as isFunction_1 } from '../_chunks/dep-7620f286.js';
+import { _ as _copyObject, k as keysIn_1 } from '../_chunks/dep-8d039c69.js';
+import { _ as _apply } from '../_chunks/dep-d2adac40.js';
+import { _ as _baseRest } from '../_chunks/dep-2f5cfb3f.js';
+import { _ as _baseGetTag } from '../_chunks/dep-ccdf799e.js';
+import { i as isObjectLike_1 } from '../_chunks/dep-4a0c36a6.js';
+import { i as isPlainObject_1 } from '../_chunks/dep-4d0bbe13.js';
+import { _ as _arrayMap, t as toString_1 } from '../_chunks/dep-380f9249.js';
+import { e as eq_1 } from '../_chunks/dep-41033a7e.js';
+import { _ as _isIterateeCall } from '../_chunks/dep-e6214d67.js';
+import { k as keys_1 } from '../_chunks/dep-4b7929dd.js';
+import { _ as _basePropertyOf } from '../_chunks/dep-95d231c8.js';
 import { CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon } from 'tdesign-icons-react';
 import { calcFieldValue } from './utils/index.js';
 import useConfig from '../hooks/useConfig.js';
 import useGlobalIcon from '../hooks/useGlobalIcon.js';
+import { HOOK_MARK } from './hooks/useForm.js';
 import { validate } from './formModel.js';
 import { useFormContext, useFormListContext } from './FormContext.js';
 import useFormItemStyle from './hooks/useFormItemStyle.js';
 import { formItemDefaultProps } from './defaultProps.js';
 import { getDefaultInitialData, ctrlKeyMap } from './useInitialData.js';
 import { ValidateStatus } from './const.js';
-import '../_chunks/dep-a7fc489c.js';
-import '../_chunks/dep-44b4f334.js';
-import '../_chunks/dep-d6e6b696.js';
-import '../_chunks/dep-d8d5b25c.js';
-import '../_chunks/dep-ba7ae5d8.js';
-import '../_chunks/dep-b6e5209e.js';
-import '../_chunks/dep-299631be.js';
-import '../_chunks/dep-604d49fa.js';
-import '../_chunks/dep-f639d91f.js';
-import '../_chunks/dep-2afc52bb.js';
-import '../_chunks/dep-d2968cf0.js';
-import '../_chunks/dep-5cd8cf2d.js';
-import '../_chunks/dep-0344bed5.js';
-import '../_chunks/dep-c71355a4.js';
-import '../_chunks/dep-4e6a238f.js';
-import '../_chunks/dep-81d5f812.js';
-import '../_chunks/dep-8e2eb7f6.js';
-import '../_chunks/dep-bf22ba02.js';
-import '../_chunks/dep-5753d9a2.js';
+import '../_chunks/dep-ea638eb3.js';
+import '../_chunks/dep-abdf063e.js';
+import '../_chunks/dep-cfb915bb.js';
+import '../_chunks/dep-13e34b5a.js';
+import '../_chunks/dep-6ef16e08.js';
+import '../_chunks/dep-3a95199f.js';
+import '../_chunks/dep-1c74192b.js';
+import '../_chunks/dep-1e5ae2e2.js';
+import '../_chunks/dep-f636925e.js';
+import '../_chunks/dep-444c6332.js';
+import '../_chunks/dep-ba3df948.js';
+import '../_chunks/dep-825838bf.js';
+import '../_chunks/dep-c08b3fcf.js';
+import '../_chunks/dep-b0e2b807.js';
+import '../_chunks/dep-249fe869.js';
+import '../_chunks/dep-b695fcaf.js';
+import '../_chunks/dep-3d6bca52.js';
+import '../_chunks/dep-b28e7989.js';
 import '../config-provider/ConfigContext.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../_common/js/global-config/default-config.js';
-import '../_chunks/dep-9162f7ea.js';
-import '../_chunks/dep-f26a3901.js';
+import '../_chunks/dep-a59226cf.js';
+import '../_common/js/log/log.js';
+import '../_chunks/dep-6d8415bd.js';
+import '../_chunks/dep-440d3193.js';
 import '../_common/js/utils/helper.js';
-import '../_chunks/dep-fe29d341.js';
+import '../_chunks/dep-99204619.js';
 import 'classnames';
 import '../_util/renderTNode.js';
 import '../tree/Tree.js';
@@ -69,9 +72,9 @@ import '../tree/useTreeConfig.js';
 import '../locale/LocalReceiver.js';
 import '../tree/useControllable.js';
 import '../hooks/useControlled.js';
-import '../_chunks/dep-25d25f52.js';
-import '../_chunks/dep-76fa368e.js';
-import '../_chunks/dep-c958592d.js';
+import '../_chunks/dep-a030651a.js';
+import '../_chunks/dep-3395e23f.js';
+import '../_chunks/dep-40d6166c.js';
 import '../_util/noop.js';
 import '../tree/TreeItem.js';
 import '../loading/index.js';
@@ -90,28 +93,26 @@ import '../_util/useRipple.js';
 import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../checkbox/index.js';
-import '../_chunks/dep-83d21da5.js';
+import '../_chunks/dep-2effe199.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
 import '../_util/helper.js';
-import '../_chunks/dep-ada9c311.js';
+import '../_chunks/dep-47027a3f.js';
 import '../checkbox/defaultProps.js';
 import '../tree/useStore.js';
-import '../_chunks/dep-7f84d7e0.js';
+import '../_chunks/dep-4ab66c46.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useLayoutEffect.js';
 import '../_common/js/tree/tree-store.js';
-import '../_chunks/dep-1205051a.js';
-import '../_chunks/dep-cfc98077.js';
-import '../_chunks/dep-95c02d29.js';
-import '../_chunks/dep-9c2dcf5f.js';
+import '../_chunks/dep-277ce0d0.js';
+import '../_chunks/dep-eb1a0c65.js';
+import '../_chunks/dep-59f5cfc7.js';
 import '../_common/js/tree/tree-node.js';
 import '../_common/js/tree/tree-node-model.js';
-import '../_chunks/dep-d89b1778.js';
-import '../_chunks/dep-3c053f29.js';
-import '../_chunks/dep-ae6d4867.js';
-import '../_common/js/log/log.js';
+import '../_chunks/dep-011c3c3f.js';
+import '../_chunks/dep-f4a5e55e.js';
+import '../_chunks/dep-313f7519.js';
 import '../cascader/Cascader.js';
 import '../cascader/components/Panel.js';
 import '../cascader/components/Item.js';
@@ -130,8 +131,8 @@ import '../popup/utils/ref.js';
 import '../_util/composeRefs.js';
 import '../popup/utils/transition.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-f27a526e.js';
-import '../_chunks/dep-bb1d3fbc.js';
+import '../_chunks/dep-04763712.js';
+import '../_chunks/dep-75341ecc.js';
 import '../_util/useWindowSize.js';
 import '../popup/defaultProps.js';
 import '../select-input/useSingle.js';
@@ -170,7 +171,7 @@ import '../upload/hooks/useDrag.js';
 import '../upload/themes/ImageCard.js';
 import '../image-viewer/index.js';
 import '../image-viewer/ImageViewer.js';
-import '../_chunks/dep-0e006969.js';
+import '../_chunks/dep-b21a737d.js';
 import '../tooltip/index.js';
 import '../tooltip/Tooltip.js';
 import '../tooltip/defaultProps.js';
@@ -239,7 +240,7 @@ import '../jumper/defaultProps.js';
 import '../date-picker/base/Table.js';
 import '../date-picker/base/Cell.js';
 import '../_common/js/date-picker/utils.js';
-import '../_chunks/dep-93c439aa.js';
+import '../_chunks/dep-4070225f.js';
 import '../_common/js/date-picker/format.js';
 import '../time-picker/index.js';
 import '../time-picker/TimePicker.js';
@@ -871,6 +872,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       help = props.help,
       initialData = props.initialData,
       className = props.className,
+      shouldUpdate = props.shouldUpdate,
       successBorder = props.successBorder,
       _props$statusIcon = props.statusIcon,
       statusIcon = _props$statusIcon === void 0 ? statusIconFromContext : _props$statusIcon,
@@ -928,7 +930,7 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       formValue = _useState16[0],
       setFormValue = _useState16[1];
 
-  var currentFormItemRef = useRef();
+  var formItemRef = useRef();
   var innerFormItemsRef = useRef([]);
   var shouldValidate = useRef(false);
   var valueRef = useRef(formValue);
@@ -969,7 +971,14 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
       extraNode = _useFormItemStyle.extraNode;
 
   var updateFormValue = function updateFormValue(newVal) {
+    var _form$getInternalHook, _form$getFieldsValue;
+
     var validate2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+    var _ref = (form === null || form === void 0 ? void 0 : (_form$getInternalHook = form.getInternalHooks) === null || _form$getInternalHook === void 0 ? void 0 : _form$getInternalHook.call(form, HOOK_MARK)) || {},
+        setPrevStore = _ref.setPrevStore;
+
+    setPrevStore === null || setPrevStore === void 0 ? void 0 : setPrevStore(form === null || form === void 0 ? void 0 : (_form$getFieldsValue = form.getFieldsValue) === null || _form$getFieldsValue === void 0 ? void 0 : _form$getFieldsValue.call(form, true));
     shouldValidate.current = validate2;
     valueRef.current = newVal;
     setFormValue(newVal);
@@ -1320,18 +1329,37 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     filterRules.length && validate$1("change");
   }, [formValue]);
+  useEffect(function () {
+    var _form$getInternalHook2;
+
+    if (!shouldUpdate || !form) return;
+
+    var _ref2 = (form === null || form === void 0 ? void 0 : (_form$getInternalHook2 = form.getInternalHooks) === null || _form$getInternalHook2 === void 0 ? void 0 : _form$getInternalHook2.call(form, HOOK_MARK)) || {},
+        getPrevStore = _ref2.getPrevStore,
+        registerWatch = _ref2.registerWatch;
+
+    var cancelRegister = registerWatch === null || registerWatch === void 0 ? void 0 : registerWatch(function () {
+      var _form$getFieldsValue2;
+
+      var currStore = (form === null || form === void 0 ? void 0 : (_form$getFieldsValue2 = form.getFieldsValue) === null || _form$getFieldsValue2 === void 0 ? void 0 : _form$getFieldsValue2.call(form, true)) || {};
+      var updateFlag = shouldUpdate;
+      if (isFunction_1(shouldUpdate)) updateFlag = shouldUpdate(getPrevStore === null || getPrevStore === void 0 ? void 0 : getPrevStore(), currStore);
+      if (updateFlag) forceUpdate({});
+    });
+    return cancelRegister;
+  }, [shouldUpdate, form]);
   useEffect(function () {
     if (typeof name === "undefined") return;
 
     if (formListName) {
-      formListMapRef.current.set(name, currentFormItemRef);
+      formListMapRef.current.set(name, formItemRef);
       return function () {
         formListMapRef.current["delete"](name);
       };
     }
 
     if (!formMapRef) return;
-    formMapRef.current.set(name, currentFormItemRef);
+    formMapRef.current.set(name, formItemRef);
     return function () {
       formMapRef.current["delete"](name);
     };
@@ -1350,19 +1378,15 @@ var FormItem = /*#__PURE__*/forwardRef(function (props, ref) {
     validateOnly: validateOnly,
     resetField: resetField,
     setValidateMessage: setValidateMessage,
-    resetValidate: resetHandler,
-    shouldUpdate: props.shouldUpdate,
-    update: function update() {
-      return forceUpdate({});
-    }
+    resetValidate: resetHandler
   };
   useImperativeHandle(ref, function () {
     return instance;
   });
-  useImperativeHandle(currentFormItemRef, function () {
+  useImperativeHandle(formItemRef, function () {
     return instance;
   });
-  if (typeof children === "function") return children(form);
+  if (isFunction_1(children)) return children(form);
   return /* @__PURE__ */React.createElement("div", {
     className: formItemClass,
     style: style