@flowgram.ai/node 0.1.0-alpha.8 → 0.1.0-alpha.9

package/dist/esm/index.js

@@ -76,7 +76,7 @@ function mergeEffectMap(origin, source) {
 // src/form-render.tsx
 import React from "react";
 import { Form } from "@flowgram.ai/form";
-var FormRender = ({ formModel }) => (formModel == null ? void 0 : formModel.formControl) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form, { control: formModel == null ? void 0 : formModel.formControl, keepModelOnUnMount: true }, formModel.formMeta.render)) : null;
+var FormRender = ({ formModel }) => formModel?.formControl ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form, { control: formModel?.formControl, keepModelOnUnMount: true }, formModel.formMeta.render)) : null;
 function renderForm(formModel) {
   return /* @__PURE__ */ React.createElement(FormRender, { formModel });
 }
@@ -147,8 +147,7 @@ var FormModelV2 = class extends FormModel {
     return this.node.getNodeRegistry().formMeta;
   }
   get values() {
-    var _a;
-    return (_a = this.nativeFormModel) == null ? void 0 : _a.values;
+    return this.nativeFormModel?.values;
   }
   get feedbacks() {
     return this._feedbacks;
@@ -176,8 +175,7 @@ var FormModelV2 = class extends FormModel {
     };
   }
   get nativeFormModel() {
-    var _a;
-    return (_a = this._formControl) == null ? void 0 : _a._formModel;
+    return this._formControl?._formModel;
   }
   render() {
     return renderForm(this);
@@ -188,9 +186,8 @@ var FormModelV2 = class extends FormModel {
     }
     this.plugins = plugins;
     plugins.forEach((plugin) => {
-      var _a;
       plugin.init(this);
-      if ((_a = plugin.config) == null ? void 0 : _a.effect) {
+      if (plugin.config?.effect) {
         mergeEffectMap(this.effectMap, plugin.config.effect);
       }
     });
@@ -230,10 +227,9 @@ var FormModelV2 = class extends FormModel {
       effectKeys.forEach((effectKey) => {
         const effectOptionsArr = this.effectMap[effectKey];
         effectOptionsArr.forEach(({ effect: effect2, event }) => {
-          var _a;
           if (event === "onValueChange" /* onValueChange */ || event === "onValueInitOrChange" /* onValueInitOrChange */) {
             const currentName = Glob.getParentPathByPattern(effectKey, name);
-            const prevEffectReturn = (_a = this.effectReturnMap.get(event)) == null ? void 0 : _a[currentName];
+            const prevEffectReturn = this.effectReturnMap.get(event)?.[currentName];
             if (prevEffectReturn) {
               prevEffectReturn();
             }
@@ -260,9 +256,8 @@ var FormModelV2 = class extends FormModel {
         effectOptionsArr.forEach(({ event, effect: effect2 }) => {
           if (event === "onValueInit" /* onValueInit */ || event === "onValueInitOrChange" /* onValueInitOrChange */) {
             paths.forEach((path) => {
-              var _a;
               if (Glob.isMatchOrParent(name, path) || name === path) {
-                const prevEffectReturn = (_a = this.effectReturnMap.get(event)) == null ? void 0 : _a[path];
+                const prevEffectReturn = this.effectReturnMap.get(event)?.[path];
                 if (prevEffectReturn) {
                   prevEffectReturn();
                 }
@@ -286,7 +281,7 @@ var FormModelV2 = class extends FormModel {
     });
     nativeFormModel.onFieldModelCreate((field) => {
       const effectOptionsArr = findMatchedInMap(field, this.effectMap);
-      if (effectOptionsArr == null ? void 0 : effectOptionsArr.length) {
+      if (effectOptionsArr?.length) {
         const eventMap = groupBy(effectOptionsArr, "event");
         mapKeys(eventMap, (optionsArr, event) => {
           const combinedEffect = (props) => {
@@ -324,11 +319,10 @@ var FormModelV2 = class extends FormModel {
     });
   }
   toJSON() {
-    var _a, _b;
     if (this.formMeta.formatOnSubmit) {
-      return this.formMeta.formatOnSubmit((_a = this.nativeFormModel) == null ? void 0 : _a.values, this.nodeContext);
+      return this.formMeta.formatOnSubmit(this.nativeFormModel?.values, this.nodeContext);
     }
-    return (_b = this.nativeFormModel) == null ? void 0 : _b.values;
+    return this.nativeFormModel?.values;
   }
   clearValid() {
     if (this.valid !== null) {
@@ -336,30 +330,25 @@ var FormModelV2 = class extends FormModel {
     }
   }
   async validate() {
-    var _a, _b;
-    this.formFeedbacks = await ((_a = this.nativeFormModel) == null ? void 0 : _a.validate());
-    this.valid = isEmpty((_b = this.formFeedbacks) == null ? void 0 : _b.filter((f) => f.level === "error"));
+    this.formFeedbacks = await this.nativeFormModel?.validate();
+    this.valid = isEmpty(this.formFeedbacks?.filter((f) => f.level === "error"));
     this.onValidateEmitter.fire(this);
     return this.valid;
   }
   getValues() {
-    var _a;
-    return (_a = this._formControl) == null ? void 0 : _a._formModel.values;
+    return this._formControl?._formModel.values;
   }
   getField(name) {
-    var _a;
     let finalName = name.includes("/") ? convertGlobPath(name) : name;
-    return (_a = this.formControl) == null ? void 0 : _a.getField(finalName);
+    return this.formControl?.getField(finalName);
   }
   getValueIn(name) {
-    var _a;
     let finalName = name.includes("/") ? convertGlobPath(name) : name;
-    return (_a = this.nativeFormModel) == null ? void 0 : _a.getValueIn(finalName);
+    return this.nativeFormModel?.getValueIn(finalName);
   }
   setValueIn(name, value) {
-    var _a;
     let finalName = name.includes("/") ? convertGlobPath(name) : name;
-    (_a = this.nativeFormModel) == null ? void 0 : _a.setValueIn(finalName, value);
+    this.nativeFormModel?.setValueIn(finalName, value);
   }
   /**
    * 监听表单某个路径下的值变化
@@ -390,12 +379,11 @@ var FormModelV2 = class extends FormModel {
    * @param path glob path
    */
   getFormItemValueByPath(globPath) {
-    var _a;
     if (!globPath) {
       return;
     }
     if (globPath === "/") {
-      return (_a = this._formControl) == null ? void 0 : _a._formModel.values;
+      return this._formControl?._formModel.values;
     }
     const name = convertGlobPath(globPath);
     return this.getValueIn(name);
@@ -458,8 +446,7 @@ var FormModelV2 = class extends FormModel {
 // src/helpers.ts
 import { FlowNodeFormData as FlowNodeFormData2 } from "@flowgram.ai/form-core";
 function isFormV2(node) {
-  var _a;
-  return !!((_a = node.getNodeRegistry().formMeta) == null ? void 0 : _a.render);
+  return !!node.getNodeRegistry().formMeta?.render;
 }
 function createEffectOptions(event, effect) {
   return {
@@ -477,11 +464,10 @@ function useWatchFormValues(node) {
   const formModel = node.getData(FlowNodeFormData3).getFormModel();
   const refresh = useRefresh();
   useEffect(() => {
-    var _a;
-    const disposable = (_a = formModel.nativeFormModel) == null ? void 0 : _a.onFormValuesChange(() => {
+    const disposable = formModel.nativeFormModel?.onFormValuesChange(() => {
       refresh();
     });
-    return () => disposable == null ? void 0 : disposable.dispose();
+    return () => disposable?.dispose();
   }, [formModel.nativeFormModel]);
   return formModel.getValues();
 }
@@ -489,13 +475,12 @@ function useWatchFormValueIn(node, name) {
   const formModel = node.getData(FlowNodeFormData3).getFormModel();
   const refresh = useRefresh();
   useEffect(() => {
-    var _a;
-    const disposable = (_a = formModel.nativeFormModel) == null ? void 0 : _a.onFormValuesChange(({ name: changedName }) => {
+    const disposable = formModel.nativeFormModel?.onFormValuesChange(({ name: changedName }) => {
       if (name === changedName) {
         refresh();
       }
     });
-    return () => disposable == null ? void 0 : disposable.dispose();
+    return () => disposable?.dispose();
   }, []);
   return formModel.getValueIn(name);
 }
@@ -543,14 +528,12 @@ var FormPlugin = class {
     };
   }
   init(formModel) {
-    var _a, _b;
     this._formModel = formModel;
-    (_b = (_a = this.config) == null ? void 0 : _a.onInit) == null ? void 0 : _b.call(_a, this.ctx, this.opts);
+    this.config?.onInit?.(this.ctx, this.opts);
   }
   dispose() {
-    var _a, _b;
-    if ((_a = this.config) == null ? void 0 : _a.onDispose) {
-      (_b = this.config) == null ? void 0 : _b.onDispose(this.ctx, this.opts);
+    if (this.config?.onDispose) {
+      this.config?.onDispose(this.ctx, this.opts);
     }
   }
 };
@@ -564,9 +547,8 @@ function defineFormPluginCreator(name, config) {
 import React2 from "react";
 import { FlowNodeFormData as FlowNodeFormData4, NodeRender } from "@flowgram.ai/form-core";
 function getNodeForm(node) {
-  var _a;
-  const formModel = (_a = node.getData(FlowNodeFormData4)) == null ? void 0 : _a.getFormModel();
-  const nativeFormModel = formModel == null ? void 0 : formModel.nativeFormModel;
+  const formModel = node.getData(FlowNodeFormData4)?.getFormModel();
+  const nativeFormModel = formModel?.nativeFormModel;
   if (!formModel || !nativeFormModel) return void 0;
   const result = {
     initialValues: nativeFormModel.initialValues,

package/dist/esm/index.js.map

@@ -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 {\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  // Different formModel should have different reference\n  EFFECT_MAP: () => ({}),\n  EFFECT_RETURN_MAP: () =>\n    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  get values() {\n    return this.nativeFormModel?.values;\n  }\n\n  protected _feedbacks: FormFeedback[] = [];\n\n  get feedbacks(): FormFeedback[] {\n    return this._feedbacks;\n  }\n\n  updateFormValues(value: any) {\n    if (this.nativeFormModel) {\n      const finalValue = this.formMeta.formatOnInit\n        ? this.formMeta.formatOnInit(value, this.nodeContext)\n        : value;\n      this.nativeFormModel.values = finalValue;\n    }\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  ): Disposable {\n    if (!this._initialized) {\n      throw new Error(\n        `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n      );\n    }\n\n    return this.formControl!._formModel.onFormValuesChange(\n      ({ 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  /**\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 { Disposable, 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   * set form values\n   */\n  updateFormValues(values: any): 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  ): Disposable;\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\n    state: nativeFormModel.state,\n    getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n    setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n    updateFormValues: (values: any) => {\n      formModel.updateFormValues(values);\n    },\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"]}
+{"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  // Different formModel should have different reference\n  EFFECT_MAP: () => ({}),\n  EFFECT_RETURN_MAP: () =>\n    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  get values() {\n    return this.nativeFormModel?.values;\n  }\n\n  protected _feedbacks: FormFeedback[] = [];\n\n  get feedbacks(): FormFeedback[] {\n    return this._feedbacks;\n  }\n\n  updateFormValues(value: any) {\n    if (this.nativeFormModel) {\n      const finalValue = this.formMeta.formatOnInit\n        ? this.formMeta.formatOnInit(value, this.nodeContext)\n        : value;\n      this.nativeFormModel.values = finalValue;\n    }\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  ): Disposable {\n    if (!this._initialized) {\n      throw new Error(\n        `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n      );\n    }\n\n    return this.formControl!._formModel.onFormValuesChange(\n      ({ 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  /**\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 { Disposable, 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   * set form values\n   */\n  updateFormValues(values: any): 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  ): Disposable;\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\n    state: nativeFormModel.state,\n    getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n    setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n    updateFormValues: (values: any) => {\n      formModel.updateFormValues(values);\n    },\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.js

@@ -117,7 +117,7 @@ function mergeEffectMap(origin, source) {
 // src/form-render.tsx
 var import_react = __toESM(require("react"));
 var import_form = require("@flowgram.ai/form");
-var FormRender = ({ formModel }) => (formModel == null ? void 0 : formModel.formControl) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_form.Form, { control: formModel == null ? void 0 : formModel.formControl, keepModelOnUnMount: true }, formModel.formMeta.render)) : null;
+var FormRender = ({ formModel }) => formModel?.formControl ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_form.Form, { control: formModel?.formControl, keepModelOnUnMount: true }, formModel.formMeta.render)) : null;
 function renderForm(formModel) {
   return /* @__PURE__ */ import_react.default.createElement(FormRender, { formModel });
 }
@@ -188,8 +188,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
     return this.node.getNodeRegistry().formMeta;
   }
   get values() {
-    var _a;
-    return (_a = this.nativeFormModel) == null ? void 0 : _a.values;
+    return this.nativeFormModel?.values;
   }
   get feedbacks() {
     return this._feedbacks;
@@ -217,8 +216,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
     };
   }
   get nativeFormModel() {
-    var _a;
-    return (_a = this._formControl) == null ? void 0 : _a._formModel;
+    return this._formControl?._formModel;
   }
   render() {
     return renderForm(this);
@@ -229,9 +227,8 @@ var FormModelV2 = class extends import_form_core2.FormModel {
     }
     this.plugins = plugins;
     plugins.forEach((plugin) => {
-      var _a;
       plugin.init(this);
-      if ((_a = plugin.config) == null ? void 0 : _a.effect) {
+      if (plugin.config?.effect) {
         mergeEffectMap(this.effectMap, plugin.config.effect);
       }
     });
@@ -271,10 +268,9 @@ var FormModelV2 = class extends import_form_core2.FormModel {
       effectKeys.forEach((effectKey) => {
         const effectOptionsArr = this.effectMap[effectKey];
         effectOptionsArr.forEach(({ effect: effect2, event }) => {
-          var _a;
           if (event === "onValueChange" /* onValueChange */ || event === "onValueInitOrChange" /* onValueInitOrChange */) {
             const currentName = import_form2.Glob.getParentPathByPattern(effectKey, name);
-            const prevEffectReturn = (_a = this.effectReturnMap.get(event)) == null ? void 0 : _a[currentName];
+            const prevEffectReturn = this.effectReturnMap.get(event)?.[currentName];
             if (prevEffectReturn) {
               prevEffectReturn();
             }
@@ -301,9 +297,8 @@ var FormModelV2 = class extends import_form_core2.FormModel {
         effectOptionsArr.forEach(({ event, effect: effect2 }) => {
           if (event === "onValueInit" /* onValueInit */ || event === "onValueInitOrChange" /* onValueInitOrChange */) {
             paths.forEach((path) => {
-              var _a;
               if (import_form2.Glob.isMatchOrParent(name, path) || name === path) {
-                const prevEffectReturn = (_a = this.effectReturnMap.get(event)) == null ? void 0 : _a[path];
+                const prevEffectReturn = this.effectReturnMap.get(event)?.[path];
                 if (prevEffectReturn) {
                   prevEffectReturn();
                 }
@@ -327,7 +322,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
     });
     nativeFormModel.onFieldModelCreate((field) => {
       const effectOptionsArr = findMatchedInMap(field, this.effectMap);
-      if (effectOptionsArr == null ? void 0 : effectOptionsArr.length) {
+      if (effectOptionsArr?.length) {
         const eventMap = (0, import_lodash2.groupBy)(effectOptionsArr, "event");
         (0, import_lodash2.mapKeys)(eventMap, (optionsArr, event) => {
           const combinedEffect = (props) => {
@@ -365,11 +360,10 @@ var FormModelV2 = class extends import_form_core2.FormModel {
     });
   }
   toJSON() {
-    var _a, _b;
     if (this.formMeta.formatOnSubmit) {
-      return this.formMeta.formatOnSubmit((_a = this.nativeFormModel) == null ? void 0 : _a.values, this.nodeContext);
+      return this.formMeta.formatOnSubmit(this.nativeFormModel?.values, this.nodeContext);
     }
-    return (_b = this.nativeFormModel) == null ? void 0 : _b.values;
+    return this.nativeFormModel?.values;
   }
   clearValid() {
     if (this.valid !== null) {
@@ -377,30 +371,25 @@ var FormModelV2 = class extends import_form_core2.FormModel {
     }
   }
   async validate() {
-    var _a, _b;
-    this.formFeedbacks = await ((_a = this.nativeFormModel) == null ? void 0 : _a.validate());
-    this.valid = (0, import_lodash2.isEmpty)((_b = this.formFeedbacks) == null ? void 0 : _b.filter((f) => f.level === "error"));
+    this.formFeedbacks = await this.nativeFormModel?.validate();
+    this.valid = (0, import_lodash2.isEmpty)(this.formFeedbacks?.filter((f) => f.level === "error"));
     this.onValidateEmitter.fire(this);
     return this.valid;
   }
   getValues() {
-    var _a;
-    return (_a = this._formControl) == null ? void 0 : _a._formModel.values;
+    return this._formControl?._formModel.values;
   }
   getField(name) {
-    var _a;
     let finalName = name.includes("/") ? convertGlobPath(name) : name;
-    return (_a = this.formControl) == null ? void 0 : _a.getField(finalName);
+    return this.formControl?.getField(finalName);
   }
   getValueIn(name) {
-    var _a;
     let finalName = name.includes("/") ? convertGlobPath(name) : name;
-    return (_a = this.nativeFormModel) == null ? void 0 : _a.getValueIn(finalName);
+    return this.nativeFormModel?.getValueIn(finalName);
   }
   setValueIn(name, value) {
-    var _a;
     let finalName = name.includes("/") ? convertGlobPath(name) : name;
-    (_a = this.nativeFormModel) == null ? void 0 : _a.setValueIn(finalName, value);
+    this.nativeFormModel?.setValueIn(finalName, value);
   }
   /**
    * 监听表单某个路径下的值变化
@@ -431,12 +420,11 @@ var FormModelV2 = class extends import_form_core2.FormModel {
    * @param path glob path
    */
   getFormItemValueByPath(globPath) {
-    var _a;
     if (!globPath) {
       return;
     }
     if (globPath === "/") {
-      return (_a = this._formControl) == null ? void 0 : _a._formModel.values;
+      return this._formControl?._formModel.values;
     }
     const name = convertGlobPath(globPath);
     return this.getValueIn(name);
@@ -499,8 +487,7 @@ var FormModelV2 = class extends import_form_core2.FormModel {
 // src/helpers.ts
 var import_form_core3 = require("@flowgram.ai/form-core");
 function isFormV2(node) {
-  var _a;
-  return !!((_a = node.getNodeRegistry().formMeta) == null ? void 0 : _a.render);
+  return !!node.getNodeRegistry().formMeta?.render;
 }
 function createEffectOptions(event, effect) {
   return {
@@ -518,11 +505,10 @@ function useWatchFormValues(node) {
   const formModel = node.getData(import_form_core4.FlowNodeFormData).getFormModel();
   const refresh = (0, import_utils3.useRefresh)();
   (0, import_react2.useEffect)(() => {
-    var _a;
-    const disposable = (_a = formModel.nativeFormModel) == null ? void 0 : _a.onFormValuesChange(() => {
+    const disposable = formModel.nativeFormModel?.onFormValuesChange(() => {
       refresh();
     });
-    return () => disposable == null ? void 0 : disposable.dispose();
+    return () => disposable?.dispose();
   }, [formModel.nativeFormModel]);
   return formModel.getValues();
 }
@@ -530,13 +516,12 @@ function useWatchFormValueIn(node, name) {
   const formModel = node.getData(import_form_core4.FlowNodeFormData).getFormModel();
   const refresh = (0, import_utils3.useRefresh)();
   (0, import_react2.useEffect)(() => {
-    var _a;
-    const disposable = (_a = formModel.nativeFormModel) == null ? void 0 : _a.onFormValuesChange(({ name: changedName }) => {
+    const disposable = formModel.nativeFormModel?.onFormValuesChange(({ name: changedName }) => {
       if (name === changedName) {
         refresh();
       }
     });
-    return () => disposable == null ? void 0 : disposable.dispose();
+    return () => disposable?.dispose();
   }, []);
   return formModel.getValueIn(name);
 }
@@ -584,14 +569,12 @@ var FormPlugin = class {
     };
   }
   init(formModel) {
-    var _a, _b;
     this._formModel = formModel;
-    (_b = (_a = this.config) == null ? void 0 : _a.onInit) == null ? void 0 : _b.call(_a, this.ctx, this.opts);
+    this.config?.onInit?.(this.ctx, this.opts);
   }
   dispose() {
-    var _a, _b;
-    if ((_a = this.config) == null ? void 0 : _a.onDispose) {
-      (_b = this.config) == null ? void 0 : _b.onDispose(this.ctx, this.opts);
+    if (this.config?.onDispose) {
+      this.config?.onDispose(this.ctx, this.opts);
     }
   }
 };
@@ -605,9 +588,8 @@ function defineFormPluginCreator(name, config) {
 var import_react3 = __toESM(require("react"));
 var import_form_core5 = require("@flowgram.ai/form-core");
 function getNodeForm(node) {
-  var _a;
-  const formModel = (_a = node.getData(import_form_core5.FlowNodeFormData)) == null ? void 0 : _a.getFormModel();
-  const nativeFormModel = formModel == null ? void 0 : formModel.nativeFormModel;
+  const formModel = node.getData(import_form_core5.FlowNodeFormData)?.getFormModel();
+  const nativeFormModel = formModel?.nativeFormModel;
   if (!formModel || !nativeFormModel) return void 0;
   const result = {
     initialValues: nativeFormModel.initialValues,

package/dist/index.js.map

@@ -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 {\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  // Different formModel should have different reference\n  EFFECT_MAP: () => ({}),\n  EFFECT_RETURN_MAP: () =>\n    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  get values() {\n    return this.nativeFormModel?.values;\n  }\n\n  protected _feedbacks: FormFeedback[] = [];\n\n  get feedbacks(): FormFeedback[] {\n    return this._feedbacks;\n  }\n\n  updateFormValues(value: any) {\n    if (this.nativeFormModel) {\n      const finalValue = this.formMeta.formatOnInit\n        ? this.formMeta.formatOnInit(value, this.nodeContext)\n        : value;\n      this.nativeFormModel.values = finalValue;\n    }\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  ): Disposable {\n    if (!this._initialized) {\n      throw new Error(\n        `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n      );\n    }\n\n    return this.formControl!._formModel.onFormValuesChange(\n      ({ 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  /**\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 { Disposable, 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   * set form values\n   */\n  updateFormValues(values: any): 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  ): Disposable;\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\n    state: nativeFormModel.state,\n    getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n    setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n    updateFormValues: (values: any) => {\n      formModel.updateFormValues(values);\n    },\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"]}
+{"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  // Different formModel should have different reference\n  EFFECT_MAP: () => ({}),\n  EFFECT_RETURN_MAP: () =>\n    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  get values() {\n    return this.nativeFormModel?.values;\n  }\n\n  protected _feedbacks: FormFeedback[] = [];\n\n  get feedbacks(): FormFeedback[] {\n    return this._feedbacks;\n  }\n\n  updateFormValues(value: any) {\n    if (this.nativeFormModel) {\n      const finalValue = this.formMeta.formatOnInit\n        ? this.formMeta.formatOnInit(value, this.nodeContext)\n        : value;\n      this.nativeFormModel.values = finalValue;\n    }\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  ): Disposable {\n    if (!this._initialized) {\n      throw new Error(\n        `[NodeEngine] FormModel Error: onFormValueChangeIn can not be called before initialized`\n      );\n    }\n\n    return this.formControl!._formModel.onFormValuesChange(\n      ({ 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  /**\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 { Disposable, 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   * set form values\n   */\n  updateFormValues(values: any): 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  ): Disposable;\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\n    state: nativeFormModel.state,\n    getValueIn: (name: FieldName) => nativeFormModel.getValueIn(name),\n    setValueIn: (name: FieldName, value: any) => nativeFormModel.setValueIn(name, value),\n    updateFormValues: (values: any) => {\n      formModel.updateFormValues(values);\n    },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACgCO,IAAK,YAAL,kBAAKA,eAAL;AAEL,EAAAA,WAAA,mBAAgB;AAMhB,EAAAA,WAAA,iBAAc;AAId,EAAAA,WAAA,yBAAsB;AAEtB,EAAAA,WAAA,mBAAgB;AAEhB,EAAAA,WAAA,mBAAgB;AAhBN,SAAAA;AAAA,GAAA;AAgGL,SAAS,cAAc,IAAgD;AAC5E,SAAO,wBAAwB;AACjC;AAEO,SAAS,aAAa,UAAgC;AAC3D,SAAO,YAAY;AACrB;;;ACtIA,IAAAC,iBAA+C;AAC/C,mBAA0D;AAC1D,IAAAC,oBASO;AACP,IAAAC,eAYO;AAEP,kBAAkC;;;AC1BlC,oBAAgC;AAChC,uBAA8C;AAMvC,SAAS,iBACd,OACA,aACe;AACf,MAAI,CAAC,aAAa;AAChB;AAAA,EACF;AACA,MAAI,YAAY,MAAM,IAAI,GAAG;AAC3B,WAAO,YAAY,MAAM,IAAI;AAAA,EAC/B;AAEA,QAAM,YAAQ,oBAAK,OAAO,KAAK,WAAW,GAAG,CAAC,QAAQ;AACpD,QAAI,IAAI,WAAW,QAAQ,GAAG;AAC5B,YAAM,QAAQ,OAAO,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC;AACtC,aAAO,MAAM,KAAK,MAAM,IAAI;AAAA,IAC9B;AACA,WAAO;AAAA,EACT,CAAC;AAED,MAAI,OAAO;AACT,WAAO,YAAY,KAAK;AAAA,EAC1B;AACF;AAEO,SAAS,qCACd,eACgB;AAChB,SAAO,cAAc;AAAA,IACnB,CAAC,OACE;AAAA,MACC,gBAAgB,EAAE;AAAA,MAClB,cAAc,EAAE;AAAA,MAChB,MAAM,EAAE;AAAA,IACV;AAAA,EACJ;AACF;AAEO,SAAS,gBAAgB,MAAc;AAC5C,MAAI,KAAK,WAAW,GAAG,GAAG;AACxB,UAAM,QAAQ,iCAAgB,UAAU,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG;AAChE,WAAO,MAAM,KAAK,GAAG;AAAA,EACvB;AACA,SAAO;AACT;AAEO,SAAS,eACd,QACA,QACA;AACA,aAAO,yBAAU,QAAQ,QAAQ,SAAU,UAA2B,UAA2B;AAC/F,YAAQ,YAAY,CAAC,GAAG,OAAO,QAAQ;AAAA,EACzC,CAAC;AACH;;;AC3DA,mBAAkB;AAElB,kBAAqB;AAQrB,IAAM,aAAa,CAAC,EAAE,UAAU,MAC9B,WAAW,cACT,6BAAAC,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,oBAAK,SAAS,WAAW,aAAa,oBAAkB,QACtD,UAAU,SAAS,MACtB,CACF,IACE;AAEC,SAAS,WAAW,WAAwB;AACjD,SAAO,6BAAAA,QAAA,cAAC,cAAW,WAAsB;AAC3C;;;AFwBA,IAAM,UAAU;AAAA;AAAA,EAEd,YAAY,OAAO,CAAC;AAAA,EACpB,mBAAmB,MACjB,oBAAI,IAAI;AAAA,IACN,kDAAgC,CAAC,CAAC;AAAA,IAClC,sCAA0B,CAAC,CAAC;AAAA,IAC5B,kCAAwB,CAAC,CAAC;AAAA,IAC1B,sCAA0B,CAAC,CAAC;AAAA,IAC5B,sCAA0B,CAAC,CAAC;AAAA,EAC9B,CAAC;AAAA,EACH,gBAAgB,MAAM,CAAC;AAAA,EACvB,OAAO;AACT;AAEO,IAAM,cAAN,cAA0B,4BAAgC;AAAA,EAsC/D,YAAY,MAAsB;AAChC,UAAM;AAtCR,SAAU,YAA6C,QAAQ,WAAW;AAE1E,SAAU,kBACR,QAAQ,kBAAkB;AAE5B,SAAU,UAAwB,CAAC;AAInC,SAAU,gBAAgD,QAAQ,eAAe;AAEjF,SAAU,uBAAuB,IAAI,qBAAmB;AAExD,SAAU,oBAAoB,IAAI,qBAAmB;AAErD,SAAS,aAAa,KAAK,kBAAkB;AAE7C,SAAS,gBAAgB,KAAK,qBAAqB;AAEnD,SAAU,mBAAmB,IAAI,qBAAc;AAE/C,SAAS,YAAY,KAAK,iBAAiB;AAE3C,SAAU,YAAY,IAAI,kCAAqB;AAE/C,SAAU,4BAA4B,IAAI,qBAAmC;AAE7E,SAAS,qBAAqB,KAAK,0BAA0B;AAE7D,SAAU,uBAAuB,IAAI,qBAAwB;AAE7D,SAAS,gBAAgB,KAAK,qBAAqB;AAEnD,SAAU,2BAA2B,IAAI,qBAAwB;AAEjE,SAAS,oBAAoB,KAAK,yBAAyB;AAc3D,SAAU,SAAyB,QAAQ;AAiC3C,SAAU,aAA6B,CAAC;AAwBxC,SAAU,eAAwB;AAnEhC,SAAK,OAAO;AACZ,SAAK,UAAU,QAAQ;AAAA,MACrB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,CAAC;AAAA,EACH;AAAA,EAIA,IAAI,QAAwB;AAC1B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAY,MAAM,OAAuB;AACvC,SAAK,SAAS;AACd,SAAK,qBAAqB,KAAK,KAAK;AAAA,EACtC;AAAA,EAEA,IAAI,iBAAiB;AACnB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO,KAAK,KAAK,WAAW,6BAAW;AAAA,EACzC;AAAA,EAIA,IAAI,cAAc;AAChB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK,KAAK,gBAAgB,EAAE;AAAA,EACrC;AAAA,EAEA,IAAI,SAAS;AACX,WAAO,KAAK,iBAAiB;AAAA,EAC/B;AAAA,EAIA,IAAI,YAA4B;AAC9B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,iBAAiB,OAAY;AAC3B,QAAI,KAAK,iBAAiB;AACxB,YAAM,aAAa,KAAK,SAAS,eAC7B,KAAK,SAAS,aAAa,OAAO,KAAK,WAAW,IAClD;AACJ,WAAK,gBAAgB,SAAS;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,IAAY,UAAU,WAA2B;AAC/C,SAAK,aAAa;AAClB,SAAK,yBAAyB,KAAK,SAAS;AAAA,EAC9C;AAAA,EAEA,IAAI,kBAA0C;AAC5C,WAAO,oBAAI,IAAuB;AAAA,EACpC;AAAA,EAIA,IAAI,cAAuB;AACzB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,cAAc;AAChB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,mBAAmB,KAAK,KAAK,WAAW,6BAAiB;AAAA,IAC3D;AAAA,EACF;AAAA,EAEA,IAAI,kBAA+C;AACjD,WAAO,KAAK,cAAc;AAAA,EAC5B;AAAA,EAEA,SAAS;AACP,WAAO,WAAW,IAAI;AAAA,EACxB;AAAA,EAEA,YAAY,SAAuB;AACjC,QAAI,CAAC,QAAQ,QAAQ;AACnB;AAAA,IACF;AAEA,SAAK,UAAU;AACf,YAAQ,QAAQ,CAAC,WAAW;AAC1B,aAAO,KAAK,IAAI;AAChB,UAAI,OAAO,QAAQ,QAAQ;AACzB,uBAAe,KAAK,WAAW,OAAO,OAAO,MAAM;AAAA,MACrD;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,KAAK,UAAoB,kBAAwB;AAE/C,UAAM,WAAW,KAAK,KAAK,QAA0B,kCAAgB;AACrE,SAAK,mBAAmB,MAAM;AAC5B,WAAK,SAAS;AACd,eAAS,WAAW;AAAA,IACtB,CAAC;AAED,UAAM,EAAE,iBAAiB,UAAU,OAAO,IAAI;AAC9C,QAAI,QAAQ;AACV,WAAK,YAAY;AAAA,IACnB;AAGA,UAAM,gBACJ,OAAO,SAAS,kBAAkB,aAC9B,SAAS,cAAc,KAAK,WAAW,IACvC,SAAS;AAEf,UAAM,gBAAgB,SAAS,eAC3B,SAAS,aAAa,kBAAkB,KAAK,WAAW,IACxD;AAGJ,UAAM,EAAE,QAAQ,QAAI,yBAAW;AAAA,MAC7B,eAAe,iBAAiB;AAAA,MAChC;AAAA,MACA,SAAS,KAAK;AAAA,MACd;AAAA,MACA,iBAAiB;AAAA,IACnB,CAAC;AAED,SAAK,eAAe;AACpB,UAAM,kBAAkB,QAAQ;AAChC,SAAK,UAAU,KAAK,eAAe;AAGnC,oBAAgB,mBAAmB,CAAC,UAAU;AAC5C,WAAK,0BAA0B,KAAK,KAAK;AAAA,IAC3C,CAAC;AAED,QAAI,SAAS,SAAS;AACpB,WAAK,YAAY,SAAS,OAAO;AAAA,IACnC;AAGA,oBAAgB,mBAAmB,CAAC,EAAE,QAAQ,YAAY,KAAK,MAAM;AAEnE,YAAM,aAAa,OAAO,KAAK,KAAK,SAAS,EAAE;AAAA,QAAO,CAAC,YACrD,kBAAK,gBAAgB,SAAS,IAAI;AAAA,MACpC;AAEA,iBAAW,QAAQ,CAAC,cAAc;AAChC,cAAM,mBAAmB,KAAK,UAAU,SAAS;AAEjD,yBAAiB,QAAQ,CAAC,EAAE,QAAAC,SAAQ,MAAM,MAAqB;AAC7D,cAAI,iDAAqC,2DAAyC;AAEhF,kBAAM,cAAc,kBAAK,uBAAuB,WAAW,IAAI;AAG/D,kBAAM,mBAAmB,KAAK,gBAAgB,IAAI,KAAK,IAAI,WAAW;AACtE,gBAAI,kBAAkB;AACpB,+BAAiB;AAAA,YACnB;AAGA,kBAAM,eAAgBA,QAAkB;AAAA,cACtC,MAAM;AAAA,cACN,WAAO,oBAAI,QAAQ,WAAW;AAAA,cAC9B,eAAW,oBAAI,YAAY,WAAW;AAAA,cACtC,YAAY;AAAA,cACZ,UAAM,qBAAO,KAAK,eAAgB;AAAA,cAClC,SAAS,KAAK;AAAA,YAChB,CAAC;AAGD,gBACE,gBACA,OAAO,iBAAiB,cACxB,KAAK,gBAAgB,IAAI,KAAK,GAC9B;AACA,oBAAM,WAAW,KAAK,gBAAgB,IAAI,KAAK;AAC/C,uBAAS,WAAW,IAAI;AAAA,YAC1B;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AAGD,oBAAgB,iBAAiB,CAAC,EAAE,QAAQ,MAAM,WAAW,MAAM;AACjE,aAAO,KAAK,KAAK,SAAS,EAAE,QAAQ,CAAC,YAAY;AAE/C,cAAM,QAAQ,kBAAK,eAAe,QAAQ,OAAO;AAGjD,cAAM,mBAAmB,KAAK,UAAU,OAAO;AAE/C,yBAAiB,QAAQ,CAAC,EAAE,OAAO,QAAAA,QAAO,MAAqB;AAC7D,cAAI,6CAAmC,2DAAyC;AAC9E,kBAAM,QAAQ,CAAC,SAAS;AAEtB,kBAAI,kBAAK,gBAAgB,MAAM,IAAI,KAAK,SAAS,MAAM;AAErD,sBAAM,mBAAmB,KAAK,gBAAgB,IAAI,KAAK,IAAI,IAAI;AAC/D,oBAAI,kBAAkB;AACpB,mCAAiB;AAAA,gBACnB;AAEA,sBAAM,eAAgBA,QAAkB;AAAA,kBACtC,MAAM;AAAA,kBACN,WAAO,oBAAI,QAAQ,IAAI;AAAA,kBACvB,YAAY;AAAA,kBACZ,eAAW,oBAAI,YAAY,IAAI;AAAA,kBAC/B,UAAM,qBAAO,KAAK,eAAgB;AAAA,kBAClC,SAAS,KAAK;AAAA,gBAChB,CAAC;AAGD,oBACE,gBACA,OAAO,iBAAiB,cACxB,KAAK,gBAAgB,IAAI,KAAK,GAC9B;AACA,wBAAM,WAAW,KAAK,gBAAgB,IAAI,KAAK;AAC/C,2BAAS,IAAI,IAAI;AAAA,gBACnB;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AAGD,oBAAgB,mBAAmB,CAAC,UAAU;AAE5C,YAAM,mBAAmB,iBAAkC,OAAO,KAAK,SAAS;AAChF,UAAI,kBAAkB,QAAQ;AAE5B,cAAM,eAAW,wBAAQ,kBAAkB,OAAO;AAElD,oCAAQ,UAAU,CAAC,YAAY,UAAU;AACvC,gBAAM,iBAAiB,CAAC,UAAe;AAErC,uBAAW;AAAA,cAAQ,CAAC,EAAE,QAAAA,QAAO,MAC3BA,QAAO;AAAA,gBACL,GAAG;AAAA,gBACH,YAAY,gBAAgB;AAAA,gBAC5B,UAAM,qBAAO,KAAK,eAAgB;AAAA,gBAClC,SAAS,KAAK;AAAA,cAChB,CAAC;AAAA,YACH;AAAA,UACF;AAEA,kBAAQ,OAAO;AAAA,YACb;AACE,kBAAI,iBAAiB,8BAAiB;AACpC,gBAAC,MAA0B,SAAS,cAAc;AAAA,cACpD;AACA;AAAA,YACF;AACE,kBAAI,iBAAiB,8BAAiB;AACpC,gBAAC,MAA0B,SAAS,cAAc;AAAA,cACpD;AACA;AAAA,UACJ;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAGD,SAAK,aAAa,KAAK;AAEvB,SAAK,eAAe;AAEpB,SAAK,qBAAqB,KAAK,IAAI;AAEnC,SAAK,UAAU,MAAM;AACnB,WAAK,eAAe;AACpB,WAAK,YAAY,CAAC;AAClB,sBAAgB,QAAQ;AAAA,IAC1B,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,SAAS,gBAAgB;AAChC,aAAO,KAAK,SAAS,eAAe,KAAK,iBAAiB,QAAQ,KAAK,WAAW;AAAA,IACpF;AACA,WAAO,KAAK,iBAAiB;AAAA,EAC/B;AAAA,EAEA,aAAa;AACX,QAAI,KAAK,UAAU,MAAM;AACvB,WAAK,QAAQ;AAAA,IACf;AAAA,EACF;AAAA,EAEA,MAAM,WAAW;AACf,SAAK,gBAAgB,MAAM,KAAK,iBAAiB,SAAS;AAC1D,SAAK,YAAQ,wBAAQ,KAAK,eAAe,OAAO,CAAC,MAAM,EAAE,UAAU,OAAO,CAAC;AAC3E,SAAK,kBAAkB,KAAK,IAAI;AAChC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,YAAoC;AAClC,WAAO,KAAK,cAAc,WAAW;AAAA,EACvC;AAAA,EAEA,SAGE,MAAqC;AACrC,QAAI,YAAY,KAAK,SAAS,GAAG,IAAI,gBAAgB,IAAI,IAAI;AAE7D,WAAO,KAAK,aAAa,SAAyB,SAAS;AAAA,EAC7D;AAAA,EAEA,WAAmB,MAAqC;AACtD,QAAI,YAAY,KAAK,SAAS,GAAG,IAAI,gBAAgB,IAAI,IAAI;AAE7D,WAAO,KAAK,iBAAiB,WAAW,SAAS;AAAA,EACnD;AAAA,EAEA,WAAW,MAAiB,OAAY;AACtC,QAAI,YAAY,KAAK,SAAS,GAAG,IAAI,gBAAgB,IAAI,IAAI;AAE7D,SAAK,iBAAiB,WAAW,WAAW,KAAK;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,oBACE,MACA,UACY;AACZ,QAAI,CAAC,KAAK,cAAc;AACtB,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,WAAO,KAAK,YAAa,WAAW;AAAA,MAClC,CAAC,EAAE,MAAM,aAAa,QAAQ,WAAW,MAAM;AAC7C,YAAI,gBAAgB,MAAM;AACxB,mBAAS;AAAA,YACP,WAAO,oBAAI,QAAQ,IAAI;AAAA,YACvB,eAAW,oBAAI,YAAY,IAAI;AAAA,YAC/B,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,uBAAuB,UAAkB;AACvC,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AACA,QAAI,aAAa,KAAK;AACpB,aAAO,KAAK,cAAc,WAAW;AAAA,IACvC;AACA,UAAM,OAAO,gBAAgB,QAAQ;AACrC,WAAO,KAAK,WAAW,IAAK;AAAA,EAC9B;AAAA,EAEA,MAAM,wBAAiD;AACrD,UAAM,KAAK,SAAS;AACpB,WAAO,qCAAqC,KAAK,aAAc;AAAA,EACjE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkB,MAAoC;AACpD,QAAI,CAAC,KAAK,iBAAiB;AACzB;AAAA,IACF;AAEA,UAAM,OAAO;AAEb,QAAI,SAAS,KAAK;AAChB,aAAO;AAAA,QACL,IAAI,QAAQ;AACV,iBAAO,KAAK,gBAAiB;AAAA,QAC/B;AAAA,QACA,IAAI,MAAM,GAAG;AACX,eAAK,gBAAiB,SAAS;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,OAAO,gBAAgB,IAAI;AACjC,UAAM,gBAAgB,KAAK,WAAW,IAAK;AAC3C,WAAO;AAAA,MACL,IAAI,QAAQ;AACV,eAAO;AAAA,MACT;AAAA,MACA,IAAI,MAAM,GAAG;AACX,aAAK,WAAW,MAAM,CAAC;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAgB;AACd,SAAK,iBAAiB,KAAK;AAG3B,SAAK,gBAAgB,QAAQ,CAAC,aAAa;AACzC,aAAO,OAAO,QAAQ,EAAE,QAAQ,CAAC,iBAAiB;AAChD,qBAAa;AAAA,MACf,CAAC;AAAA,IACH,CAAC;AAED,SAAK,YAAY,QAAQ,WAAW;AACpC,SAAK,kBAAkB,QAAQ,kBAAkB;AAEjD,SAAK,QAAQ,QAAQ,CAAC,MAAM;AAC1B,QAAE,QAAQ;AAAA,IACZ,CAAC;AAED,SAAK,UAAU,CAAC;AAEhB,SAAK,gBAAgB,QAAQ,eAAe;AAC5C,SAAK,SAAS,QAAQ;AAEtB,SAAK,eAAe;AACpB,SAAK,eAAe;AACpB,SAAK,UAAU,QAAQ;AAAA,EACzB;AACF;;;AG9hBA,IAAAC,oBAAiC;AAW1B,SAAS,SAAS,MAAsB;AAC7C,SAAO,CAAC,CAAC,KAAK,gBAAgB,EAAE,UAAU;AAC5C;AAEO,SAAS,oBACd,OACA,QACiC;AACjC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;;;ACvBA,IAAAC,gBAA0B;AAE1B,IAAAC,gBAA2B;AAC3B,IAAAC,oBAAiC;AAEjC,IAAAC,eAAwE;AAUjE,SAAS,mBAA4B,MAAqC;AAC/E,QAAM,YAAY,KAAK,QAAQ,kCAAgB,EAAE,aAA0B;AAC3E,QAAM,cAAU,0BAAW;AAE3B,+BAAU,MAAM;AACd,UAAM,aAAa,UAAU,iBAAiB,mBAAmB,MAAM;AACrE,cAAQ;AAAA,IACV,CAAC;AACD,WAAO,MAAM,YAAY,QAAQ;AAAA,EACnC,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,SAAO,UAAU,UAAa;AAChC;AAOO,SAAS,oBAA6B,MAAsB,MAA6B;AAC9F,QAAM,YAAY,KAAK,QAAQ,kCAAgB,EAAE,aAA0B;AAC3E,QAAM,cAAU,0BAAW;AAE3B,+BAAU,MAAM;AACd,UAAM,aAAa,UAAU,iBAAiB,mBAAmB,CAAC,EAAE,MAAM,YAAY,MAAM;AAC1F,UAAI,SAAS,aAAa;AACxB,gBAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAED,WAAO,MAAM,YAAY,QAAQ;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SAAO,UAAU,WAAc,IAAI;AACrC;AAOO,SAAS,wBAAwB,MAAsB;AAC5D,QAAM,YAAY,KAAK,QAAQ,kCAAgB,EAAE,aAA0B;AAC3E,QAAM,cAAU,0BAAW;AAE3B,+BAAU,MAAM;AACd,UAAM,aAAa,UAAU,cAAc,MAAM;AAC/C,cAAQ;AAAA,IACV,CAAC;AACD,WAAO,MAAM,WAAW,QAAQ;AAAA,EAClC,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AACT;AAOO,SAAS,kBAAkB,MAA6C;AAC7E,QAAM,YAAY,wBAAwB,IAAI;AAC9C,aAAO,2BAAa,UAAU,WAAW;AAC3C;AAOO,SAAS,mBAAmB,MAA0C;AAC3E,QAAM,YAAY,wBAAwB,IAAI;AAC9C,aAAO,4BAAc,UAAU,WAAW;AAC5C;AAOO,SAAS,qBAAqB,MAA4C;AAC/E,QAAM,YAAY,wBAAwB,IAAI;AAC9C,aAAO,8BAAgB,UAAU,WAAW;AAC9C;;;AClGA,oBAAuB;AAwBhB,IAAM,aAAN,MAAmD;AAAA,EAWxD,YAAY,MAAc,QAA0B,MAAa;AAC/D,SAAK,OAAO;AACZ,SAAK,WAAW,GAAG,IAAI,SAAK,sBAAO,CAAC;AACpC,SAAK,SAAS;AACd,SAAK,OAAO;AAAA,EACd;AAAA,EAEA,IAAI,YAAyB;AAC3B,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,MAAM;AACR,WAAO;AAAA,MACL,WAAW,KAAK;AAAA,MAChB,MAAM,KAAK,UAAU,YAAY;AAAA,MACjC,mBAAmB,KAAK,UAAU,YAAY;AAAA,IAChD;AAAA,EACF;AAAA,EAEA,KAAK,WAAwB;AAC3B,SAAK,aAAa;AAClB,SAAK,QAAQ,SAAS,KAAK,KAAK,KAAK,IAAI;AAAA,EAC3C;AAAA,EAEA,UAAU;AACR,QAAI,KAAK,QAAQ,WAAW;AAC1B,WAAK,QAAQ,UAAU,KAAK,KAAK,KAAK,IAAI;AAAA,IAC5C;AAAA,EACF;AACF;AAEO,SAAS,wBAA8B,MAAc,QAA0B;AACpF,SAAO,SAAU,MAAY;AAC3B,WAAO,IAAI,WAAW,MAAM,QAAQ,IAAI;AAAA,EAC1C;AACF;;;ACtEA,IAAAC,gBAAkB;AAGlB,IAAAC,oBAAwE;AAiEjE,SAAS,YACd,MACoC;AACpC,QAAM,YAAY,KAAK,QAA0B,kCAAgB,GAAG,aAA0B;AAC9F,QAAM,kBAAkB,WAAW;AAEnC,MAAI,CAAC,aAAa,CAAC,gBAAiB,QAAO;AAE3C,QAAM,SAAiC;AAAA,IACrC,eAAe,gBAAgB;AAAA,IAC/B,IAAI,SAAS;AACX,aAAO,gBAAgB;AAAA,IACzB;AAAA,IAEA,OAAO,gBAAgB;AAAA,IACvB,YAAY,CAAC,SAAoB,gBAAgB,WAAW,IAAI;AAAA,IAChE,YAAY,CAAC,MAAiB,UAAe,gBAAgB,WAAW,MAAM,KAAK;AAAA,IACnF,kBAAkB,CAAC,WAAgB;AACjC,gBAAU,iBAAiB,MAAM;AAAA,IACnC;AAAA,IACA,QAAQ,MAAM,8BAAAC,QAAA,cAAC,gCAAW,MAAY;AAAA,IACtC,oBAAoB,UAAU,mBAAmB,KAAK,SAAS;AAAA,IAC/D,qBAAqB,UAAU,oBAAoB,KAAK,SAAS;AAAA,IACjE,YAAY,UAAU,gBAAgB;AAAA,IACtC,UAAU,UAAU,SAAS,KAAK,SAAS;AAAA,EAC7C;AAEA,SAAO,eAAe,QAAQ,cAAc;AAAA,IAC1C,YAAY;AAAA,IACZ,MAAM;AACJ,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACD,SAAO;AACT;","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

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/node",
-  "version": "0.1.0-alpha.8",
+  "version": "0.1.0-alpha.9",
   "description": "automation form core",
   "keywords": [
     "flow",
@@ -25,11 +25,11 @@
     "lodash": "^4.17.21",
     "nanoid": "^4.0.2",
     "reflect-metadata": "~0.2.2",
-    "@flowgram.ai/core": "0.1.0-alpha.8",
-    "@flowgram.ai/document": "0.1.0-alpha.8",
-    "@flowgram.ai/form": "0.1.0-alpha.8",
-    "@flowgram.ai/form-core": "0.1.0-alpha.8",
-    "@flowgram.ai/utils": "0.1.0-alpha.8"
+    "@flowgram.ai/core": "0.1.0-alpha.9",
+    "@flowgram.ai/document": "0.1.0-alpha.9",
+    "@flowgram.ai/form": "0.1.0-alpha.9",
+    "@flowgram.ai/form-core": "0.1.0-alpha.9",
+    "@flowgram.ai/utils": "0.1.0-alpha.9"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.137",
@@ -40,9 +40,9 @@
     "tsup": "^8.0.1",
     "typescript": "^5.0.4",
     "vitest": "^0.34.6",
-    "@flowgram.ai/eslint-config": "0.1.0-alpha.8",
-    "@flowgram.ai/form": "0.1.0-alpha.8",
-    "@flowgram.ai/ts-config": "0.1.0-alpha.8"
+    "@flowgram.ai/eslint-config": "0.1.0-alpha.9",
+    "@flowgram.ai/form": "0.1.0-alpha.9",
+    "@flowgram.ai/ts-config": "0.1.0-alpha.9"
   },
   "peerDependencies": {
     "react": ">=16.8",