@flowgram.ai/node 0.1.12 → 0.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +6 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +9 -5
- package/dist/index.d.ts +9 -5
- package/dist/index.js +4 -1
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
package/dist/esm/index.js
CHANGED
|
@@ -25,7 +25,8 @@ import {
|
|
|
25
25
|
import {
|
|
26
26
|
createForm,
|
|
27
27
|
FieldArrayModel,
|
|
28
|
-
Glob
|
|
28
|
+
Glob,
|
|
29
|
+
toForm
|
|
29
30
|
} from "@flowgram.ai/form";
|
|
30
31
|
import { PlaygroundContext } from "@flowgram.ai/core";
|
|
31
32
|
|
|
@@ -191,7 +192,7 @@ var FormModelV2 = class extends FormModel {
|
|
|
191
192
|
if (effect) {
|
|
192
193
|
this.effectMap = effect;
|
|
193
194
|
}
|
|
194
|
-
const defaultValues = typeof formMeta.defaultValues === "function" ? formMeta.defaultValues() : formMeta.defaultValues;
|
|
195
|
+
const defaultValues = typeof formMeta.defaultValues === "function" ? formMeta.defaultValues(this.nodeContext) : formMeta.defaultValues;
|
|
195
196
|
const initialValues = formMeta.formatOnInit ? formMeta.formatOnInit(rawInitialValues, this.nodeContext) : rawInitialValues;
|
|
196
197
|
const { control } = createForm({
|
|
197
198
|
initialValues: initialValues || defaultValues,
|
|
@@ -227,6 +228,7 @@ var FormModelV2 = class extends FormModel {
|
|
|
227
228
|
value: get(values, currentName),
|
|
228
229
|
prevValue: get(prevValues, currentName),
|
|
229
230
|
formValues: values,
|
|
231
|
+
form: toForm(this.nativeFormModel),
|
|
230
232
|
context: this.nodeContext
|
|
231
233
|
});
|
|
232
234
|
if (effectReturn && typeof effectReturn === "function" && this.effectReturnMap.has(event)) {
|
|
@@ -254,6 +256,7 @@ var FormModelV2 = class extends FormModel {
|
|
|
254
256
|
value: get(values, path),
|
|
255
257
|
formValues: values,
|
|
256
258
|
prevValue: get(prevValues, path),
|
|
259
|
+
form: toForm(this.nativeFormModel),
|
|
257
260
|
context: this.nodeContext
|
|
258
261
|
});
|
|
259
262
|
if (effectReturn && typeof effectReturn === "function" && this.effectReturnMap.has(event)) {
|
|
@@ -276,6 +279,7 @@ var FormModelV2 = class extends FormModel {
|
|
|
276
279
|
({ effect: effect2 }) => effect2({
|
|
277
280
|
...props,
|
|
278
281
|
formValues: nativeFormModel.values,
|
|
282
|
+
form: toForm(this.nativeFormModel),
|
|
279
283
|
context: this.nodeContext
|
|
280
284
|
})
|
|
281
285
|
);
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/types.ts","../../src/form-model-v2.ts","../../src/utils.ts","../../src/form-render.tsx","../../src/helpers.ts","../../src/hooks.ts","../../src/form-plugin.ts","../../src/get-node-form.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FormModel, IFormMeta, NodeFormContext } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue } from '@flowgram.ai/form/src/types';\nimport { FormRenderProps, Validate as FormValidate, ValidateTrigger } from '@flowgram.ai/form';\n\nimport { FormPlugin } from './form-plugin';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface Node {}\n\nexport interface Flow {}\n\n/**\n * NodeContext contains\n * - node: the Editor's node entity.\n * - playgroundContext: the Editor's playgroundContext injected when initiate the Editor.\n */\ntype NodeContext = NodeFormContext;\n\nexport type Validate<TFieldValue = any, TFormValues = any> = (props: {\n value: TFieldValue;\n formValues: TFormValues;\n context: NodeContext;\n name: FieldName;\n}) => ReturnType<FormValidate<TFieldValue, TFormValues>>;\n\nexport enum DataEvent {\n /* When value change */\n onValueChange = 'onValueChange',\n /**\n * When value Init,it triggers when\n * - defaultValue is configured in formMeta, it will trigger when form is initializing.\n * - defaultValue is configured in Field, it will trigger when this Field is initializing if no initial value is set to this field.\n */\n onValueInit = 'onValueInit',\n /**\n * When Value Init or change\n */\n onValueInitOrChange = 'onValueInitOrChange',\n /* It will trigger when ArrayField.append is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayAppend = 'onArrayAppend',\n /* It will trigger when ArrayField.delete is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayDelete = 'onArrayDelete',\n}\n\nexport type EffectReturn = () => void;\n\nexport type Effect<TFieldValue = any, TFormValues = any> = (props: {\n name: FieldName;\n value: TFieldValue;\n prevValue?: TFieldValue;\n formValues: TFormValues;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type ArrayAppendEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n value: TFieldValue;\n arrayValues: Array<TFieldValue>;\n formValues: TFormValues;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type ArrayDeleteEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n arrayValue: Array<TFieldValue>;\n formValues: TFormValues;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type EffectOptions =\n | { effect: Effect; event: DataEvent }\n | { effect: ArrayAppendEffect; event: DataEvent }\n | { effect: ArrayDeleteEffect; event: DataEvent };\n\nexport interface FormMeta<TValues = any> {\n /**\n * The render method of the node form content. <Form /> is already integrated, so you don't need to wrap your components with <Form />\n * @param props\n */\n render: (props: FormRenderProps<any>) => React.ReactElement;\n /**\n * When to trigger the validation.\n */\n validateTrigger?: ValidateTrigger;\n /**\n * Form data's validation rules. It's a key value map, where the key is a pattern of data's path (or field name), the value is a validate function.\n */\n validate?: Record<FieldName, Validate>;\n /**\n * Form data's effects. It's a key value map, where the key is a pattern of data's path (or field name), the value is an array of effect configuration.\n */\n effect?: Record<FieldName, EffectOptions[]>;\n /**\n * Form data's complete default value. it will not be sent to formatOnInit, but used directly as form's value when needed.\n */\n defaultValues?: TValues | ((contest: NodeContext) => TValues);\n /**\n * This function is to format the value when initiate the form, the returned value will be used as the initial value of the form.\n * @param value value input to node as initialValue.\n * @param context\n */\n formatOnInit?: (value: any, context: NodeContext) => any;\n /**\n * This function is to format the value when FormModel.toJSON is called, the returned value will be used as the final value to be saved .\n * @param value value sent by form before format.\n * @param context\n */\n formatOnSubmit?: (value: any, context: NodeContext) => any;\n /**\n * Form's plugins\n */\n plugins?: FormPlugin[];\n}\n\nexport function isFormModelV2(fm: FormModel | FormModelV2): fm is FormModelV2 {\n return 'onFormValuesChange' in fm;\n}\n\nexport function isFormMetaV2(formMeta: IFormMeta | FormMeta) {\n return 'render' in formMeta;\n}\n\nexport type FormPluginCtx = {\n formModel: FormModelV2;\n} & NodeContext;\n\nexport interface onFormValueChangeInPayload<TValue = FieldValue, TFormValues = FieldValue> {\n value: TValue;\n prevValue: TValue;\n formValues: TFormValues;\n prevFormValues: TFormValues;\n}\n","import { get, groupBy, isEmpty, mapKeys } from 'lodash';\nimport { Disposable, DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport {\n FlowNodeFormData,\n FormFeedback,\n FormItem,\n FormManager,\n FormModel,\n FormModelValid,\n IFormItem,\n OnFormValuesChangePayload,\n} from '@flowgram.ai/form-core';\nimport {\n createForm,\n FieldArrayModel,\n FieldName,\n FieldValue,\n type FormControl,\n FormModel as NativeFormModel,\n FormValidateReturn,\n Glob,\n IField,\n IFieldArray,\n} from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\nimport { PlaygroundContext } from '@flowgram.ai/core';\n\nimport {\n convertGlobPath,\n findMatchedInMap,\n formFeedbacksToNodeCoreFormFeedbacks,\n mergeEffectMap,\n} from './utils';\nimport {\n DataEvent,\n Effect,\n EffectOptions,\n EffectReturn,\n FormMeta,\n onFormValueChangeInPayload,\n} from './types';\nimport { renderForm } from './form-render';\nimport { FormPlugin } from './form-plugin';\n\nconst DEFAULT = {\n EFFECT_MAP: {},\n EFFECT_RETURN_MAP: new Map([\n [DataEvent.onValueInitOrChange, {}],\n [DataEvent.onValueChange, {}],\n [DataEvent.onValueInit, {}],\n [DataEvent.onArrayAppend, {}],\n [DataEvent.onArrayDelete, {}],\n ]),\n FORM_FEEDBACKS: [],\n VALID: null,\n};\n\nexport class FormModelV2 extends FormModel implements Disposable {\n protected effectMap: Record<string, EffectOptions[]> = DEFAULT.EFFECT_MAP;\n\n protected effectReturnMap: Map<DataEvent, Record<string, EffectReturn>> =\n DEFAULT.EFFECT_RETURN_MAP;\n\n protected plugins: FormPlugin[] = [];\n\n protected node: FlowNodeEntity;\n\n protected formFeedbacks: FormValidateReturn | undefined = DEFAULT.FORM_FEEDBACKS;\n\n protected onInitializedEmitter = new Emitter<FormModel>();\n\n protected onValidateEmitter = new Emitter<FormModel>();\n\n readonly onValidate = this.onValidateEmitter.event;\n\n readonly onInitialized = this.onInitializedEmitter.event;\n\n protected onDisposeEmitter = new Emitter<void>();\n\n readonly onDispose = this.onDisposeEmitter.event;\n\n protected toDispose = new DisposableCollection();\n\n protected onFormValuesChangeEmitter = new Emitter<OnFormValuesChangePayload>();\n\n readonly onFormValuesChange = this.onFormValuesChangeEmitter.event;\n\n protected onValidChangeEmitter = new Emitter<FormModelValid>();\n\n readonly onValidChange = this.onValidChangeEmitter.event;\n\n protected onFeedbacksChangeEmitter = new Emitter<FormFeedback[]>();\n\n readonly onFeedbacksChange = this.onFeedbacksChangeEmitter.event;\n\n constructor(node: FlowNodeEntity) {\n super();\n this.node = node;\n this.toDispose.pushAll([\n this.onInitializedEmitter,\n this.onValidateEmitter,\n this.onValidChangeEmitter,\n this.onFeedbacksChangeEmitter,\n this.onFormValuesChangeEmitter,\n ]);\n }\n\n protected _valid: FormModelValid = DEFAULT.VALID;\n\n get valid(): FormModelValid {\n return this._valid;\n }\n\n private set valid(valid: FormModelValid) {\n this._valid = valid;\n this.onValidChangeEmitter.fire(valid);\n }\n\n get flowNodeEntity() {\n return this.node;\n }\n\n get formManager() {\n return this.node.getService(FormManager);\n }\n\n protected _formControl?: FormControl<any>;\n\n get formControl() {\n return this._formControl;\n }\n\n get formMeta() {\n return this.node.getNodeRegistry().formMeta;\n }\n\n protected _feedbacks: FormFeedback[] = [];\n\n get feedbacks(): FormFeedback[] {\n return this._feedbacks;\n }\n\n private set feedbacks(feedbacks: FormFeedback[]) {\n this._feedbacks = feedbacks;\n this.onFeedbacksChangeEmitter.fire(feedbacks);\n }\n\n get formItemPathMap(): Map<string, IFormItem> {\n return new Map<string, IFormItem>();\n }\n\n protected _initialized: boolean = false;\n\n get initialized(): boolean {\n return this._initialized;\n }\n\n get nodeContext() {\n return {\n node: this.node,\n playgroundContext: this.node.getService(PlaygroundContext),\n };\n }\n\n get nativeFormModel(): NativeFormModel | undefined {\n return this._formControl?._formModel;\n }\n\n render() {\n return renderForm(this);\n }\n\n initPlugins(plugins: FormPlugin[]) {\n if (!plugins.length) {\n return;\n }\n\n this.plugins = plugins;\n plugins.forEach((plugin) => {\n plugin.init(this);\n if (plugin.config?.effect) {\n mergeEffectMap(this.effectMap, plugin.config.effect);\n }\n });\n }\n\n init(formMeta: FormMeta, rawInitialValues?: any) {\n /* 透传 onFormValuesChange 事件给 FlowNodeFormData */\n const formData = this.node.getData<FlowNodeFormData>(FlowNodeFormData);\n this.onFormValuesChange(() => {\n this._valid = null;\n formData.fireChange();\n });\n\n const { validateTrigger, validate, effect } = formMeta;\n if (effect) {\n this.effectMap = effect;\n }\n\n // 计算初始值: defaultValues 是默认表单值,不需要被format, 而rawInitialValues 是用户创建form 时传入的初始值,可能不同于表单数据格式,需要被format\n const defaultValues =\n typeof formMeta.defaultValues === 'function'\n ? formMeta.defaultValues()\n : formMeta.defaultValues;\n\n const initialValues = formMeta.formatOnInit\n ? formMeta.formatOnInit(rawInitialValues, this.nodeContext)\n : rawInitialValues;\n\n // 初始化底层表单\n const { control } = createForm({\n initialValues: initialValues || defaultValues,\n validateTrigger,\n context: this.nodeContext,\n validate: validate,\n disableAutoInit: true,\n });\n\n this._formControl = control;\n const nativeFormModel = control._formModel;\n this.toDispose.push(nativeFormModel);\n\n // forward onFormValuesChange event\n nativeFormModel.onFormValuesChange((props) => {\n this.onFormValuesChangeEmitter.fire(props);\n });\n\n if (formMeta.plugins) {\n this.initPlugins(formMeta.plugins);\n }\n\n // Form 数据变更时触发对应的effect\n nativeFormModel.onFormValuesChange(({ values, prevValues, name }) => {\n // 找到所有路径匹配的副作用,包括父亲路径\n const effectKeys = Object.keys(this.effectMap).filter((pattern) =>\n Glob.isMatchOrParent(pattern, name)\n );\n\n effectKeys.forEach((effectKey) => {\n const effectOptionsArr = this.effectMap[effectKey];\n // 执行该事件配置下所有 onValueChange 事件的 effect\n effectOptionsArr.forEach(({ effect, event }: EffectOptions) => {\n if (event === DataEvent.onValueChange || event === DataEvent.onValueInitOrChange) {\n // 对于冒泡的事件,需要获取 parent 的 name\n const currentName = Glob.getParentPathByPattern(effectKey, name);\n\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[currentName];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n // 执行effect\n const effectReturn = (effect as Effect)({\n name: currentName,\n value: get(values, currentName),\n prevValue: get(prevValues, currentName),\n formValues: values,\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[currentName] = effectReturn;\n }\n }\n });\n });\n });\n\n // Form 数据初始化时触发对应的effect\n nativeFormModel.onFormValuesInit(({ values, name, prevValues }) => {\n Object.keys(this.effectMap).forEach((pattern) => {\n // 找到匹配 pattern 的数据路径\n const paths = Glob.findMatchPaths(values, pattern);\n\n // 获取配置在该 pattern上的所有effect配置\n const effectOptionsArr = this.effectMap[pattern];\n\n effectOptionsArr.forEach(({ event, effect }: EffectOptions) => {\n if (event === DataEvent.onValueInit || event === DataEvent.onValueInitOrChange) {\n paths.forEach((path) => {\n // 对触发 init 事件的 name 或他的字 path 触发effect\n if (Glob.isMatchOrParent(name, path) || name === path) {\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[path];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n const effectReturn = (effect as Effect)({\n name: path,\n value: get(values, path),\n formValues: values,\n prevValue: get(prevValues, path),\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[path] = effectReturn;\n }\n }\n });\n }\n });\n });\n });\n\n // 为 Field 添加 effect, 主要针对array\n nativeFormModel.onFieldModelCreate((field) => {\n // register effect\n const effectOptionsArr = findMatchedInMap<EffectOptions[]>(field, this.effectMap);\n if (effectOptionsArr?.length) {\n // 按事件聚合\n const eventMap = groupBy(effectOptionsArr, 'event');\n\n mapKeys(eventMap, (optionsArr, event) => {\n const combinedEffect = (props: any) => {\n // 该事件下执行所有effect\n optionsArr.forEach(({ effect }) =>\n effect({\n ...props,\n formValues: nativeFormModel.values,\n context: this.nodeContext,\n })\n );\n };\n\n switch (event) {\n case DataEvent.onArrayAppend:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onAppend(combinedEffect);\n }\n break;\n case DataEvent.onArrayDelete:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onDelete(combinedEffect);\n }\n break;\n }\n });\n }\n });\n\n // 手动初始化form\n this._formControl.init();\n\n this._initialized = true;\n\n this.onInitializedEmitter.fire(this);\n\n this.onDispose(() => {\n this._initialized = false;\n this.effectMap = {};\n nativeFormModel.dispose();\n });\n }\n\n toJSON() {\n if (this.formMeta.formatOnSubmit) {\n return this.formMeta.formatOnSubmit(this.nativeFormModel?.values, this.nodeContext);\n }\n return this.nativeFormModel?.values;\n }\n\n clearValid() {\n if (this.valid !== null) {\n this.valid = null;\n }\n }\n\n async validate() {\n this.formFeedbacks = await this.nativeFormModel?.validate();\n this.valid = isEmpty(this.formFeedbacks?.filter((f) => f.level === 'error'));\n this.onValidateEmitter.fire(this);\n return this.valid;\n }\n\n getValues<T = any>(): T | undefined {\n return this._formControl?._formModel.values;\n }\n\n getField<\n TValue = FieldValue,\n TField extends IFieldArray<TValue> | IField<TValue> = IField<TValue>\n >(name: FieldName): TField | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.formControl?.getField<TValue, TField>(finalName) as TField;\n }\n\n getValueIn<TValue>(name: FieldName): TValue | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.nativeFormModel?.getValueIn(finalName);\n }\n\n setValueIn(name: FieldName, value: any) {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n this.nativeFormModel?.setValueIn(finalName, value);\n }\n\n /**\n * 监听表单某个路径下的值变化\n * @param name 路径\n * @param callback 回调函数\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ) {\n if (!this._initialized) {\n throw new Error(\n `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n );\n }\n\n this.formControl!._formModel.onFormValuesChange(({ name: changedName, values, prevValues }) => {\n if (changedName === name) {\n callback({\n value: get(values, name),\n prevValue: get(prevValues, name),\n formValues: values,\n prevFormValues: prevValues,\n });\n }\n });\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2 请使用 FormModel.getValueIn\n * @param path glob path\n */\n getFormItemValueByPath(globPath: string) {\n if (!globPath) {\n return;\n }\n if (globPath === '/') {\n return this._formControl?._formModel.values;\n }\n const name = convertGlobPath(globPath);\n return this.getValueIn(name!);\n }\n\n async validateWithFeedbacks(): Promise<FormFeedback[]> {\n await this.validate();\n return formFeedbacksToNodeCoreFormFeedbacks(this.formFeedbacks!);\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2, 请使用FormModel.getValueIn 和 FormModel.setValueIn\n * @param path glob path\n */\n getFormItemByPath(path: string): FormItem | undefined {\n if (!this.nativeFormModel) {\n return;\n }\n\n const that = this;\n\n if (path === '/') {\n return {\n get value() {\n return that.nativeFormModel!.values;\n },\n set value(v) {\n that.nativeFormModel!.values = v;\n },\n } as FormItem;\n }\n\n const name = convertGlobPath(path);\n const formItemValue = that.getValueIn(name!);\n return {\n get value() {\n return formItemValue;\n },\n set value(v) {\n that.setValueIn(name, v);\n },\n } as FormItem;\n }\n\n dispose(): void {\n this.onDisposeEmitter.fire();\n\n // 执行所有effect return\n this.effectReturnMap.forEach((eventMap) => {\n Object.values(eventMap).forEach((effectReturn) => {\n effectReturn();\n });\n });\n\n this.effectMap = DEFAULT.EFFECT_MAP;\n this.effectReturnMap = DEFAULT.EFFECT_RETURN_MAP;\n\n this.plugins.forEach((p) => {\n p.dispose();\n });\n\n this.plugins = [];\n\n this.formFeedbacks = DEFAULT.FORM_FEEDBACKS;\n this._valid = DEFAULT.VALID;\n\n this._formControl = undefined;\n this._initialized = false;\n this.toDispose.dispose();\n }\n}\n","import { find, mergeWith } from 'lodash';\nimport { FormFeedback, FormPathService } from '@flowgram.ai/form-core';\nimport { FormValidateReturn } from '@flowgram.ai/form/src/types';\nimport { type FieldModel, FieldName } from '@flowgram.ai/form';\n\nimport { EffectOptions } from './types';\n\nexport function findMatchedInMap<T = any>(\n field: FieldModel<any>,\n validateMap: Record<FieldName, T> | undefined\n): T | undefined {\n if (!validateMap) {\n return;\n }\n if (validateMap[field.name]) {\n return validateMap[field.name];\n }\n\n const found = find(Object.keys(validateMap), (key) => {\n if (key.startsWith('regex:')) {\n const regex = RegExp(key.split(':')[1]);\n return regex.test(field.name);\n }\n return false;\n });\n\n if (found) {\n return validateMap[found];\n }\n}\n\nexport function formFeedbacksToNodeCoreFormFeedbacks(\n formFeedbacks: FormValidateReturn\n): FormFeedback[] {\n return formFeedbacks.map(\n (f) =>\n ({\n feedbackStatus: f.level,\n feedbackText: f.message,\n path: f.name,\n } as FormFeedback)\n );\n}\n\nexport function convertGlobPath(path: string) {\n if (path.startsWith('/')) {\n const parts = FormPathService.normalize(path).slice(1).split('/');\n return parts.join('.');\n }\n return path;\n}\n\nexport function mergeEffectMap(\n origin: Record<string, EffectOptions[]>,\n source: Record<string, EffectOptions[]>\n) {\n return mergeWith(origin, source, function (objValue: EffectOptions[], srcValue: EffectOptions[]) {\n return (objValue || []).concat(srcValue);\n });\n}\n","import React from 'react';\n\nimport { Form } from '@flowgram.ai/form';\n\nimport { FormModelV2 } from './form-model-v2';\n\ninterface FormRenderProps {\n formModel: FormModelV2;\n}\n\nconst FormRender = ({ formModel }: FormRenderProps) =>\n formModel?.formControl ? (\n <>\n <Form control={formModel?.formControl} keepModelOnUnMount>\n {formModel.formMeta.render}\n </Form>\n </>\n ) : null;\n\nexport function renderForm(formModel: FormModelV2) {\n return <FormRender formModel={formModel} />;\n}\n","import { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { DataEvent } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport function getFormModel(node: FlowNodeEntity) {\n // @ts-ignore\n return node.getData<FlowNodeFormData>(FlowNodeFormData)?.formModel as FormModelV2;\n}\n\nexport function isFormV2(node: FlowNodeEntity) {\n return !!node.getNodeRegistry().formMeta?.render;\n}\n\nexport function createEffectOptions<T>(\n event: DataEvent,\n effect: T\n): { effect: T; event: DataEvent } {\n return {\n event,\n effect,\n };\n}\n","import { useEffect } from 'react';\n\nimport { useRefresh } from '@flowgram.ai/utils';\nimport { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { Errors, Warnings } from '@flowgram.ai/form/src/types';\nimport { FormState, useFormErrors, useFormState, useFormWarnings } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { FormModelV2 } from './form-model-v2';\n\n/**\n * Listen to Form's values and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValues<T = any>(node: FlowNodeEntity): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(() => {\n refresh();\n });\n return () => disposable?.dispose();\n }, [formModel.nativeFormModel]);\n\n return formModel.getValues<T>();\n}\n\n/**\n * Listen to Form's value in a certain path and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValueIn<T = any>(node: FlowNodeEntity, name: string): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(({ name: changedName }) => {\n if (name === changedName) {\n refresh();\n }\n });\n\n return () => disposable?.dispose();\n }, []);\n\n return formModel.getValueIn<T>(name);\n}\n\n/**\n * Listen to FormModel's initialization and refresh React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useInitializedFormModel(node: FlowNodeEntity) {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.onInitialized(() => {\n refresh();\n });\n return () => disposable.dispose();\n }, [formModel]);\n\n return formModel;\n}\n\n/**\n * Get Form's state, Form State is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormState(node: FlowNodeEntity): FormState | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormState(formModel.formControl);\n}\n\n/**\n * Get Form's errors, Form errors is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormErrors(node: FlowNodeEntity): Errors | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormErrors(formModel.formControl);\n}\n\n/**\n * Get Form's warnings, Form warnings is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormWarnings(node: FlowNodeEntity): Warnings | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormWarnings(formModel.formControl);\n}\n","import { nanoid } from 'nanoid';\nimport { Disposable } from '@flowgram.ai/utils';\n\nimport { EffectOptions, FormPluginCtx } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface FormPluginConfig<Opts = any> {\n /**\n * FormModel 初始化时执行\n * @param ctx\n */\n onInit?: (ctx: FormPluginCtx, opts: Opts) => void;\n\n /**\n * 同 FormMeta 中的effects 会与 FormMeta 中的effects 合并\n */\n effect?: Record<string, EffectOptions[]>;\n /**\n * FormModel 销毁时执行\n * @param ctx\n */\n onDispose?: (ctx: FormPluginCtx, opts: Opts) => void;\n}\n\nexport class FormPlugin<Opts = any> implements Disposable {\n readonly name: string;\n\n readonly pluginId: string;\n\n readonly config: FormPluginConfig;\n\n readonly opts?: Opts;\n\n protected _formModel: FormModelV2;\n\n constructor(name: string, config: FormPluginConfig, opts?: Opts) {\n this.name = name;\n this.pluginId = `${name}__${nanoid()}`;\n this.config = config;\n this.opts = opts;\n }\n\n get formModel(): FormModelV2 {\n return this._formModel;\n }\n\n get ctx() {\n return {\n formModel: this.formModel,\n node: this.formModel.nodeContext.node,\n playgroundContext: this.formModel.nodeContext.playgroundContext,\n };\n }\n\n init(formModel: FormModelV2) {\n this._formModel = formModel;\n this.config?.onInit?.(this.ctx, this.opts);\n }\n\n dispose() {\n if (this.config?.onDispose) {\n this.config?.onDispose(this.ctx, this.opts);\n }\n }\n}\n\nexport function defineFormPluginCreator<Opts>(name: string, config: FormPluginConfig) {\n return function (opts: Opts) {\n return new FormPlugin(name, config, opts);\n };\n}\n","import React from 'react';\n\nimport { Event } from '@flowgram.ai/utils';\nimport { FlowNodeFormData, NodeRender, OnFormValuesChangePayload } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue, FormState } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { onFormValueChangeInPayload } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface NodeFormProps<TValues> {\n /**\n * The initialValues of the form.\n */\n initialValues: TValues;\n /**\n * Form values. Returns a deep copy of the data in the store.\n */\n values: TValues;\n /**\n * Form state\n */\n state: FormState;\n /**\n * Get value in certain path\n * @param name path\n */\n getValueIn<TValue = FieldValue>(name: FieldName): TValue;\n\n /**\n * Set value in certain path.\n * It will trigger the re-rendering of the Field Component if a Field is related to this path\n * @param name path\n */\n setValueIn<TValue>(name: FieldName, value: TValue): void;\n /**\n * Render form\n */\n render: () => React.ReactNode;\n /**\n * Form value change event\n */\n onFormValuesChange: Event<OnFormValuesChangePayload>;\n /**\n * Trigger form validate\n */\n validate: () => Promise<boolean>;\n /**\n * Form validate event\n */\n onValidate: Event<FormState>;\n /**\n * Form field value change event\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ): void;\n}\n\n/**\n * Only support FormModelV2\n * @param node\n */\nexport function getNodeForm<TValues = FieldValue>(\n node: FlowNodeEntity\n): NodeFormProps<TValues> | undefined {\n const formModel = node.getData<FlowNodeFormData>(FlowNodeFormData)?.getFormModel<FormModelV2>();\n const nativeFormModel = formModel?.nativeFormModel;\n\n if (!formModel || !nativeFormModel) return undefined;\n\n const result: NodeFormProps<TValues> = {\n initialValues: nativeFormModel.initialValues,\n get values() {\n return nativeFormModel.values;\n },\n state: nativeFormModel.state,\n getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n render: () => <NodeRender node={node} />,\n onFormValuesChange: formModel.onFormValuesChange.bind(formModel),\n onFormValueChangeIn: formModel.onFormValueChangeIn.bind(formModel),\n onValidate: formModel.nativeFormModel.onValidate,\n validate: formModel.validate.bind(formModel),\n };\n\n Object.defineProperty(result, '_formModel', {\n enumerable: false,\n get() {\n return formModel;\n },\n });\n return result;\n}\n"],"mappings":"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","names":["DataEvent","effect","FlowNodeFormData","FlowNodeFormData","React","FlowNodeFormData"]}
|
|
1
|
+
{"version":3,"sources":["../../src/types.ts","../../src/form-model-v2.ts","../../src/utils.ts","../../src/form-render.tsx","../../src/helpers.ts","../../src/hooks.ts","../../src/form-plugin.ts","../../src/get-node-form.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FormModel, IFormMeta, NodeFormContext } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue } from '@flowgram.ai/form/src/types';\nimport {\n FormRenderProps,\n IForm,\n Validate as FormValidate,\n ValidateTrigger,\n} from '@flowgram.ai/form';\n\nimport { FormPlugin } from './form-plugin';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface Node {}\n\nexport interface Flow {}\n\n/**\n * NodeContext contains\n * - node: the Editor's node entity.\n * - playgroundContext: the Editor's playgroundContext injected when initiate the Editor.\n */\ntype NodeContext = NodeFormContext;\n\nexport type Validate<TFieldValue = any, TFormValues = any> = (props: {\n value: TFieldValue;\n formValues: TFormValues;\n context: NodeContext;\n name: FieldName;\n}) => ReturnType<FormValidate<TFieldValue, TFormValues>>;\n\nexport enum DataEvent {\n /* When value change */\n onValueChange = 'onValueChange',\n /**\n * When value Init,it triggers when\n * - defaultValue is configured in formMeta, it will trigger when form is initializing.\n * - defaultValue is configured in Field, it will trigger when this Field is initializing if no initial value is set to this field.\n */\n onValueInit = 'onValueInit',\n /**\n * When Value Init or change\n */\n onValueInitOrChange = 'onValueInitOrChange',\n /* It will trigger when ArrayField.append is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayAppend = 'onArrayAppend',\n /* It will trigger when ArrayField.delete is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayDelete = 'onArrayDelete',\n}\n\nexport type EffectReturn = () => void;\n\nexport interface EffectFuncProps<TFieldValue = any, TFormValues = any> {\n name: FieldName;\n value: TFieldValue;\n prevValue?: TFieldValue;\n formValues: TFormValues;\n form: IForm;\n context: NodeContext;\n}\n\nexport type Effect<TFieldValue = any, TFormValues = any> = (\n props: EffectFuncProps<TFieldValue, TFormValues>\n) => void | EffectReturn;\n\nexport type ArrayAppendEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n value: TFieldValue;\n arrayValues: Array<TFieldValue>;\n formValues: TFormValues;\n form: IForm;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type ArrayDeleteEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n arrayValue: Array<TFieldValue>;\n formValues: TFormValues;\n form: IForm;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type EffectOptions =\n | { effect: Effect; event: DataEvent }\n | { effect: ArrayAppendEffect; event: DataEvent }\n | { effect: ArrayDeleteEffect; event: DataEvent };\n\nexport interface FormMeta<TValues = any> {\n /**\n * The render method of the node form content. <Form /> is already integrated, so you don't need to wrap your components with <Form />\n * @param props\n */\n render: (props: FormRenderProps<any>) => React.ReactElement;\n /**\n * When to trigger the validation.\n */\n validateTrigger?: ValidateTrigger;\n /**\n * Form data's validation rules. It's a key value map, where the key is a pattern of data's path (or field name), the value is a validate function.\n */\n validate?: Record<FieldName, Validate>;\n /**\n * Form data's effects. It's a key value map, where the key is a pattern of data's path (or field name), the value is an array of effect configuration.\n */\n effect?: Record<FieldName, EffectOptions[]>;\n /**\n * Form data's complete default value. it will not be sent to formatOnInit, but used directly as form's value when needed.\n */\n defaultValues?: TValues | ((context: NodeContext) => TValues);\n /**\n * This function is to format the value when initiate the form, the returned value will be used as the initial value of the form.\n * @param value value input to node as initialValue.\n * @param context\n */\n formatOnInit?: (value: any, context: NodeContext) => any;\n /**\n * This function is to format the value when FormModel.toJSON is called, the returned value will be used as the final value to be saved .\n * @param value value sent by form before format.\n * @param context\n */\n formatOnSubmit?: (value: any, context: NodeContext) => any;\n /**\n * Form's plugins\n */\n plugins?: FormPlugin[];\n}\n\nexport function isFormModelV2(fm: FormModel | FormModelV2): fm is FormModelV2 {\n return 'onFormValuesChange' in fm;\n}\n\nexport function isFormMetaV2(formMeta: IFormMeta | FormMeta) {\n return 'render' in formMeta;\n}\n\nexport type FormPluginCtx = {\n formModel: FormModelV2;\n} & NodeContext;\n\nexport interface onFormValueChangeInPayload<TValue = FieldValue, TFormValues = FieldValue> {\n value: TValue;\n prevValue: TValue;\n formValues: TFormValues;\n prevFormValues: TFormValues;\n}\n","import { get, groupBy, isEmpty, mapKeys } from 'lodash';\nimport { Disposable, DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport {\n FlowNodeFormData,\n FormFeedback,\n FormItem,\n FormManager,\n FormModel,\n FormModelValid,\n IFormItem,\n OnFormValuesChangePayload,\n} from '@flowgram.ai/form-core';\nimport {\n createForm,\n FieldArrayModel,\n FieldName,\n FieldValue,\n type FormControl,\n FormModel as NativeFormModel,\n FormValidateReturn,\n Glob,\n IField,\n IFieldArray,\n toForm,\n} from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\nimport { PlaygroundContext } from '@flowgram.ai/core';\n\nimport {\n convertGlobPath,\n findMatchedInMap,\n formFeedbacksToNodeCoreFormFeedbacks,\n mergeEffectMap,\n} from './utils';\nimport {\n DataEvent,\n Effect,\n EffectOptions,\n EffectReturn,\n FormMeta,\n onFormValueChangeInPayload,\n} from './types';\nimport { renderForm } from './form-render';\nimport { FormPlugin } from './form-plugin';\n\nconst DEFAULT = {\n EFFECT_MAP: {},\n EFFECT_RETURN_MAP: new Map([\n [DataEvent.onValueInitOrChange, {}],\n [DataEvent.onValueChange, {}],\n [DataEvent.onValueInit, {}],\n [DataEvent.onArrayAppend, {}],\n [DataEvent.onArrayDelete, {}],\n ]),\n FORM_FEEDBACKS: [],\n VALID: null,\n};\n\nexport class FormModelV2 extends FormModel implements Disposable {\n protected effectMap: Record<string, EffectOptions[]> = DEFAULT.EFFECT_MAP;\n\n protected effectReturnMap: Map<DataEvent, Record<string, EffectReturn>> =\n DEFAULT.EFFECT_RETURN_MAP;\n\n protected plugins: FormPlugin[] = [];\n\n protected node: FlowNodeEntity;\n\n protected formFeedbacks: FormValidateReturn | undefined = DEFAULT.FORM_FEEDBACKS;\n\n protected onInitializedEmitter = new Emitter<FormModel>();\n\n protected onValidateEmitter = new Emitter<FormModel>();\n\n readonly onValidate = this.onValidateEmitter.event;\n\n readonly onInitialized = this.onInitializedEmitter.event;\n\n protected onDisposeEmitter = new Emitter<void>();\n\n readonly onDispose = this.onDisposeEmitter.event;\n\n protected toDispose = new DisposableCollection();\n\n protected onFormValuesChangeEmitter = new Emitter<OnFormValuesChangePayload>();\n\n readonly onFormValuesChange = this.onFormValuesChangeEmitter.event;\n\n protected onValidChangeEmitter = new Emitter<FormModelValid>();\n\n readonly onValidChange = this.onValidChangeEmitter.event;\n\n protected onFeedbacksChangeEmitter = new Emitter<FormFeedback[]>();\n\n readonly onFeedbacksChange = this.onFeedbacksChangeEmitter.event;\n\n constructor(node: FlowNodeEntity) {\n super();\n this.node = node;\n this.toDispose.pushAll([\n this.onInitializedEmitter,\n this.onValidateEmitter,\n this.onValidChangeEmitter,\n this.onFeedbacksChangeEmitter,\n this.onFormValuesChangeEmitter,\n ]);\n }\n\n protected _valid: FormModelValid = DEFAULT.VALID;\n\n get valid(): FormModelValid {\n return this._valid;\n }\n\n private set valid(valid: FormModelValid) {\n this._valid = valid;\n this.onValidChangeEmitter.fire(valid);\n }\n\n get flowNodeEntity() {\n return this.node;\n }\n\n get formManager() {\n return this.node.getService(FormManager);\n }\n\n protected _formControl?: FormControl<any>;\n\n get formControl() {\n return this._formControl;\n }\n\n get formMeta() {\n return this.node.getNodeRegistry().formMeta;\n }\n\n protected _feedbacks: FormFeedback[] = [];\n\n get feedbacks(): FormFeedback[] {\n return this._feedbacks;\n }\n\n private set feedbacks(feedbacks: FormFeedback[]) {\n this._feedbacks = feedbacks;\n this.onFeedbacksChangeEmitter.fire(feedbacks);\n }\n\n get formItemPathMap(): Map<string, IFormItem> {\n return new Map<string, IFormItem>();\n }\n\n protected _initialized: boolean = false;\n\n get initialized(): boolean {\n return this._initialized;\n }\n\n get nodeContext() {\n return {\n node: this.node,\n playgroundContext: this.node.getService(PlaygroundContext),\n };\n }\n\n get nativeFormModel(): NativeFormModel | undefined {\n return this._formControl?._formModel;\n }\n\n render() {\n return renderForm(this);\n }\n\n initPlugins(plugins: FormPlugin[]) {\n if (!plugins.length) {\n return;\n }\n\n this.plugins = plugins;\n plugins.forEach((plugin) => {\n plugin.init(this);\n if (plugin.config?.effect) {\n mergeEffectMap(this.effectMap, plugin.config.effect);\n }\n });\n }\n\n init(formMeta: FormMeta, rawInitialValues?: any) {\n /* 透传 onFormValuesChange 事件给 FlowNodeFormData */\n const formData = this.node.getData<FlowNodeFormData>(FlowNodeFormData);\n this.onFormValuesChange(() => {\n this._valid = null;\n formData.fireChange();\n });\n\n const { validateTrigger, validate, effect } = formMeta;\n if (effect) {\n this.effectMap = effect;\n }\n\n // 计算初始值: defaultValues 是默认表单值,不需要被format, 而rawInitialValues 是用户创建form 时传入的初始值,可能不同于表单数据格式,需要被format\n const defaultValues =\n typeof formMeta.defaultValues === 'function'\n ? formMeta.defaultValues(this.nodeContext)\n : formMeta.defaultValues;\n\n const initialValues = formMeta.formatOnInit\n ? formMeta.formatOnInit(rawInitialValues, this.nodeContext)\n : rawInitialValues;\n\n // 初始化底层表单\n const { control } = createForm({\n initialValues: initialValues || defaultValues,\n validateTrigger,\n context: this.nodeContext,\n validate: validate,\n disableAutoInit: true,\n });\n\n this._formControl = control;\n const nativeFormModel = control._formModel;\n this.toDispose.push(nativeFormModel);\n\n // forward onFormValuesChange event\n nativeFormModel.onFormValuesChange((props) => {\n this.onFormValuesChangeEmitter.fire(props);\n });\n\n if (formMeta.plugins) {\n this.initPlugins(formMeta.plugins);\n }\n\n // Form 数据变更时触发对应的effect\n nativeFormModel.onFormValuesChange(({ values, prevValues, name }) => {\n // 找到所有路径匹配的副作用,包括父亲路径\n const effectKeys = Object.keys(this.effectMap).filter((pattern) =>\n Glob.isMatchOrParent(pattern, name)\n );\n\n effectKeys.forEach((effectKey) => {\n const effectOptionsArr = this.effectMap[effectKey];\n // 执行该事件配置下所有 onValueChange 事件的 effect\n effectOptionsArr.forEach(({ effect, event }: EffectOptions) => {\n if (event === DataEvent.onValueChange || event === DataEvent.onValueInitOrChange) {\n // 对于冒泡的事件,需要获取 parent 的 name\n const currentName = Glob.getParentPathByPattern(effectKey, name);\n\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[currentName];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n // 执行effect\n const effectReturn = (effect as Effect)({\n name: currentName,\n value: get(values, currentName),\n prevValue: get(prevValues, currentName),\n formValues: values,\n form: toForm(this.nativeFormModel!),\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[currentName] = effectReturn;\n }\n }\n });\n });\n });\n\n // Form 数据初始化时触发对应的effect\n nativeFormModel.onFormValuesInit(({ values, name, prevValues }) => {\n Object.keys(this.effectMap).forEach((pattern) => {\n // 找到匹配 pattern 的数据路径\n const paths = Glob.findMatchPaths(values, pattern);\n\n // 获取配置在该 pattern上的所有effect配置\n const effectOptionsArr = this.effectMap[pattern];\n\n effectOptionsArr.forEach(({ event, effect }: EffectOptions) => {\n if (event === DataEvent.onValueInit || event === DataEvent.onValueInitOrChange) {\n paths.forEach((path) => {\n // 对触发 init 事件的 name 或他的字 path 触发effect\n if (Glob.isMatchOrParent(name, path) || name === path) {\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[path];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n const effectReturn = (effect as Effect)({\n name: path,\n value: get(values, path),\n formValues: values,\n prevValue: get(prevValues, path),\n form: toForm(this.nativeFormModel!),\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[path] = effectReturn;\n }\n }\n });\n }\n });\n });\n });\n\n // 为 Field 添加 effect, 主要针对array\n nativeFormModel.onFieldModelCreate((field) => {\n // register effect\n const effectOptionsArr = findMatchedInMap<EffectOptions[]>(field, this.effectMap);\n if (effectOptionsArr?.length) {\n // 按事件聚合\n const eventMap = groupBy(effectOptionsArr, 'event');\n\n mapKeys(eventMap, (optionsArr, event) => {\n const combinedEffect = (props: any) => {\n // 该事件下执行所有effect\n optionsArr.forEach(({ effect }) =>\n effect({\n ...props,\n formValues: nativeFormModel.values,\n form: toForm(this.nativeFormModel!),\n context: this.nodeContext,\n })\n );\n };\n\n switch (event) {\n case DataEvent.onArrayAppend:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onAppend(combinedEffect);\n }\n break;\n case DataEvent.onArrayDelete:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onDelete(combinedEffect);\n }\n break;\n }\n });\n }\n });\n\n // 手动初始化form\n this._formControl.init();\n\n this._initialized = true;\n\n this.onInitializedEmitter.fire(this);\n\n this.onDispose(() => {\n this._initialized = false;\n this.effectMap = {};\n nativeFormModel.dispose();\n });\n }\n\n toJSON() {\n if (this.formMeta.formatOnSubmit) {\n return this.formMeta.formatOnSubmit(this.nativeFormModel?.values, this.nodeContext);\n }\n return this.nativeFormModel?.values;\n }\n\n clearValid() {\n if (this.valid !== null) {\n this.valid = null;\n }\n }\n\n async validate() {\n this.formFeedbacks = await this.nativeFormModel?.validate();\n this.valid = isEmpty(this.formFeedbacks?.filter((f) => f.level === 'error'));\n this.onValidateEmitter.fire(this);\n return this.valid;\n }\n\n getValues<T = any>(): T | undefined {\n return this._formControl?._formModel.values;\n }\n\n getField<\n TValue = FieldValue,\n TField extends IFieldArray<TValue> | IField<TValue> = IField<TValue>\n >(name: FieldName): TField | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.formControl?.getField<TValue, TField>(finalName) as TField;\n }\n\n getValueIn<TValue>(name: FieldName): TValue | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.nativeFormModel?.getValueIn(finalName);\n }\n\n setValueIn(name: FieldName, value: any) {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n this.nativeFormModel?.setValueIn(finalName, value);\n }\n\n /**\n * 监听表单某个路径下的值变化\n * @param name 路径\n * @param callback 回调函数\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ) {\n if (!this._initialized) {\n throw new Error(\n `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n );\n }\n\n this.formControl!._formModel.onFormValuesChange(({ name: changedName, values, prevValues }) => {\n if (changedName === name) {\n callback({\n value: get(values, name),\n prevValue: get(prevValues, name),\n formValues: values,\n prevFormValues: prevValues,\n });\n }\n });\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2 请使用 FormModel.getValueIn\n * @param path glob path\n */\n getFormItemValueByPath(globPath: string) {\n if (!globPath) {\n return;\n }\n if (globPath === '/') {\n return this._formControl?._formModel.values;\n }\n const name = convertGlobPath(globPath);\n return this.getValueIn(name!);\n }\n\n async validateWithFeedbacks(): Promise<FormFeedback[]> {\n await this.validate();\n return formFeedbacksToNodeCoreFormFeedbacks(this.formFeedbacks!);\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2, 请使用FormModel.getValueIn 和 FormModel.setValueIn\n * @param path glob path\n */\n getFormItemByPath(path: string): FormItem | undefined {\n if (!this.nativeFormModel) {\n return;\n }\n\n const that = this;\n\n if (path === '/') {\n return {\n get value() {\n return that.nativeFormModel!.values;\n },\n set value(v) {\n that.nativeFormModel!.values = v;\n },\n } as FormItem;\n }\n\n const name = convertGlobPath(path);\n const formItemValue = that.getValueIn(name!);\n return {\n get value() {\n return formItemValue;\n },\n set value(v) {\n that.setValueIn(name, v);\n },\n } as FormItem;\n }\n\n dispose(): void {\n this.onDisposeEmitter.fire();\n\n // 执行所有effect return\n this.effectReturnMap.forEach((eventMap) => {\n Object.values(eventMap).forEach((effectReturn) => {\n effectReturn();\n });\n });\n\n this.effectMap = DEFAULT.EFFECT_MAP;\n this.effectReturnMap = DEFAULT.EFFECT_RETURN_MAP;\n\n this.plugins.forEach((p) => {\n p.dispose();\n });\n\n this.plugins = [];\n\n this.formFeedbacks = DEFAULT.FORM_FEEDBACKS;\n this._valid = DEFAULT.VALID;\n\n this._formControl = undefined;\n this._initialized = false;\n this.toDispose.dispose();\n }\n}\n","import { find, mergeWith } from 'lodash';\nimport { FormFeedback, FormPathService } from '@flowgram.ai/form-core';\nimport { FormValidateReturn } from '@flowgram.ai/form/src/types';\nimport { type FieldModel, FieldName } from '@flowgram.ai/form';\n\nimport { EffectOptions } from './types';\n\nexport function findMatchedInMap<T = any>(\n field: FieldModel<any>,\n validateMap: Record<FieldName, T> | undefined\n): T | undefined {\n if (!validateMap) {\n return;\n }\n if (validateMap[field.name]) {\n return validateMap[field.name];\n }\n\n const found = find(Object.keys(validateMap), (key) => {\n if (key.startsWith('regex:')) {\n const regex = RegExp(key.split(':')[1]);\n return regex.test(field.name);\n }\n return false;\n });\n\n if (found) {\n return validateMap[found];\n }\n}\n\nexport function formFeedbacksToNodeCoreFormFeedbacks(\n formFeedbacks: FormValidateReturn\n): FormFeedback[] {\n return formFeedbacks.map(\n (f) =>\n ({\n feedbackStatus: f.level,\n feedbackText: f.message,\n path: f.name,\n } as FormFeedback)\n );\n}\n\nexport function convertGlobPath(path: string) {\n if (path.startsWith('/')) {\n const parts = FormPathService.normalize(path).slice(1).split('/');\n return parts.join('.');\n }\n return path;\n}\n\nexport function mergeEffectMap(\n origin: Record<string, EffectOptions[]>,\n source: Record<string, EffectOptions[]>\n) {\n return mergeWith(origin, source, function (objValue: EffectOptions[], srcValue: EffectOptions[]) {\n return (objValue || []).concat(srcValue);\n });\n}\n","import React from 'react';\n\nimport { Form } from '@flowgram.ai/form';\n\nimport { FormModelV2 } from './form-model-v2';\n\ninterface FormRenderProps {\n formModel: FormModelV2;\n}\n\nconst FormRender = ({ formModel }: FormRenderProps) =>\n formModel?.formControl ? (\n <>\n <Form control={formModel?.formControl} keepModelOnUnMount>\n {formModel.formMeta.render}\n </Form>\n </>\n ) : null;\n\nexport function renderForm(formModel: FormModelV2) {\n return <FormRender formModel={formModel} />;\n}\n","import { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { DataEvent } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport function getFormModel(node: FlowNodeEntity) {\n // @ts-ignore\n return node.getData<FlowNodeFormData>(FlowNodeFormData)?.formModel as FormModelV2;\n}\n\nexport function isFormV2(node: FlowNodeEntity) {\n return !!node.getNodeRegistry().formMeta?.render;\n}\n\nexport function createEffectOptions<T>(\n event: DataEvent,\n effect: T\n): { effect: T; event: DataEvent } {\n return {\n event,\n effect,\n };\n}\n","import { useEffect } from 'react';\n\nimport { useRefresh } from '@flowgram.ai/utils';\nimport { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { Errors, Warnings } from '@flowgram.ai/form/src/types';\nimport { FormState, useFormErrors, useFormState, useFormWarnings } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { FormModelV2 } from './form-model-v2';\n\n/**\n * Listen to Form's values and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValues<T = any>(node: FlowNodeEntity): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(() => {\n refresh();\n });\n return () => disposable?.dispose();\n }, [formModel.nativeFormModel]);\n\n return formModel.getValues<T>();\n}\n\n/**\n * Listen to Form's value in a certain path and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValueIn<T = any>(node: FlowNodeEntity, name: string): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(({ name: changedName }) => {\n if (name === changedName) {\n refresh();\n }\n });\n\n return () => disposable?.dispose();\n }, []);\n\n return formModel.getValueIn<T>(name);\n}\n\n/**\n * Listen to FormModel's initialization and refresh React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useInitializedFormModel(node: FlowNodeEntity) {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.onInitialized(() => {\n refresh();\n });\n return () => disposable.dispose();\n }, [formModel]);\n\n return formModel;\n}\n\n/**\n * Get Form's state, Form State is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormState(node: FlowNodeEntity): FormState | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormState(formModel.formControl);\n}\n\n/**\n * Get Form's errors, Form errors is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormErrors(node: FlowNodeEntity): Errors | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormErrors(formModel.formControl);\n}\n\n/**\n * Get Form's warnings, Form warnings is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormWarnings(node: FlowNodeEntity): Warnings | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormWarnings(formModel.formControl);\n}\n","import { nanoid } from 'nanoid';\nimport { Disposable } from '@flowgram.ai/utils';\n\nimport { EffectOptions, FormPluginCtx } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface FormPluginConfig<Opts = any> {\n /**\n * FormModel 初始化时执行\n * @param ctx\n */\n onInit?: (ctx: FormPluginCtx, opts: Opts) => void;\n\n /**\n * 同 FormMeta 中的effects 会与 FormMeta 中的effects 合并\n */\n effect?: Record<string, EffectOptions[]>;\n /**\n * FormModel 销毁时执行\n * @param ctx\n */\n onDispose?: (ctx: FormPluginCtx, opts: Opts) => void;\n}\n\nexport class FormPlugin<Opts = any> implements Disposable {\n readonly name: string;\n\n readonly pluginId: string;\n\n readonly config: FormPluginConfig;\n\n readonly opts?: Opts;\n\n protected _formModel: FormModelV2;\n\n constructor(name: string, config: FormPluginConfig, opts?: Opts) {\n this.name = name;\n this.pluginId = `${name}__${nanoid()}`;\n this.config = config;\n this.opts = opts;\n }\n\n get formModel(): FormModelV2 {\n return this._formModel;\n }\n\n get ctx() {\n return {\n formModel: this.formModel,\n node: this.formModel.nodeContext.node,\n playgroundContext: this.formModel.nodeContext.playgroundContext,\n };\n }\n\n init(formModel: FormModelV2) {\n this._formModel = formModel;\n this.config?.onInit?.(this.ctx, this.opts);\n }\n\n dispose() {\n if (this.config?.onDispose) {\n this.config?.onDispose(this.ctx, this.opts);\n }\n }\n}\n\nexport function defineFormPluginCreator<Opts>(name: string, config: FormPluginConfig) {\n return function (opts: Opts) {\n return new FormPlugin(name, config, opts);\n };\n}\n","import React from 'react';\n\nimport { Event } from '@flowgram.ai/utils';\nimport { FlowNodeFormData, NodeRender, OnFormValuesChangePayload } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue, FormState } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { onFormValueChangeInPayload } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface NodeFormProps<TValues> {\n /**\n * The initialValues of the form.\n */\n initialValues: TValues;\n /**\n * Form values. Returns a deep copy of the data in the store.\n */\n values: TValues;\n /**\n * Form state\n */\n state: FormState;\n /**\n * Get value in certain path\n * @param name path\n */\n getValueIn<TValue = FieldValue>(name: FieldName): TValue;\n\n /**\n * Set value in certain path.\n * It will trigger the re-rendering of the Field Component if a Field is related to this path\n * @param name path\n */\n setValueIn<TValue>(name: FieldName, value: TValue): void;\n /**\n * Render form\n */\n render: () => React.ReactNode;\n /**\n * Form value change event\n */\n onFormValuesChange: Event<OnFormValuesChangePayload>;\n /**\n * Trigger form validate\n */\n validate: () => Promise<boolean>;\n /**\n * Form validate event\n */\n onValidate: Event<FormState>;\n /**\n * Form field value change event\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ): void;\n}\n\n/**\n * Only support FormModelV2\n * @param node\n */\nexport function getNodeForm<TValues = FieldValue>(\n node: FlowNodeEntity\n): NodeFormProps<TValues> | undefined {\n const formModel = node.getData<FlowNodeFormData>(FlowNodeFormData)?.getFormModel<FormModelV2>();\n const nativeFormModel = formModel?.nativeFormModel;\n\n if (!formModel || !nativeFormModel) return undefined;\n\n const result: NodeFormProps<TValues> = {\n initialValues: nativeFormModel.initialValues,\n get values() {\n return nativeFormModel.values;\n },\n state: nativeFormModel.state,\n getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n render: () => <NodeRender node={node} />,\n onFormValuesChange: formModel.onFormValuesChange.bind(formModel),\n onFormValueChangeIn: formModel.onFormValueChangeIn.bind(formModel),\n onValidate: formModel.nativeFormModel.onValidate,\n validate: formModel.validate.bind(formModel),\n };\n\n Object.defineProperty(result, '_formModel', {\n enumerable: false,\n get() {\n return formModel;\n },\n });\n return result;\n}\n"],"mappings":"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","names":["DataEvent","effect","FlowNodeFormData","FlowNodeFormData","React","FlowNodeFormData"]}
|
package/dist/index.d.mts
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { FormModel, OnFormValuesChangePayload, FormModelValid, FormFeedback, FormManager, IFormItem, FormItem, IFormMeta, NodeFormContext } from '@flowgram.ai/form-core';
|
|
4
4
|
import { FieldName as FieldName$1, FieldValue as FieldValue$1, Errors, Warnings } from '@flowgram.ai/form/src/types';
|
|
5
|
-
import { FormValidateReturn, FormControl, FormModel as FormModel$1, FieldValue, IFieldArray, IField, FieldName, Validate as Validate$1, FormRenderProps, ValidateTrigger, FormState } from '@flowgram.ai/form';
|
|
5
|
+
import { FormValidateReturn, FormControl, FormModel as FormModel$1, FieldValue, IFieldArray, IField, FieldName, Validate as Validate$1, IForm, FormRenderProps, ValidateTrigger, FormState } from '@flowgram.ai/form';
|
|
6
6
|
import * as _flowgram_ai_document from '@flowgram.ai/document';
|
|
7
7
|
import { FlowNodeEntity } from '@flowgram.ai/document';
|
|
8
8
|
import * as _flowgram_ai_utils from '@flowgram.ai/utils';
|
|
@@ -143,24 +143,28 @@ declare enum DataEvent {
|
|
|
143
143
|
onArrayDelete = "onArrayDelete"
|
|
144
144
|
}
|
|
145
145
|
type EffectReturn = () => void;
|
|
146
|
-
|
|
146
|
+
interface EffectFuncProps<TFieldValue = any, TFormValues = any> {
|
|
147
147
|
name: FieldName$1;
|
|
148
148
|
value: TFieldValue;
|
|
149
149
|
prevValue?: TFieldValue;
|
|
150
150
|
formValues: TFormValues;
|
|
151
|
+
form: IForm;
|
|
151
152
|
context: NodeContext;
|
|
152
|
-
}
|
|
153
|
+
}
|
|
154
|
+
type Effect<TFieldValue = any, TFormValues = any> = (props: EffectFuncProps<TFieldValue, TFormValues>) => void | EffectReturn;
|
|
153
155
|
type ArrayAppendEffect<TFieldValue = any, TFormValues = any> = (props: {
|
|
154
156
|
index: number;
|
|
155
157
|
value: TFieldValue;
|
|
156
158
|
arrayValues: Array<TFieldValue>;
|
|
157
159
|
formValues: TFormValues;
|
|
160
|
+
form: IForm;
|
|
158
161
|
context: NodeContext;
|
|
159
162
|
}) => void | EffectReturn;
|
|
160
163
|
type ArrayDeleteEffect<TFieldValue = any, TFormValues = any> = (props: {
|
|
161
164
|
index: number;
|
|
162
165
|
arrayValue: Array<TFieldValue>;
|
|
163
166
|
formValues: TFormValues;
|
|
167
|
+
form: IForm;
|
|
164
168
|
context: NodeContext;
|
|
165
169
|
}) => void | EffectReturn;
|
|
166
170
|
type EffectOptions = {
|
|
@@ -194,7 +198,7 @@ interface FormMeta<TValues = any> {
|
|
|
194
198
|
/**
|
|
195
199
|
* Form data's complete default value. it will not be sent to formatOnInit, but used directly as form's value when needed.
|
|
196
200
|
*/
|
|
197
|
-
defaultValues?: TValues | ((
|
|
201
|
+
defaultValues?: TValues | ((context: NodeContext) => TValues);
|
|
198
202
|
/**
|
|
199
203
|
* This function is to format the value when initiate the form, the returned value will be used as the initial value of the form.
|
|
200
204
|
* @param value value input to node as initialValue.
|
|
@@ -318,4 +322,4 @@ interface NodeFormProps<TValues> {
|
|
|
318
322
|
*/
|
|
319
323
|
declare function getNodeForm<TValues = FieldValue>(node: FlowNodeEntity): NodeFormProps<TValues> | undefined;
|
|
320
324
|
|
|
321
|
-
export { type ArrayAppendEffect, type ArrayDeleteEffect, DataEvent, type Effect, type EffectOptions, type EffectReturn, type Flow, type FormMeta, FormModelV2, FormPlugin, type FormPluginConfig, type FormPluginCtx, type Node, type NodeFormProps, type Validate, createEffectOptions, defineFormPluginCreator, getNodeForm, isFormMetaV2, isFormModelV2, isFormV2, type onFormValueChangeInPayload, useInitializedFormModel, useWatchFormErrors, useWatchFormState, useWatchFormValueIn, useWatchFormValues, useWatchFormWarnings };
|
|
325
|
+
export { type ArrayAppendEffect, type ArrayDeleteEffect, DataEvent, type Effect, type EffectFuncProps, type EffectOptions, type EffectReturn, type Flow, type FormMeta, FormModelV2, FormPlugin, type FormPluginConfig, type FormPluginCtx, type Node, type NodeFormProps, type Validate, createEffectOptions, defineFormPluginCreator, getNodeForm, isFormMetaV2, isFormModelV2, isFormV2, type onFormValueChangeInPayload, useInitializedFormModel, useWatchFormErrors, useWatchFormState, useWatchFormValueIn, useWatchFormValues, useWatchFormWarnings };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { FormModel, OnFormValuesChangePayload, FormModelValid, FormFeedback, FormManager, IFormItem, FormItem, IFormMeta, NodeFormContext } from '@flowgram.ai/form-core';
|
|
4
4
|
import { FieldName as FieldName$1, FieldValue as FieldValue$1, Errors, Warnings } from '@flowgram.ai/form/src/types';
|
|
5
|
-
import { FormValidateReturn, FormControl, FormModel as FormModel$1, FieldValue, IFieldArray, IField, FieldName, Validate as Validate$1, FormRenderProps, ValidateTrigger, FormState } from '@flowgram.ai/form';
|
|
5
|
+
import { FormValidateReturn, FormControl, FormModel as FormModel$1, FieldValue, IFieldArray, IField, FieldName, Validate as Validate$1, IForm, FormRenderProps, ValidateTrigger, FormState } from '@flowgram.ai/form';
|
|
6
6
|
import * as _flowgram_ai_document from '@flowgram.ai/document';
|
|
7
7
|
import { FlowNodeEntity } from '@flowgram.ai/document';
|
|
8
8
|
import * as _flowgram_ai_utils from '@flowgram.ai/utils';
|
|
@@ -143,24 +143,28 @@ declare enum DataEvent {
|
|
|
143
143
|
onArrayDelete = "onArrayDelete"
|
|
144
144
|
}
|
|
145
145
|
type EffectReturn = () => void;
|
|
146
|
-
|
|
146
|
+
interface EffectFuncProps<TFieldValue = any, TFormValues = any> {
|
|
147
147
|
name: FieldName$1;
|
|
148
148
|
value: TFieldValue;
|
|
149
149
|
prevValue?: TFieldValue;
|
|
150
150
|
formValues: TFormValues;
|
|
151
|
+
form: IForm;
|
|
151
152
|
context: NodeContext;
|
|
152
|
-
}
|
|
153
|
+
}
|
|
154
|
+
type Effect<TFieldValue = any, TFormValues = any> = (props: EffectFuncProps<TFieldValue, TFormValues>) => void | EffectReturn;
|
|
153
155
|
type ArrayAppendEffect<TFieldValue = any, TFormValues = any> = (props: {
|
|
154
156
|
index: number;
|
|
155
157
|
value: TFieldValue;
|
|
156
158
|
arrayValues: Array<TFieldValue>;
|
|
157
159
|
formValues: TFormValues;
|
|
160
|
+
form: IForm;
|
|
158
161
|
context: NodeContext;
|
|
159
162
|
}) => void | EffectReturn;
|
|
160
163
|
type ArrayDeleteEffect<TFieldValue = any, TFormValues = any> = (props: {
|
|
161
164
|
index: number;
|
|
162
165
|
arrayValue: Array<TFieldValue>;
|
|
163
166
|
formValues: TFormValues;
|
|
167
|
+
form: IForm;
|
|
164
168
|
context: NodeContext;
|
|
165
169
|
}) => void | EffectReturn;
|
|
166
170
|
type EffectOptions = {
|
|
@@ -194,7 +198,7 @@ interface FormMeta<TValues = any> {
|
|
|
194
198
|
/**
|
|
195
199
|
* Form data's complete default value. it will not be sent to formatOnInit, but used directly as form's value when needed.
|
|
196
200
|
*/
|
|
197
|
-
defaultValues?: TValues | ((
|
|
201
|
+
defaultValues?: TValues | ((context: NodeContext) => TValues);
|
|
198
202
|
/**
|
|
199
203
|
* This function is to format the value when initiate the form, the returned value will be used as the initial value of the form.
|
|
200
204
|
* @param value value input to node as initialValue.
|
|
@@ -318,4 +322,4 @@ interface NodeFormProps<TValues> {
|
|
|
318
322
|
*/
|
|
319
323
|
declare function getNodeForm<TValues = FieldValue>(node: FlowNodeEntity): NodeFormProps<TValues> | undefined;
|
|
320
324
|
|
|
321
|
-
export { type ArrayAppendEffect, type ArrayDeleteEffect, DataEvent, type Effect, type EffectOptions, type EffectReturn, type Flow, type FormMeta, FormModelV2, FormPlugin, type FormPluginConfig, type FormPluginCtx, type Node, type NodeFormProps, type Validate, createEffectOptions, defineFormPluginCreator, getNodeForm, isFormMetaV2, isFormModelV2, isFormV2, type onFormValueChangeInPayload, useInitializedFormModel, useWatchFormErrors, useWatchFormState, useWatchFormValueIn, useWatchFormValues, useWatchFormWarnings };
|
|
325
|
+
export { type ArrayAppendEffect, type ArrayDeleteEffect, DataEvent, type Effect, type EffectFuncProps, type EffectOptions, type EffectReturn, type Flow, type FormMeta, FormModelV2, FormPlugin, type FormPluginConfig, type FormPluginCtx, type Node, type NodeFormProps, type Validate, createEffectOptions, defineFormPluginCreator, getNodeForm, isFormMetaV2, isFormModelV2, isFormV2, type onFormValueChangeInPayload, useInitializedFormModel, useWatchFormErrors, useWatchFormState, useWatchFormValueIn, useWatchFormValues, useWatchFormWarnings };
|
package/dist/index.js
CHANGED
|
@@ -233,7 +233,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
|
|
|
233
233
|
if (effect) {
|
|
234
234
|
this.effectMap = effect;
|
|
235
235
|
}
|
|
236
|
-
const defaultValues = typeof formMeta.defaultValues === "function" ? formMeta.defaultValues() : formMeta.defaultValues;
|
|
236
|
+
const defaultValues = typeof formMeta.defaultValues === "function" ? formMeta.defaultValues(this.nodeContext) : formMeta.defaultValues;
|
|
237
237
|
const initialValues = formMeta.formatOnInit ? formMeta.formatOnInit(rawInitialValues, this.nodeContext) : rawInitialValues;
|
|
238
238
|
const { control } = (0, import_form2.createForm)({
|
|
239
239
|
initialValues: initialValues || defaultValues,
|
|
@@ -269,6 +269,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
|
|
|
269
269
|
value: (0, import_lodash2.get)(values, currentName),
|
|
270
270
|
prevValue: (0, import_lodash2.get)(prevValues, currentName),
|
|
271
271
|
formValues: values,
|
|
272
|
+
form: (0, import_form2.toForm)(this.nativeFormModel),
|
|
272
273
|
context: this.nodeContext
|
|
273
274
|
});
|
|
274
275
|
if (effectReturn && typeof effectReturn === "function" && this.effectReturnMap.has(event)) {
|
|
@@ -296,6 +297,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
|
|
|
296
297
|
value: (0, import_lodash2.get)(values, path),
|
|
297
298
|
formValues: values,
|
|
298
299
|
prevValue: (0, import_lodash2.get)(prevValues, path),
|
|
300
|
+
form: (0, import_form2.toForm)(this.nativeFormModel),
|
|
299
301
|
context: this.nodeContext
|
|
300
302
|
});
|
|
301
303
|
if (effectReturn && typeof effectReturn === "function" && this.effectReturnMap.has(event)) {
|
|
@@ -318,6 +320,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
|
|
|
318
320
|
({ effect: effect2 }) => effect2({
|
|
319
321
|
...props,
|
|
320
322
|
formValues: nativeFormModel.values,
|
|
323
|
+
form: (0, import_form2.toForm)(this.nativeFormModel),
|
|
321
324
|
context: this.nodeContext
|
|
322
325
|
})
|
|
323
326
|
);
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/types.ts","../src/form-model-v2.ts","../src/utils.ts","../src/form-render.tsx","../src/helpers.ts","../src/hooks.ts","../src/form-plugin.ts","../src/get-node-form.tsx"],"sourcesContent":["export * from './types';\nexport * from './form-model-v2';\nexport { isFormV2, createEffectOptions } from './helpers';\nexport * from './hooks';\nexport * from './form-plugin';\nexport { type NodeFormProps, getNodeForm } from './get-node-form';\n","import * as React from 'react';\n\nimport { FormModel, IFormMeta, NodeFormContext } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue } from '@flowgram.ai/form/src/types';\nimport { FormRenderProps, Validate as FormValidate, ValidateTrigger } from '@flowgram.ai/form';\n\nimport { FormPlugin } from './form-plugin';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface Node {}\n\nexport interface Flow {}\n\n/**\n * NodeContext contains\n * - node: the Editor's node entity.\n * - playgroundContext: the Editor's playgroundContext injected when initiate the Editor.\n */\ntype NodeContext = NodeFormContext;\n\nexport type Validate<TFieldValue = any, TFormValues = any> = (props: {\n value: TFieldValue;\n formValues: TFormValues;\n context: NodeContext;\n name: FieldName;\n}) => ReturnType<FormValidate<TFieldValue, TFormValues>>;\n\nexport enum DataEvent {\n /* When value change */\n onValueChange = 'onValueChange',\n /**\n * When value Init,it triggers when\n * - defaultValue is configured in formMeta, it will trigger when form is initializing.\n * - defaultValue is configured in Field, it will trigger when this Field is initializing if no initial value is set to this field.\n */\n onValueInit = 'onValueInit',\n /**\n * When Value Init or change\n */\n onValueInitOrChange = 'onValueInitOrChange',\n /* It will trigger when ArrayField.append is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayAppend = 'onArrayAppend',\n /* It will trigger when ArrayField.delete is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayDelete = 'onArrayDelete',\n}\n\nexport type EffectReturn = () => void;\n\nexport type Effect<TFieldValue = any, TFormValues = any> = (props: {\n name: FieldName;\n value: TFieldValue;\n prevValue?: TFieldValue;\n formValues: TFormValues;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type ArrayAppendEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n value: TFieldValue;\n arrayValues: Array<TFieldValue>;\n formValues: TFormValues;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type ArrayDeleteEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n arrayValue: Array<TFieldValue>;\n formValues: TFormValues;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type EffectOptions =\n | { effect: Effect; event: DataEvent }\n | { effect: ArrayAppendEffect; event: DataEvent }\n | { effect: ArrayDeleteEffect; event: DataEvent };\n\nexport interface FormMeta<TValues = any> {\n /**\n * The render method of the node form content. <Form /> is already integrated, so you don't need to wrap your components with <Form />\n * @param props\n */\n render: (props: FormRenderProps<any>) => React.ReactElement;\n /**\n * When to trigger the validation.\n */\n validateTrigger?: ValidateTrigger;\n /**\n * Form data's validation rules. It's a key value map, where the key is a pattern of data's path (or field name), the value is a validate function.\n */\n validate?: Record<FieldName, Validate>;\n /**\n * Form data's effects. It's a key value map, where the key is a pattern of data's path (or field name), the value is an array of effect configuration.\n */\n effect?: Record<FieldName, EffectOptions[]>;\n /**\n * Form data's complete default value. it will not be sent to formatOnInit, but used directly as form's value when needed.\n */\n defaultValues?: TValues | ((contest: NodeContext) => TValues);\n /**\n * This function is to format the value when initiate the form, the returned value will be used as the initial value of the form.\n * @param value value input to node as initialValue.\n * @param context\n */\n formatOnInit?: (value: any, context: NodeContext) => any;\n /**\n * This function is to format the value when FormModel.toJSON is called, the returned value will be used as the final value to be saved .\n * @param value value sent by form before format.\n * @param context\n */\n formatOnSubmit?: (value: any, context: NodeContext) => any;\n /**\n * Form's plugins\n */\n plugins?: FormPlugin[];\n}\n\nexport function isFormModelV2(fm: FormModel | FormModelV2): fm is FormModelV2 {\n return 'onFormValuesChange' in fm;\n}\n\nexport function isFormMetaV2(formMeta: IFormMeta | FormMeta) {\n return 'render' in formMeta;\n}\n\nexport type FormPluginCtx = {\n formModel: FormModelV2;\n} & NodeContext;\n\nexport interface onFormValueChangeInPayload<TValue = FieldValue, TFormValues = FieldValue> {\n value: TValue;\n prevValue: TValue;\n formValues: TFormValues;\n prevFormValues: TFormValues;\n}\n","import { get, groupBy, isEmpty, mapKeys } from 'lodash';\nimport { Disposable, DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport {\n FlowNodeFormData,\n FormFeedback,\n FormItem,\n FormManager,\n FormModel,\n FormModelValid,\n IFormItem,\n OnFormValuesChangePayload,\n} from '@flowgram.ai/form-core';\nimport {\n createForm,\n FieldArrayModel,\n FieldName,\n FieldValue,\n type FormControl,\n FormModel as NativeFormModel,\n FormValidateReturn,\n Glob,\n IField,\n IFieldArray,\n} from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\nimport { PlaygroundContext } from '@flowgram.ai/core';\n\nimport {\n convertGlobPath,\n findMatchedInMap,\n formFeedbacksToNodeCoreFormFeedbacks,\n mergeEffectMap,\n} from './utils';\nimport {\n DataEvent,\n Effect,\n EffectOptions,\n EffectReturn,\n FormMeta,\n onFormValueChangeInPayload,\n} from './types';\nimport { renderForm } from './form-render';\nimport { FormPlugin } from './form-plugin';\n\nconst DEFAULT = {\n EFFECT_MAP: {},\n EFFECT_RETURN_MAP: new Map([\n [DataEvent.onValueInitOrChange, {}],\n [DataEvent.onValueChange, {}],\n [DataEvent.onValueInit, {}],\n [DataEvent.onArrayAppend, {}],\n [DataEvent.onArrayDelete, {}],\n ]),\n FORM_FEEDBACKS: [],\n VALID: null,\n};\n\nexport class FormModelV2 extends FormModel implements Disposable {\n protected effectMap: Record<string, EffectOptions[]> = DEFAULT.EFFECT_MAP;\n\n protected effectReturnMap: Map<DataEvent, Record<string, EffectReturn>> =\n DEFAULT.EFFECT_RETURN_MAP;\n\n protected plugins: FormPlugin[] = [];\n\n protected node: FlowNodeEntity;\n\n protected formFeedbacks: FormValidateReturn | undefined = DEFAULT.FORM_FEEDBACKS;\n\n protected onInitializedEmitter = new Emitter<FormModel>();\n\n protected onValidateEmitter = new Emitter<FormModel>();\n\n readonly onValidate = this.onValidateEmitter.event;\n\n readonly onInitialized = this.onInitializedEmitter.event;\n\n protected onDisposeEmitter = new Emitter<void>();\n\n readonly onDispose = this.onDisposeEmitter.event;\n\n protected toDispose = new DisposableCollection();\n\n protected onFormValuesChangeEmitter = new Emitter<OnFormValuesChangePayload>();\n\n readonly onFormValuesChange = this.onFormValuesChangeEmitter.event;\n\n protected onValidChangeEmitter = new Emitter<FormModelValid>();\n\n readonly onValidChange = this.onValidChangeEmitter.event;\n\n protected onFeedbacksChangeEmitter = new Emitter<FormFeedback[]>();\n\n readonly onFeedbacksChange = this.onFeedbacksChangeEmitter.event;\n\n constructor(node: FlowNodeEntity) {\n super();\n this.node = node;\n this.toDispose.pushAll([\n this.onInitializedEmitter,\n this.onValidateEmitter,\n this.onValidChangeEmitter,\n this.onFeedbacksChangeEmitter,\n this.onFormValuesChangeEmitter,\n ]);\n }\n\n protected _valid: FormModelValid = DEFAULT.VALID;\n\n get valid(): FormModelValid {\n return this._valid;\n }\n\n private set valid(valid: FormModelValid) {\n this._valid = valid;\n this.onValidChangeEmitter.fire(valid);\n }\n\n get flowNodeEntity() {\n return this.node;\n }\n\n get formManager() {\n return this.node.getService(FormManager);\n }\n\n protected _formControl?: FormControl<any>;\n\n get formControl() {\n return this._formControl;\n }\n\n get formMeta() {\n return this.node.getNodeRegistry().formMeta;\n }\n\n protected _feedbacks: FormFeedback[] = [];\n\n get feedbacks(): FormFeedback[] {\n return this._feedbacks;\n }\n\n private set feedbacks(feedbacks: FormFeedback[]) {\n this._feedbacks = feedbacks;\n this.onFeedbacksChangeEmitter.fire(feedbacks);\n }\n\n get formItemPathMap(): Map<string, IFormItem> {\n return new Map<string, IFormItem>();\n }\n\n protected _initialized: boolean = false;\n\n get initialized(): boolean {\n return this._initialized;\n }\n\n get nodeContext() {\n return {\n node: this.node,\n playgroundContext: this.node.getService(PlaygroundContext),\n };\n }\n\n get nativeFormModel(): NativeFormModel | undefined {\n return this._formControl?._formModel;\n }\n\n render() {\n return renderForm(this);\n }\n\n initPlugins(plugins: FormPlugin[]) {\n if (!plugins.length) {\n return;\n }\n\n this.plugins = plugins;\n plugins.forEach((plugin) => {\n plugin.init(this);\n if (plugin.config?.effect) {\n mergeEffectMap(this.effectMap, plugin.config.effect);\n }\n });\n }\n\n init(formMeta: FormMeta, rawInitialValues?: any) {\n /* 透传 onFormValuesChange 事件给 FlowNodeFormData */\n const formData = this.node.getData<FlowNodeFormData>(FlowNodeFormData);\n this.onFormValuesChange(() => {\n this._valid = null;\n formData.fireChange();\n });\n\n const { validateTrigger, validate, effect } = formMeta;\n if (effect) {\n this.effectMap = effect;\n }\n\n // 计算初始值: defaultValues 是默认表单值,不需要被format, 而rawInitialValues 是用户创建form 时传入的初始值,可能不同于表单数据格式,需要被format\n const defaultValues =\n typeof formMeta.defaultValues === 'function'\n ? formMeta.defaultValues()\n : formMeta.defaultValues;\n\n const initialValues = formMeta.formatOnInit\n ? formMeta.formatOnInit(rawInitialValues, this.nodeContext)\n : rawInitialValues;\n\n // 初始化底层表单\n const { control } = createForm({\n initialValues: initialValues || defaultValues,\n validateTrigger,\n context: this.nodeContext,\n validate: validate,\n disableAutoInit: true,\n });\n\n this._formControl = control;\n const nativeFormModel = control._formModel;\n this.toDispose.push(nativeFormModel);\n\n // forward onFormValuesChange event\n nativeFormModel.onFormValuesChange((props) => {\n this.onFormValuesChangeEmitter.fire(props);\n });\n\n if (formMeta.plugins) {\n this.initPlugins(formMeta.plugins);\n }\n\n // Form 数据变更时触发对应的effect\n nativeFormModel.onFormValuesChange(({ values, prevValues, name }) => {\n // 找到所有路径匹配的副作用,包括父亲路径\n const effectKeys = Object.keys(this.effectMap).filter((pattern) =>\n Glob.isMatchOrParent(pattern, name)\n );\n\n effectKeys.forEach((effectKey) => {\n const effectOptionsArr = this.effectMap[effectKey];\n // 执行该事件配置下所有 onValueChange 事件的 effect\n effectOptionsArr.forEach(({ effect, event }: EffectOptions) => {\n if (event === DataEvent.onValueChange || event === DataEvent.onValueInitOrChange) {\n // 对于冒泡的事件,需要获取 parent 的 name\n const currentName = Glob.getParentPathByPattern(effectKey, name);\n\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[currentName];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n // 执行effect\n const effectReturn = (effect as Effect)({\n name: currentName,\n value: get(values, currentName),\n prevValue: get(prevValues, currentName),\n formValues: values,\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[currentName] = effectReturn;\n }\n }\n });\n });\n });\n\n // Form 数据初始化时触发对应的effect\n nativeFormModel.onFormValuesInit(({ values, name, prevValues }) => {\n Object.keys(this.effectMap).forEach((pattern) => {\n // 找到匹配 pattern 的数据路径\n const paths = Glob.findMatchPaths(values, pattern);\n\n // 获取配置在该 pattern上的所有effect配置\n const effectOptionsArr = this.effectMap[pattern];\n\n effectOptionsArr.forEach(({ event, effect }: EffectOptions) => {\n if (event === DataEvent.onValueInit || event === DataEvent.onValueInitOrChange) {\n paths.forEach((path) => {\n // 对触发 init 事件的 name 或他的字 path 触发effect\n if (Glob.isMatchOrParent(name, path) || name === path) {\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[path];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n const effectReturn = (effect as Effect)({\n name: path,\n value: get(values, path),\n formValues: values,\n prevValue: get(prevValues, path),\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[path] = effectReturn;\n }\n }\n });\n }\n });\n });\n });\n\n // 为 Field 添加 effect, 主要针对array\n nativeFormModel.onFieldModelCreate((field) => {\n // register effect\n const effectOptionsArr = findMatchedInMap<EffectOptions[]>(field, this.effectMap);\n if (effectOptionsArr?.length) {\n // 按事件聚合\n const eventMap = groupBy(effectOptionsArr, 'event');\n\n mapKeys(eventMap, (optionsArr, event) => {\n const combinedEffect = (props: any) => {\n // 该事件下执行所有effect\n optionsArr.forEach(({ effect }) =>\n effect({\n ...props,\n formValues: nativeFormModel.values,\n context: this.nodeContext,\n })\n );\n };\n\n switch (event) {\n case DataEvent.onArrayAppend:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onAppend(combinedEffect);\n }\n break;\n case DataEvent.onArrayDelete:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onDelete(combinedEffect);\n }\n break;\n }\n });\n }\n });\n\n // 手动初始化form\n this._formControl.init();\n\n this._initialized = true;\n\n this.onInitializedEmitter.fire(this);\n\n this.onDispose(() => {\n this._initialized = false;\n this.effectMap = {};\n nativeFormModel.dispose();\n });\n }\n\n toJSON() {\n if (this.formMeta.formatOnSubmit) {\n return this.formMeta.formatOnSubmit(this.nativeFormModel?.values, this.nodeContext);\n }\n return this.nativeFormModel?.values;\n }\n\n clearValid() {\n if (this.valid !== null) {\n this.valid = null;\n }\n }\n\n async validate() {\n this.formFeedbacks = await this.nativeFormModel?.validate();\n this.valid = isEmpty(this.formFeedbacks?.filter((f) => f.level === 'error'));\n this.onValidateEmitter.fire(this);\n return this.valid;\n }\n\n getValues<T = any>(): T | undefined {\n return this._formControl?._formModel.values;\n }\n\n getField<\n TValue = FieldValue,\n TField extends IFieldArray<TValue> | IField<TValue> = IField<TValue>\n >(name: FieldName): TField | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.formControl?.getField<TValue, TField>(finalName) as TField;\n }\n\n getValueIn<TValue>(name: FieldName): TValue | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.nativeFormModel?.getValueIn(finalName);\n }\n\n setValueIn(name: FieldName, value: any) {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n this.nativeFormModel?.setValueIn(finalName, value);\n }\n\n /**\n * 监听表单某个路径下的值变化\n * @param name 路径\n * @param callback 回调函数\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ) {\n if (!this._initialized) {\n throw new Error(\n `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n );\n }\n\n this.formControl!._formModel.onFormValuesChange(({ name: changedName, values, prevValues }) => {\n if (changedName === name) {\n callback({\n value: get(values, name),\n prevValue: get(prevValues, name),\n formValues: values,\n prevFormValues: prevValues,\n });\n }\n });\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2 请使用 FormModel.getValueIn\n * @param path glob path\n */\n getFormItemValueByPath(globPath: string) {\n if (!globPath) {\n return;\n }\n if (globPath === '/') {\n return this._formControl?._formModel.values;\n }\n const name = convertGlobPath(globPath);\n return this.getValueIn(name!);\n }\n\n async validateWithFeedbacks(): Promise<FormFeedback[]> {\n await this.validate();\n return formFeedbacksToNodeCoreFormFeedbacks(this.formFeedbacks!);\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2, 请使用FormModel.getValueIn 和 FormModel.setValueIn\n * @param path glob path\n */\n getFormItemByPath(path: string): FormItem | undefined {\n if (!this.nativeFormModel) {\n return;\n }\n\n const that = this;\n\n if (path === '/') {\n return {\n get value() {\n return that.nativeFormModel!.values;\n },\n set value(v) {\n that.nativeFormModel!.values = v;\n },\n } as FormItem;\n }\n\n const name = convertGlobPath(path);\n const formItemValue = that.getValueIn(name!);\n return {\n get value() {\n return formItemValue;\n },\n set value(v) {\n that.setValueIn(name, v);\n },\n } as FormItem;\n }\n\n dispose(): void {\n this.onDisposeEmitter.fire();\n\n // 执行所有effect return\n this.effectReturnMap.forEach((eventMap) => {\n Object.values(eventMap).forEach((effectReturn) => {\n effectReturn();\n });\n });\n\n this.effectMap = DEFAULT.EFFECT_MAP;\n this.effectReturnMap = DEFAULT.EFFECT_RETURN_MAP;\n\n this.plugins.forEach((p) => {\n p.dispose();\n });\n\n this.plugins = [];\n\n this.formFeedbacks = DEFAULT.FORM_FEEDBACKS;\n this._valid = DEFAULT.VALID;\n\n this._formControl = undefined;\n this._initialized = false;\n this.toDispose.dispose();\n }\n}\n","import { find, mergeWith } from 'lodash';\nimport { FormFeedback, FormPathService } from '@flowgram.ai/form-core';\nimport { FormValidateReturn } from '@flowgram.ai/form/src/types';\nimport { type FieldModel, FieldName } from '@flowgram.ai/form';\n\nimport { EffectOptions } from './types';\n\nexport function findMatchedInMap<T = any>(\n field: FieldModel<any>,\n validateMap: Record<FieldName, T> | undefined\n): T | undefined {\n if (!validateMap) {\n return;\n }\n if (validateMap[field.name]) {\n return validateMap[field.name];\n }\n\n const found = find(Object.keys(validateMap), (key) => {\n if (key.startsWith('regex:')) {\n const regex = RegExp(key.split(':')[1]);\n return regex.test(field.name);\n }\n return false;\n });\n\n if (found) {\n return validateMap[found];\n }\n}\n\nexport function formFeedbacksToNodeCoreFormFeedbacks(\n formFeedbacks: FormValidateReturn\n): FormFeedback[] {\n return formFeedbacks.map(\n (f) =>\n ({\n feedbackStatus: f.level,\n feedbackText: f.message,\n path: f.name,\n } as FormFeedback)\n );\n}\n\nexport function convertGlobPath(path: string) {\n if (path.startsWith('/')) {\n const parts = FormPathService.normalize(path).slice(1).split('/');\n return parts.join('.');\n }\n return path;\n}\n\nexport function mergeEffectMap(\n origin: Record<string, EffectOptions[]>,\n source: Record<string, EffectOptions[]>\n) {\n return mergeWith(origin, source, function (objValue: EffectOptions[], srcValue: EffectOptions[]) {\n return (objValue || []).concat(srcValue);\n });\n}\n","import React from 'react';\n\nimport { Form } from '@flowgram.ai/form';\n\nimport { FormModelV2 } from './form-model-v2';\n\ninterface FormRenderProps {\n formModel: FormModelV2;\n}\n\nconst FormRender = ({ formModel }: FormRenderProps) =>\n formModel?.formControl ? (\n <>\n <Form control={formModel?.formControl} keepModelOnUnMount>\n {formModel.formMeta.render}\n </Form>\n </>\n ) : null;\n\nexport function renderForm(formModel: FormModelV2) {\n return <FormRender formModel={formModel} />;\n}\n","import { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { DataEvent } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport function getFormModel(node: FlowNodeEntity) {\n // @ts-ignore\n return node.getData<FlowNodeFormData>(FlowNodeFormData)?.formModel as FormModelV2;\n}\n\nexport function isFormV2(node: FlowNodeEntity) {\n return !!node.getNodeRegistry().formMeta?.render;\n}\n\nexport function createEffectOptions<T>(\n event: DataEvent,\n effect: T\n): { effect: T; event: DataEvent } {\n return {\n event,\n effect,\n };\n}\n","import { useEffect } from 'react';\n\nimport { useRefresh } from '@flowgram.ai/utils';\nimport { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { Errors, Warnings } from '@flowgram.ai/form/src/types';\nimport { FormState, useFormErrors, useFormState, useFormWarnings } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { FormModelV2 } from './form-model-v2';\n\n/**\n * Listen to Form's values and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValues<T = any>(node: FlowNodeEntity): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(() => {\n refresh();\n });\n return () => disposable?.dispose();\n }, [formModel.nativeFormModel]);\n\n return formModel.getValues<T>();\n}\n\n/**\n * Listen to Form's value in a certain path and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValueIn<T = any>(node: FlowNodeEntity, name: string): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(({ name: changedName }) => {\n if (name === changedName) {\n refresh();\n }\n });\n\n return () => disposable?.dispose();\n }, []);\n\n return formModel.getValueIn<T>(name);\n}\n\n/**\n * Listen to FormModel's initialization and refresh React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useInitializedFormModel(node: FlowNodeEntity) {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.onInitialized(() => {\n refresh();\n });\n return () => disposable.dispose();\n }, [formModel]);\n\n return formModel;\n}\n\n/**\n * Get Form's state, Form State is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormState(node: FlowNodeEntity): FormState | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormState(formModel.formControl);\n}\n\n/**\n * Get Form's errors, Form errors is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormErrors(node: FlowNodeEntity): Errors | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormErrors(formModel.formControl);\n}\n\n/**\n * Get Form's warnings, Form warnings is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormWarnings(node: FlowNodeEntity): Warnings | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormWarnings(formModel.formControl);\n}\n","import { nanoid } from 'nanoid';\nimport { Disposable } from '@flowgram.ai/utils';\n\nimport { EffectOptions, FormPluginCtx } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface FormPluginConfig<Opts = any> {\n /**\n * FormModel 初始化时执行\n * @param ctx\n */\n onInit?: (ctx: FormPluginCtx, opts: Opts) => void;\n\n /**\n * 同 FormMeta 中的effects 会与 FormMeta 中的effects 合并\n */\n effect?: Record<string, EffectOptions[]>;\n /**\n * FormModel 销毁时执行\n * @param ctx\n */\n onDispose?: (ctx: FormPluginCtx, opts: Opts) => void;\n}\n\nexport class FormPlugin<Opts = any> implements Disposable {\n readonly name: string;\n\n readonly pluginId: string;\n\n readonly config: FormPluginConfig;\n\n readonly opts?: Opts;\n\n protected _formModel: FormModelV2;\n\n constructor(name: string, config: FormPluginConfig, opts?: Opts) {\n this.name = name;\n this.pluginId = `${name}__${nanoid()}`;\n this.config = config;\n this.opts = opts;\n }\n\n get formModel(): FormModelV2 {\n return this._formModel;\n }\n\n get ctx() {\n return {\n formModel: this.formModel,\n node: this.formModel.nodeContext.node,\n playgroundContext: this.formModel.nodeContext.playgroundContext,\n };\n }\n\n init(formModel: FormModelV2) {\n this._formModel = formModel;\n this.config?.onInit?.(this.ctx, this.opts);\n }\n\n dispose() {\n if (this.config?.onDispose) {\n this.config?.onDispose(this.ctx, this.opts);\n }\n }\n}\n\nexport function defineFormPluginCreator<Opts>(name: string, config: FormPluginConfig) {\n return function (opts: Opts) {\n return new FormPlugin(name, config, opts);\n };\n}\n","import React from 'react';\n\nimport { Event } from '@flowgram.ai/utils';\nimport { FlowNodeFormData, NodeRender, OnFormValuesChangePayload } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue, FormState } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { onFormValueChangeInPayload } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface NodeFormProps<TValues> {\n /**\n * The initialValues of the form.\n */\n initialValues: TValues;\n /**\n * Form values. Returns a deep copy of the data in the store.\n */\n values: TValues;\n /**\n * Form state\n */\n state: FormState;\n /**\n * Get value in certain path\n * @param name path\n */\n getValueIn<TValue = FieldValue>(name: FieldName): TValue;\n\n /**\n * Set value in certain path.\n * It will trigger the re-rendering of the Field Component if a Field is related to this path\n * @param name path\n */\n setValueIn<TValue>(name: FieldName, value: TValue): void;\n /**\n * Render form\n */\n render: () => React.ReactNode;\n /**\n * Form value change event\n */\n onFormValuesChange: Event<OnFormValuesChangePayload>;\n /**\n * Trigger form validate\n */\n validate: () => Promise<boolean>;\n /**\n * Form validate event\n */\n onValidate: Event<FormState>;\n /**\n * Form field value change event\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ): void;\n}\n\n/**\n * Only support FormModelV2\n * @param node\n */\nexport function getNodeForm<TValues = FieldValue>(\n node: FlowNodeEntity\n): NodeFormProps<TValues> | undefined {\n const formModel = node.getData<FlowNodeFormData>(FlowNodeFormData)?.getFormModel<FormModelV2>();\n const nativeFormModel = formModel?.nativeFormModel;\n\n if (!formModel || !nativeFormModel) return undefined;\n\n const result: NodeFormProps<TValues> = {\n initialValues: nativeFormModel.initialValues,\n get values() {\n return nativeFormModel.values;\n },\n state: nativeFormModel.state,\n getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n render: () => <NodeRender node={node} />,\n onFormValuesChange: formModel.onFormValuesChange.bind(formModel),\n onFormValueChangeIn: formModel.onFormValueChangeIn.bind(formModel),\n onValidate: formModel.nativeFormModel.onValidate,\n validate: formModel.validate.bind(formModel),\n };\n\n Object.defineProperty(result, '_formModel', {\n enumerable: false,\n get() {\n return formModel;\n },\n });\n return result;\n}\n"],"mappings":"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","names":["DataEvent","import_lodash","import_form_core","import_form","React","effect","import_form_core","import_react","import_utils","import_form_core","import_form","import_react","import_form_core","React"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/types.ts","../src/form-model-v2.ts","../src/utils.ts","../src/form-render.tsx","../src/helpers.ts","../src/hooks.ts","../src/form-plugin.ts","../src/get-node-form.tsx"],"sourcesContent":["export * from './types';\nexport * from './form-model-v2';\nexport { isFormV2, createEffectOptions } from './helpers';\nexport * from './hooks';\nexport * from './form-plugin';\nexport { type NodeFormProps, getNodeForm } from './get-node-form';\n","import * as React from 'react';\n\nimport { FormModel, IFormMeta, NodeFormContext } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue } from '@flowgram.ai/form/src/types';\nimport {\n FormRenderProps,\n IForm,\n Validate as FormValidate,\n ValidateTrigger,\n} from '@flowgram.ai/form';\n\nimport { FormPlugin } from './form-plugin';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface Node {}\n\nexport interface Flow {}\n\n/**\n * NodeContext contains\n * - node: the Editor's node entity.\n * - playgroundContext: the Editor's playgroundContext injected when initiate the Editor.\n */\ntype NodeContext = NodeFormContext;\n\nexport type Validate<TFieldValue = any, TFormValues = any> = (props: {\n value: TFieldValue;\n formValues: TFormValues;\n context: NodeContext;\n name: FieldName;\n}) => ReturnType<FormValidate<TFieldValue, TFormValues>>;\n\nexport enum DataEvent {\n /* When value change */\n onValueChange = 'onValueChange',\n /**\n * When value Init,it triggers when\n * - defaultValue is configured in formMeta, it will trigger when form is initializing.\n * - defaultValue is configured in Field, it will trigger when this Field is initializing if no initial value is set to this field.\n */\n onValueInit = 'onValueInit',\n /**\n * When Value Init or change\n */\n onValueInitOrChange = 'onValueInitOrChange',\n /* It will trigger when ArrayField.append is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayAppend = 'onArrayAppend',\n /* It will trigger when ArrayField.delete is called. It relies on ArrayField's rendering. If ArrayField is possibly not rendered in your case, please avoid using this event */\n onArrayDelete = 'onArrayDelete',\n}\n\nexport type EffectReturn = () => void;\n\nexport interface EffectFuncProps<TFieldValue = any, TFormValues = any> {\n name: FieldName;\n value: TFieldValue;\n prevValue?: TFieldValue;\n formValues: TFormValues;\n form: IForm;\n context: NodeContext;\n}\n\nexport type Effect<TFieldValue = any, TFormValues = any> = (\n props: EffectFuncProps<TFieldValue, TFormValues>\n) => void | EffectReturn;\n\nexport type ArrayAppendEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n value: TFieldValue;\n arrayValues: Array<TFieldValue>;\n formValues: TFormValues;\n form: IForm;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type ArrayDeleteEffect<TFieldValue = any, TFormValues = any> = (props: {\n index: number;\n arrayValue: Array<TFieldValue>;\n formValues: TFormValues;\n form: IForm;\n context: NodeContext;\n}) => void | EffectReturn;\n\nexport type EffectOptions =\n | { effect: Effect; event: DataEvent }\n | { effect: ArrayAppendEffect; event: DataEvent }\n | { effect: ArrayDeleteEffect; event: DataEvent };\n\nexport interface FormMeta<TValues = any> {\n /**\n * The render method of the node form content. <Form /> is already integrated, so you don't need to wrap your components with <Form />\n * @param props\n */\n render: (props: FormRenderProps<any>) => React.ReactElement;\n /**\n * When to trigger the validation.\n */\n validateTrigger?: ValidateTrigger;\n /**\n * Form data's validation rules. It's a key value map, where the key is a pattern of data's path (or field name), the value is a validate function.\n */\n validate?: Record<FieldName, Validate>;\n /**\n * Form data's effects. It's a key value map, where the key is a pattern of data's path (or field name), the value is an array of effect configuration.\n */\n effect?: Record<FieldName, EffectOptions[]>;\n /**\n * Form data's complete default value. it will not be sent to formatOnInit, but used directly as form's value when needed.\n */\n defaultValues?: TValues | ((context: NodeContext) => TValues);\n /**\n * This function is to format the value when initiate the form, the returned value will be used as the initial value of the form.\n * @param value value input to node as initialValue.\n * @param context\n */\n formatOnInit?: (value: any, context: NodeContext) => any;\n /**\n * This function is to format the value when FormModel.toJSON is called, the returned value will be used as the final value to be saved .\n * @param value value sent by form before format.\n * @param context\n */\n formatOnSubmit?: (value: any, context: NodeContext) => any;\n /**\n * Form's plugins\n */\n plugins?: FormPlugin[];\n}\n\nexport function isFormModelV2(fm: FormModel | FormModelV2): fm is FormModelV2 {\n return 'onFormValuesChange' in fm;\n}\n\nexport function isFormMetaV2(formMeta: IFormMeta | FormMeta) {\n return 'render' in formMeta;\n}\n\nexport type FormPluginCtx = {\n formModel: FormModelV2;\n} & NodeContext;\n\nexport interface onFormValueChangeInPayload<TValue = FieldValue, TFormValues = FieldValue> {\n value: TValue;\n prevValue: TValue;\n formValues: TFormValues;\n prevFormValues: TFormValues;\n}\n","import { get, groupBy, isEmpty, mapKeys } from 'lodash';\nimport { Disposable, DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport {\n FlowNodeFormData,\n FormFeedback,\n FormItem,\n FormManager,\n FormModel,\n FormModelValid,\n IFormItem,\n OnFormValuesChangePayload,\n} from '@flowgram.ai/form-core';\nimport {\n createForm,\n FieldArrayModel,\n FieldName,\n FieldValue,\n type FormControl,\n FormModel as NativeFormModel,\n FormValidateReturn,\n Glob,\n IField,\n IFieldArray,\n toForm,\n} from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\nimport { PlaygroundContext } from '@flowgram.ai/core';\n\nimport {\n convertGlobPath,\n findMatchedInMap,\n formFeedbacksToNodeCoreFormFeedbacks,\n mergeEffectMap,\n} from './utils';\nimport {\n DataEvent,\n Effect,\n EffectOptions,\n EffectReturn,\n FormMeta,\n onFormValueChangeInPayload,\n} from './types';\nimport { renderForm } from './form-render';\nimport { FormPlugin } from './form-plugin';\n\nconst DEFAULT = {\n EFFECT_MAP: {},\n EFFECT_RETURN_MAP: new Map([\n [DataEvent.onValueInitOrChange, {}],\n [DataEvent.onValueChange, {}],\n [DataEvent.onValueInit, {}],\n [DataEvent.onArrayAppend, {}],\n [DataEvent.onArrayDelete, {}],\n ]),\n FORM_FEEDBACKS: [],\n VALID: null,\n};\n\nexport class FormModelV2 extends FormModel implements Disposable {\n protected effectMap: Record<string, EffectOptions[]> = DEFAULT.EFFECT_MAP;\n\n protected effectReturnMap: Map<DataEvent, Record<string, EffectReturn>> =\n DEFAULT.EFFECT_RETURN_MAP;\n\n protected plugins: FormPlugin[] = [];\n\n protected node: FlowNodeEntity;\n\n protected formFeedbacks: FormValidateReturn | undefined = DEFAULT.FORM_FEEDBACKS;\n\n protected onInitializedEmitter = new Emitter<FormModel>();\n\n protected onValidateEmitter = new Emitter<FormModel>();\n\n readonly onValidate = this.onValidateEmitter.event;\n\n readonly onInitialized = this.onInitializedEmitter.event;\n\n protected onDisposeEmitter = new Emitter<void>();\n\n readonly onDispose = this.onDisposeEmitter.event;\n\n protected toDispose = new DisposableCollection();\n\n protected onFormValuesChangeEmitter = new Emitter<OnFormValuesChangePayload>();\n\n readonly onFormValuesChange = this.onFormValuesChangeEmitter.event;\n\n protected onValidChangeEmitter = new Emitter<FormModelValid>();\n\n readonly onValidChange = this.onValidChangeEmitter.event;\n\n protected onFeedbacksChangeEmitter = new Emitter<FormFeedback[]>();\n\n readonly onFeedbacksChange = this.onFeedbacksChangeEmitter.event;\n\n constructor(node: FlowNodeEntity) {\n super();\n this.node = node;\n this.toDispose.pushAll([\n this.onInitializedEmitter,\n this.onValidateEmitter,\n this.onValidChangeEmitter,\n this.onFeedbacksChangeEmitter,\n this.onFormValuesChangeEmitter,\n ]);\n }\n\n protected _valid: FormModelValid = DEFAULT.VALID;\n\n get valid(): FormModelValid {\n return this._valid;\n }\n\n private set valid(valid: FormModelValid) {\n this._valid = valid;\n this.onValidChangeEmitter.fire(valid);\n }\n\n get flowNodeEntity() {\n return this.node;\n }\n\n get formManager() {\n return this.node.getService(FormManager);\n }\n\n protected _formControl?: FormControl<any>;\n\n get formControl() {\n return this._formControl;\n }\n\n get formMeta() {\n return this.node.getNodeRegistry().formMeta;\n }\n\n protected _feedbacks: FormFeedback[] = [];\n\n get feedbacks(): FormFeedback[] {\n return this._feedbacks;\n }\n\n private set feedbacks(feedbacks: FormFeedback[]) {\n this._feedbacks = feedbacks;\n this.onFeedbacksChangeEmitter.fire(feedbacks);\n }\n\n get formItemPathMap(): Map<string, IFormItem> {\n return new Map<string, IFormItem>();\n }\n\n protected _initialized: boolean = false;\n\n get initialized(): boolean {\n return this._initialized;\n }\n\n get nodeContext() {\n return {\n node: this.node,\n playgroundContext: this.node.getService(PlaygroundContext),\n };\n }\n\n get nativeFormModel(): NativeFormModel | undefined {\n return this._formControl?._formModel;\n }\n\n render() {\n return renderForm(this);\n }\n\n initPlugins(plugins: FormPlugin[]) {\n if (!plugins.length) {\n return;\n }\n\n this.plugins = plugins;\n plugins.forEach((plugin) => {\n plugin.init(this);\n if (plugin.config?.effect) {\n mergeEffectMap(this.effectMap, plugin.config.effect);\n }\n });\n }\n\n init(formMeta: FormMeta, rawInitialValues?: any) {\n /* 透传 onFormValuesChange 事件给 FlowNodeFormData */\n const formData = this.node.getData<FlowNodeFormData>(FlowNodeFormData);\n this.onFormValuesChange(() => {\n this._valid = null;\n formData.fireChange();\n });\n\n const { validateTrigger, validate, effect } = formMeta;\n if (effect) {\n this.effectMap = effect;\n }\n\n // 计算初始值: defaultValues 是默认表单值,不需要被format, 而rawInitialValues 是用户创建form 时传入的初始值,可能不同于表单数据格式,需要被format\n const defaultValues =\n typeof formMeta.defaultValues === 'function'\n ? formMeta.defaultValues(this.nodeContext)\n : formMeta.defaultValues;\n\n const initialValues = formMeta.formatOnInit\n ? formMeta.formatOnInit(rawInitialValues, this.nodeContext)\n : rawInitialValues;\n\n // 初始化底层表单\n const { control } = createForm({\n initialValues: initialValues || defaultValues,\n validateTrigger,\n context: this.nodeContext,\n validate: validate,\n disableAutoInit: true,\n });\n\n this._formControl = control;\n const nativeFormModel = control._formModel;\n this.toDispose.push(nativeFormModel);\n\n // forward onFormValuesChange event\n nativeFormModel.onFormValuesChange((props) => {\n this.onFormValuesChangeEmitter.fire(props);\n });\n\n if (formMeta.plugins) {\n this.initPlugins(formMeta.plugins);\n }\n\n // Form 数据变更时触发对应的effect\n nativeFormModel.onFormValuesChange(({ values, prevValues, name }) => {\n // 找到所有路径匹配的副作用,包括父亲路径\n const effectKeys = Object.keys(this.effectMap).filter((pattern) =>\n Glob.isMatchOrParent(pattern, name)\n );\n\n effectKeys.forEach((effectKey) => {\n const effectOptionsArr = this.effectMap[effectKey];\n // 执行该事件配置下所有 onValueChange 事件的 effect\n effectOptionsArr.forEach(({ effect, event }: EffectOptions) => {\n if (event === DataEvent.onValueChange || event === DataEvent.onValueInitOrChange) {\n // 对于冒泡的事件,需要获取 parent 的 name\n const currentName = Glob.getParentPathByPattern(effectKey, name);\n\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[currentName];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n // 执行effect\n const effectReturn = (effect as Effect)({\n name: currentName,\n value: get(values, currentName),\n prevValue: get(prevValues, currentName),\n formValues: values,\n form: toForm(this.nativeFormModel!),\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[currentName] = effectReturn;\n }\n }\n });\n });\n });\n\n // Form 数据初始化时触发对应的effect\n nativeFormModel.onFormValuesInit(({ values, name, prevValues }) => {\n Object.keys(this.effectMap).forEach((pattern) => {\n // 找到匹配 pattern 的数据路径\n const paths = Glob.findMatchPaths(values, pattern);\n\n // 获取配置在该 pattern上的所有effect配置\n const effectOptionsArr = this.effectMap[pattern];\n\n effectOptionsArr.forEach(({ event, effect }: EffectOptions) => {\n if (event === DataEvent.onValueInit || event === DataEvent.onValueInitOrChange) {\n paths.forEach((path) => {\n // 对触发 init 事件的 name 或他的字 path 触发effect\n if (Glob.isMatchOrParent(name, path) || name === path) {\n // 执行上一次effect 的 return\n const prevEffectReturn = this.effectReturnMap.get(event)?.[path];\n if (prevEffectReturn) {\n prevEffectReturn();\n }\n\n const effectReturn = (effect as Effect)({\n name: path,\n value: get(values, path),\n formValues: values,\n prevValue: get(prevValues, path),\n form: toForm(this.nativeFormModel!),\n context: this.nodeContext,\n });\n\n // 更新 effect return\n if (\n effectReturn &&\n typeof effectReturn === 'function' &&\n this.effectReturnMap.has(event)\n ) {\n const eventMap = this.effectReturnMap.get(event) as Record<string, EffectReturn>;\n eventMap[path] = effectReturn;\n }\n }\n });\n }\n });\n });\n });\n\n // 为 Field 添加 effect, 主要针对array\n nativeFormModel.onFieldModelCreate((field) => {\n // register effect\n const effectOptionsArr = findMatchedInMap<EffectOptions[]>(field, this.effectMap);\n if (effectOptionsArr?.length) {\n // 按事件聚合\n const eventMap = groupBy(effectOptionsArr, 'event');\n\n mapKeys(eventMap, (optionsArr, event) => {\n const combinedEffect = (props: any) => {\n // 该事件下执行所有effect\n optionsArr.forEach(({ effect }) =>\n effect({\n ...props,\n formValues: nativeFormModel.values,\n form: toForm(this.nativeFormModel!),\n context: this.nodeContext,\n })\n );\n };\n\n switch (event) {\n case DataEvent.onArrayAppend:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onAppend(combinedEffect);\n }\n break;\n case DataEvent.onArrayDelete:\n if (field instanceof FieldArrayModel) {\n (field as FieldArrayModel).onDelete(combinedEffect);\n }\n break;\n }\n });\n }\n });\n\n // 手动初始化form\n this._formControl.init();\n\n this._initialized = true;\n\n this.onInitializedEmitter.fire(this);\n\n this.onDispose(() => {\n this._initialized = false;\n this.effectMap = {};\n nativeFormModel.dispose();\n });\n }\n\n toJSON() {\n if (this.formMeta.formatOnSubmit) {\n return this.formMeta.formatOnSubmit(this.nativeFormModel?.values, this.nodeContext);\n }\n return this.nativeFormModel?.values;\n }\n\n clearValid() {\n if (this.valid !== null) {\n this.valid = null;\n }\n }\n\n async validate() {\n this.formFeedbacks = await this.nativeFormModel?.validate();\n this.valid = isEmpty(this.formFeedbacks?.filter((f) => f.level === 'error'));\n this.onValidateEmitter.fire(this);\n return this.valid;\n }\n\n getValues<T = any>(): T | undefined {\n return this._formControl?._formModel.values;\n }\n\n getField<\n TValue = FieldValue,\n TField extends IFieldArray<TValue> | IField<TValue> = IField<TValue>\n >(name: FieldName): TField | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.formControl?.getField<TValue, TField>(finalName) as TField;\n }\n\n getValueIn<TValue>(name: FieldName): TValue | undefined {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n return this.nativeFormModel?.getValueIn(finalName);\n }\n\n setValueIn(name: FieldName, value: any) {\n let finalName = name.includes('/') ? convertGlobPath(name) : name;\n\n this.nativeFormModel?.setValueIn(finalName, value);\n }\n\n /**\n * 监听表单某个路径下的值变化\n * @param name 路径\n * @param callback 回调函数\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ) {\n if (!this._initialized) {\n throw new Error(\n `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n );\n }\n\n this.formControl!._formModel.onFormValuesChange(({ name: changedName, values, prevValues }) => {\n if (changedName === name) {\n callback({\n value: get(values, name),\n prevValue: get(prevValues, name),\n formValues: values,\n prevFormValues: prevValues,\n });\n }\n });\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2 请使用 FormModel.getValueIn\n * @param path glob path\n */\n getFormItemValueByPath(globPath: string) {\n if (!globPath) {\n return;\n }\n if (globPath === '/') {\n return this._formControl?._formModel.values;\n }\n const name = convertGlobPath(globPath);\n return this.getValueIn(name!);\n }\n\n async validateWithFeedbacks(): Promise<FormFeedback[]> {\n await this.validate();\n return formFeedbacksToNodeCoreFormFeedbacks(this.formFeedbacks!);\n }\n\n /**\n * @deprecated 该方法用于兼容 V1 版本 FormModel接口,如果确定是FormModelV2, 请使用FormModel.getValueIn 和 FormModel.setValueIn\n * @param path glob path\n */\n getFormItemByPath(path: string): FormItem | undefined {\n if (!this.nativeFormModel) {\n return;\n }\n\n const that = this;\n\n if (path === '/') {\n return {\n get value() {\n return that.nativeFormModel!.values;\n },\n set value(v) {\n that.nativeFormModel!.values = v;\n },\n } as FormItem;\n }\n\n const name = convertGlobPath(path);\n const formItemValue = that.getValueIn(name!);\n return {\n get value() {\n return formItemValue;\n },\n set value(v) {\n that.setValueIn(name, v);\n },\n } as FormItem;\n }\n\n dispose(): void {\n this.onDisposeEmitter.fire();\n\n // 执行所有effect return\n this.effectReturnMap.forEach((eventMap) => {\n Object.values(eventMap).forEach((effectReturn) => {\n effectReturn();\n });\n });\n\n this.effectMap = DEFAULT.EFFECT_MAP;\n this.effectReturnMap = DEFAULT.EFFECT_RETURN_MAP;\n\n this.plugins.forEach((p) => {\n p.dispose();\n });\n\n this.plugins = [];\n\n this.formFeedbacks = DEFAULT.FORM_FEEDBACKS;\n this._valid = DEFAULT.VALID;\n\n this._formControl = undefined;\n this._initialized = false;\n this.toDispose.dispose();\n }\n}\n","import { find, mergeWith } from 'lodash';\nimport { FormFeedback, FormPathService } from '@flowgram.ai/form-core';\nimport { FormValidateReturn } from '@flowgram.ai/form/src/types';\nimport { type FieldModel, FieldName } from '@flowgram.ai/form';\n\nimport { EffectOptions } from './types';\n\nexport function findMatchedInMap<T = any>(\n field: FieldModel<any>,\n validateMap: Record<FieldName, T> | undefined\n): T | undefined {\n if (!validateMap) {\n return;\n }\n if (validateMap[field.name]) {\n return validateMap[field.name];\n }\n\n const found = find(Object.keys(validateMap), (key) => {\n if (key.startsWith('regex:')) {\n const regex = RegExp(key.split(':')[1]);\n return regex.test(field.name);\n }\n return false;\n });\n\n if (found) {\n return validateMap[found];\n }\n}\n\nexport function formFeedbacksToNodeCoreFormFeedbacks(\n formFeedbacks: FormValidateReturn\n): FormFeedback[] {\n return formFeedbacks.map(\n (f) =>\n ({\n feedbackStatus: f.level,\n feedbackText: f.message,\n path: f.name,\n } as FormFeedback)\n );\n}\n\nexport function convertGlobPath(path: string) {\n if (path.startsWith('/')) {\n const parts = FormPathService.normalize(path).slice(1).split('/');\n return parts.join('.');\n }\n return path;\n}\n\nexport function mergeEffectMap(\n origin: Record<string, EffectOptions[]>,\n source: Record<string, EffectOptions[]>\n) {\n return mergeWith(origin, source, function (objValue: EffectOptions[], srcValue: EffectOptions[]) {\n return (objValue || []).concat(srcValue);\n });\n}\n","import React from 'react';\n\nimport { Form } from '@flowgram.ai/form';\n\nimport { FormModelV2 } from './form-model-v2';\n\ninterface FormRenderProps {\n formModel: FormModelV2;\n}\n\nconst FormRender = ({ formModel }: FormRenderProps) =>\n formModel?.formControl ? (\n <>\n <Form control={formModel?.formControl} keepModelOnUnMount>\n {formModel.formMeta.render}\n </Form>\n </>\n ) : null;\n\nexport function renderForm(formModel: FormModelV2) {\n return <FormRender formModel={formModel} />;\n}\n","import { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { DataEvent } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport function getFormModel(node: FlowNodeEntity) {\n // @ts-ignore\n return node.getData<FlowNodeFormData>(FlowNodeFormData)?.formModel as FormModelV2;\n}\n\nexport function isFormV2(node: FlowNodeEntity) {\n return !!node.getNodeRegistry().formMeta?.render;\n}\n\nexport function createEffectOptions<T>(\n event: DataEvent,\n effect: T\n): { effect: T; event: DataEvent } {\n return {\n event,\n effect,\n };\n}\n","import { useEffect } from 'react';\n\nimport { useRefresh } from '@flowgram.ai/utils';\nimport { FlowNodeFormData } from '@flowgram.ai/form-core';\nimport { Errors, Warnings } from '@flowgram.ai/form/src/types';\nimport { FormState, useFormErrors, useFormState, useFormWarnings } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { FormModelV2 } from './form-model-v2';\n\n/**\n * Listen to Form's values and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValues<T = any>(node: FlowNodeEntity): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(() => {\n refresh();\n });\n return () => disposable?.dispose();\n }, [formModel.nativeFormModel]);\n\n return formModel.getValues<T>();\n}\n\n/**\n * Listen to Form's value in a certain path and refresh the React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormValueIn<T = any>(node: FlowNodeEntity, name: string): T | undefined {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.nativeFormModel?.onFormValuesChange(({ name: changedName }) => {\n if (name === changedName) {\n refresh();\n }\n });\n\n return () => disposable?.dispose();\n }, []);\n\n return formModel.getValueIn<T>(name);\n}\n\n/**\n * Listen to FormModel's initialization and refresh React component.\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useInitializedFormModel(node: FlowNodeEntity) {\n const formModel = node.getData(FlowNodeFormData).getFormModel<FormModelV2>();\n const refresh = useRefresh();\n\n useEffect(() => {\n const disposable = formModel.onInitialized(() => {\n refresh();\n });\n return () => disposable.dispose();\n }, [formModel]);\n\n return formModel;\n}\n\n/**\n * Get Form's state, Form State is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormState(node: FlowNodeEntity): FormState | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormState(formModel.formControl);\n}\n\n/**\n * Get Form's errors, Form errors is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormErrors(node: FlowNodeEntity): Errors | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormErrors(formModel.formControl);\n}\n\n/**\n * Get Form's warnings, Form warnings is a proxy, it will refresh the React component when the value you accessed changed\n * By providing related node, you can use this hook outside the Form Component.\n * @param node\n */\nexport function useWatchFormWarnings(node: FlowNodeEntity): Warnings | undefined {\n const formModel = useInitializedFormModel(node);\n return useFormWarnings(formModel.formControl);\n}\n","import { nanoid } from 'nanoid';\nimport { Disposable } from '@flowgram.ai/utils';\n\nimport { EffectOptions, FormPluginCtx } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface FormPluginConfig<Opts = any> {\n /**\n * FormModel 初始化时执行\n * @param ctx\n */\n onInit?: (ctx: FormPluginCtx, opts: Opts) => void;\n\n /**\n * 同 FormMeta 中的effects 会与 FormMeta 中的effects 合并\n */\n effect?: Record<string, EffectOptions[]>;\n /**\n * FormModel 销毁时执行\n * @param ctx\n */\n onDispose?: (ctx: FormPluginCtx, opts: Opts) => void;\n}\n\nexport class FormPlugin<Opts = any> implements Disposable {\n readonly name: string;\n\n readonly pluginId: string;\n\n readonly config: FormPluginConfig;\n\n readonly opts?: Opts;\n\n protected _formModel: FormModelV2;\n\n constructor(name: string, config: FormPluginConfig, opts?: Opts) {\n this.name = name;\n this.pluginId = `${name}__${nanoid()}`;\n this.config = config;\n this.opts = opts;\n }\n\n get formModel(): FormModelV2 {\n return this._formModel;\n }\n\n get ctx() {\n return {\n formModel: this.formModel,\n node: this.formModel.nodeContext.node,\n playgroundContext: this.formModel.nodeContext.playgroundContext,\n };\n }\n\n init(formModel: FormModelV2) {\n this._formModel = formModel;\n this.config?.onInit?.(this.ctx, this.opts);\n }\n\n dispose() {\n if (this.config?.onDispose) {\n this.config?.onDispose(this.ctx, this.opts);\n }\n }\n}\n\nexport function defineFormPluginCreator<Opts>(name: string, config: FormPluginConfig) {\n return function (opts: Opts) {\n return new FormPlugin(name, config, opts);\n };\n}\n","import React from 'react';\n\nimport { Event } from '@flowgram.ai/utils';\nimport { FlowNodeFormData, NodeRender, OnFormValuesChangePayload } from '@flowgram.ai/form-core';\nimport { FieldName, FieldValue, FormState } from '@flowgram.ai/form';\nimport { FlowNodeEntity } from '@flowgram.ai/document';\n\nimport { onFormValueChangeInPayload } from './types';\nimport { FormModelV2 } from './form-model-v2';\n\nexport interface NodeFormProps<TValues> {\n /**\n * The initialValues of the form.\n */\n initialValues: TValues;\n /**\n * Form values. Returns a deep copy of the data in the store.\n */\n values: TValues;\n /**\n * Form state\n */\n state: FormState;\n /**\n * Get value in certain path\n * @param name path\n */\n getValueIn<TValue = FieldValue>(name: FieldName): TValue;\n\n /**\n * Set value in certain path.\n * It will trigger the re-rendering of the Field Component if a Field is related to this path\n * @param name path\n */\n setValueIn<TValue>(name: FieldName, value: TValue): void;\n /**\n * Render form\n */\n render: () => React.ReactNode;\n /**\n * Form value change event\n */\n onFormValuesChange: Event<OnFormValuesChangePayload>;\n /**\n * Trigger form validate\n */\n validate: () => Promise<boolean>;\n /**\n * Form validate event\n */\n onValidate: Event<FormState>;\n /**\n * Form field value change event\n */\n onFormValueChangeIn<TValue = FieldValue, TFormValue = FieldValue>(\n name: FieldName,\n callback: (payload: onFormValueChangeInPayload<TValue, TFormValue>) => void\n ): void;\n}\n\n/**\n * Only support FormModelV2\n * @param node\n */\nexport function getNodeForm<TValues = FieldValue>(\n node: FlowNodeEntity\n): NodeFormProps<TValues> | undefined {\n const formModel = node.getData<FlowNodeFormData>(FlowNodeFormData)?.getFormModel<FormModelV2>();\n const nativeFormModel = formModel?.nativeFormModel;\n\n if (!formModel || !nativeFormModel) return undefined;\n\n const result: NodeFormProps<TValues> = {\n initialValues: nativeFormModel.initialValues,\n get values() {\n return nativeFormModel.values;\n },\n state: nativeFormModel.state,\n getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n render: () => <NodeRender node={node} />,\n onFormValuesChange: formModel.onFormValuesChange.bind(formModel),\n onFormValueChangeIn: formModel.onFormValueChangeIn.bind(formModel),\n onValidate: formModel.nativeFormModel.onValidate,\n validate: formModel.validate.bind(formModel),\n };\n\n Object.defineProperty(result, '_formModel', {\n enumerable: false,\n get() {\n return formModel;\n },\n });\n return result;\n}\n"],"mappings":"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","names":["DataEvent","import_lodash","import_form_core","import_form","React","effect","import_form_core","import_react","import_utils","import_form_core","import_form","import_react","import_form_core","React"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flowgram.ai/node",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "automation form core",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"flow",
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
"lodash": "^4.17.21",
|
|
26
26
|
"nanoid": "^4.0.2",
|
|
27
27
|
"reflect-metadata": "~0.2.2",
|
|
28
|
-
"@flowgram.ai/core": "0.1.
|
|
29
|
-
"@flowgram.ai/document": "0.1.
|
|
30
|
-
"@flowgram.ai/form": "0.1.
|
|
31
|
-
"@flowgram.ai/form
|
|
32
|
-
"@flowgram.ai/utils": "0.1.
|
|
28
|
+
"@flowgram.ai/core": "0.1.14",
|
|
29
|
+
"@flowgram.ai/document": "0.1.14",
|
|
30
|
+
"@flowgram.ai/form-core": "0.1.14",
|
|
31
|
+
"@flowgram.ai/form": "0.1.14",
|
|
32
|
+
"@flowgram.ai/utils": "0.1.14"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/lodash": "^4.14.137",
|
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
"tsup": "^8.0.1",
|
|
41
41
|
"typescript": "^5.0.4",
|
|
42
42
|
"vitest": "^0.34.6",
|
|
43
|
-
"@flowgram.ai/eslint-config": "0.1.
|
|
44
|
-
"@flowgram.ai/
|
|
45
|
-
"@flowgram.ai/
|
|
43
|
+
"@flowgram.ai/eslint-config": "0.1.14",
|
|
44
|
+
"@flowgram.ai/form": "0.1.14",
|
|
45
|
+
"@flowgram.ai/ts-config": "0.1.14"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": ">=17",
|