@flowgram.ai/form-materials 0.4.2 → 0.4.4

package/dist/index.js

@@ -82,6 +82,7 @@ __export(src_exports, {
   provideBatchOutputsEffect: () => provideBatchOutputsEffect,
   provideJsonSchemaOutputs: () => provideJsonSchemaOutputs,
   syncVariableTitle: () => syncVariableTitle,
+  useObjectList: () => useObjectList,
   useTypeManager: () => useTypeManager,
   useVariableTree: () => useVariableTree,
   validateFlowValue: () => validateFlowValue,
@@ -274,13 +275,13 @@ var FlowValueUtils;
     return;
   }
   FlowValueUtils2.traverse = traverse;
-  function getTemplateKeyPaths2(value) {
-    const keyPathReg = /{{(.*?)}}/g;
+  function getTemplateKeyPaths(value) {
+    const keyPathReg = /\{\{([^\}\{]+)\}\}/g;
     return (0, import_lodash2.uniq)(value.content?.match(keyPathReg) || []).map(
       (_keyPath) => _keyPath.slice(2, -2).split(".")
     );
   }
-  FlowValueUtils2.getTemplateKeyPaths = getTemplateKeyPaths2;
+  FlowValueUtils2.getTemplateKeyPaths = getTemplateKeyPaths;
   function inferConstantJsonSchema(value) {
     if (value?.schema) {
       return value.schema;
@@ -1128,12 +1129,24 @@ function TypeSelector(props) {
     }),
     []
   );
+  const isDisabled = readonly || disabled;
   return /* @__PURE__ */ import_react14.default.createElement(
     import_semi_ui8.Cascader,
     {
-      disabled: readonly || disabled,
+      disabled: isDisabled,
       size: "small",
-      triggerRender: () => /* @__PURE__ */ import_react14.default.createElement(import_semi_ui8.IconButton, { size: "small", style, disabled: readonly || disabled, icon }),
+      triggerRender: () => /* @__PURE__ */ import_react14.default.createElement(
+        import_semi_ui8.IconButton,
+        {
+          size: "small",
+          style: {
+            ...isDisabled ? { pointerEvents: "none" } : {},
+            ...style || {}
+          },
+          disabled: isDisabled,
+          icon
+        }
+      ),
       treeData: options,
       value: selectValue,
       leafOnly: true,
@@ -1505,7 +1518,7 @@ function PropertyEdit(props) {
     BlurInput,
     {
       disabled: readonly,
-      placeholder: config?.placeholder ?? "Input Variable Name",
+      placeholder: config?.placeholder ?? import_editor14.I18n.t("Input Variable Name"),
       size: "small",
       value: name,
       onChange: (value2) => onChange("name", value2)
@@ -1720,6 +1733,11 @@ function useIncludeSchema(schemaFromProps) {
 }
 
 // src/components/dynamic-value-input/index.tsx
+var DEFAULT_VALUE = {
+  type: "constant",
+  content: "",
+  schema: { type: "string" }
+};
 function DynamicValueInput({
   value,
   onChange,
@@ -1731,6 +1749,7 @@ function DynamicValueInput({
   const refVariable = useRefVariable(value);
   const [selectSchema, setSelectSchema] = useSelectSchema(schemaFromProps, constantProps, value);
   const includeSchema = useIncludeSchema(schemaFromProps);
+  const typeManager = (0, import_json_schema7.useTypeManager)();
   const renderTypeSelector = () => {
     if (schemaFromProps) {
       return /* @__PURE__ */ import_react23.default.createElement(TypeSelector, { value: schemaFromProps, readonly: true });
@@ -1745,20 +1764,18 @@ function DynamicValueInput({
         value: selectSchema,
         onChange: (_v) => {
           setSelectSchema(_v || { type: "string" });
-          let content;
+          const schema = _v || { type: "string" };
+          let content = typeManager.getDefaultValue(schema);
           if (_v?.type === "object") {
             content = "{}";
           }
           if (_v?.type === "array") {
             content = "[]";
           }
-          if (_v?.type === "boolean") {
-            content = false;
-          }
           onChange({
             type: "constant",
             content,
-            schema: _v || { type: "string" }
+            schema
           });
         },
         readonly
@@ -1772,7 +1789,7 @@ function DynamicValueInput({
         {
           style: { width: "100%" },
           value: value?.content,
-          onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : void 0),
+          onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : DEFAULT_VALUE),
           includeSchema,
           readonly
         }
@@ -1790,7 +1807,7 @@ function DynamicValueInput({
           InjectVariableSelector,
           {
             style: { width: "100%" },
-            onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : void 0),
+            onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : DEFAULT_VALUE),
             includeSchema,
             readonly
           }
@@ -2431,8 +2448,16 @@ function VariableTree() {
     if (!range) {
       return;
     }
+    let { from, to } = range;
+    while (editor.$view.state.doc.sliceString(from - 1, from) === "{") {
+      from--;
+    }
+    while (editor.$view.state.doc.sliceString(to, to + 1) === "}") {
+      to++;
+    }
     editor.replaceText({
-      ...range,
+      from,
+      to,
       text: "{{" + variablePath + "}}"
     });
     setVisible(false);
@@ -2594,7 +2619,7 @@ function VariableTagInject() {
   const scope = (0, import_editor23.useCurrentScope)();
   (0, import_react39.useLayoutEffect)(() => {
     const atMatcher = new import_view4.MatchDecorator({
-      regexp: /\{\{([^\}]+)\}\}/g,
+      regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => import_view4.Decoration.replace({
         widget: new VariableTagWidget({
           keyPath: match[1]?.split(".") ?? [],
@@ -2682,20 +2707,32 @@ function InputsPicker({
       children
     };
   };
-  const treeData = (0, import_react42.useMemo)(
-    () => Object.entries(inputsValues).map(([key, value]) => {
-      if (value?.type === "ref") {
+  const getTreeData = (value, keyPath) => {
+    const currKey = keyPath.join(".");
+    if (FlowValueUtils.isFlowValue(value)) {
+      if (FlowValueUtils.isRef(value)) {
         const variable = available.getByKeyPath(value.content || []);
         if (variable) {
-          return renderVariable(variable, [key]);
+          return renderVariable(variable, keyPath);
         }
       }
       return {
-        key,
-        value: key,
-        label: key
+        key: currKey,
+        value: currKey,
+        label: (0, import_lodash6.last)(keyPath)
       };
-    }),
+    }
+    if ((0, import_lodash6.isPlainObject)(value)) {
+      return {
+        key: currKey,
+        value: currKey,
+        label: (0, import_lodash6.last)(keyPath),
+        children: Object.entries(value).map(([key, value2]) => getTreeData(value2, [...keyPath, key])).filter(Boolean)
+      };
+    }
+  };
+  const treeData = (0, import_react42.useMemo)(
+    () => Object.entries(inputsValues).map(([key, value]) => getTreeData(value, [key])).filter(Boolean),
     []
   );
   return /* @__PURE__ */ import_react42.default.createElement(import_semi_ui18.Tree, { treeData, onSelect: (v) => onSelect(v) });
@@ -2712,6 +2749,13 @@ function InputsTree({ inputsValues }) {
     if (!range) {
       return;
     }
+    let { from, to } = range;
+    while (editor.$view.state.doc.sliceString(from - 1, from) === "{") {
+      from--;
+    }
+    while (editor.$view.state.doc.sliceString(to, to + 1) === "}") {
+      to++;
+    }
     editor.replaceText({
       ...range,
       text: "{{" + variablePath + "}}"
@@ -2936,7 +2980,7 @@ function VariableTagInject2() {
   const scope = (0, import_editor25.useCurrentScope)();
   (0, import_react48.useLayoutEffect)(() => {
     const atMatcher = new import_view5.MatchDecorator({
-      regexp: /\{\{([^\}]+)\}\}/g,
+      regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => import_view5.Decoration.replace({
         widget: new VariableTagWidget2({
           keyPath: match[1]?.split(".") ?? [],
@@ -2970,6 +3014,7 @@ function VariableTagInject2() {
 }
 
 // src/components/json-editor-with-variables/index.tsx
+var import_editor26 = require("@flowgram.ai/editor");
 function findAllMatches(inputString, regex) {
   const globalRegex = new RegExp(
     regex,
@@ -3003,7 +3048,7 @@ function JsonEditorWithVariables(props) {
     CodeEditor,
     {
       languageId: "json",
-      activeLinePlaceholder: "Press '@' to Select variable",
+      activeLinePlaceholder: import_editor26.I18n.t("Press '@' to Select variable"),
       ...props,
       options: {
         transformer,
@@ -3017,7 +3062,7 @@ function JsonEditorWithVariables(props) {
 
 // src/components/inputs-values/index.tsx
 var import_react51 = __toESM(require("react"));
-var import_editor26 = require("@flowgram.ai/editor");
+var import_editor27 = require("@flowgram.ai/editor");
 var import_semi_ui23 = require("@douyinfe/semi-ui");
 var import_semi_icons9 = require("@douyinfe/semi-icons");
 
@@ -3058,7 +3103,7 @@ function InputsValues({
       size: "small",
       value: item.key,
       onChange: (v) => updateKey(item.id, v),
-      placeholder: import_editor26.I18n.t("Input Key")
+      placeholder: import_editor27.I18n.t("Input Key")
     }
   ), /* @__PURE__ */ import_react51.default.createElement(
     InjectDynamicValueInput,
@@ -3083,7 +3128,20 @@ function InputsValues({
       size: "small",
       onClick: () => remove(item.id)
     }
-  )))), /* @__PURE__ */ import_react51.default.createElement(import_semi_ui23.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react51.default.createElement(import_semi_icons9.IconPlus, null), size: "small", onClick: () => add() }, import_editor26.I18n.t("Add")));
+  )))), /* @__PURE__ */ import_react51.default.createElement(
+    import_semi_ui23.Button,
+    {
+      disabled: readonly,
+      icon: /* @__PURE__ */ import_react51.default.createElement(import_semi_icons9.IconPlus, null),
+      size: "small",
+      onClick: () => add({
+        type: "constant",
+        content: "",
+        schema: { type: "string" }
+      })
+    },
+    import_editor27.I18n.t("Add")
+  ));
 }
 
 // src/components/display-schema-tree/index.tsx
@@ -3195,7 +3253,7 @@ function SchemaTree(props) {
 // src/components/display-outputs/index.tsx
 var import_react54 = __toESM(require("react"));
 var import_json_schema9 = require("@flowgram.ai/json-schema");
-var import_editor27 = require("@flowgram.ai/editor");
+var import_editor28 = require("@flowgram.ai/editor");
 
 // src/components/display-schema-tag/index.tsx
 var import_react53 = __toESM(require("react"));
@@ -3248,8 +3306,8 @@ var DisplayOutputsWrapper = import_styled_components13.default.div`
 
 // src/components/display-outputs/index.tsx
 function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
-  const scope = (0, import_editor27.useCurrentScope)();
-  const refresh = (0, import_editor27.useRefresh)();
+  const scope = (0, import_editor28.useCurrentScope)();
+  const refresh = (0, import_editor28.useRefresh)();
   (0, import_react54.useEffect)(() => {
     if (!displayFromScope) {
       return () => null;
@@ -3284,9 +3342,9 @@ function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
 // src/components/display-flow-value/index.tsx
 var import_react55 = __toESM(require("react"));
 var import_json_schema10 = require("@flowgram.ai/json-schema");
-var import_editor28 = require("@flowgram.ai/editor");
+var import_editor29 = require("@flowgram.ai/editor");
 function DisplayFlowValue({ value, title, showIconInTree }) {
-  const available = (0, import_editor28.useScopeAvailable)();
+  const available = (0, import_editor29.useScopeAvailable)();
   const variable = value?.type === "ref" ? available.getByKeyPath(value?.content) : void 0;
   const schema = (0, import_react55.useMemo)(() => {
     if (value?.type === "ref") {
@@ -3314,7 +3372,7 @@ function DisplayFlowValue({ value, title, showIconInTree }) {
 // src/components/display-inputs-values/index.tsx
 var import_react56 = __toESM(require("react"));
 var import_lodash8 = require("lodash");
-var import_editor29 = require("@flowgram.ai/editor");
+var import_editor30 = require("@flowgram.ai/editor");
 
 // src/components/display-inputs-values/styles.ts
 var import_styled_components14 = __toESM(require("styled-components"));
@@ -3350,7 +3408,7 @@ function DisplayInputsValueAllInTag({
   title,
   showIconInTree
 }) {
-  const available = (0, import_editor29.useScopeAvailable)();
+  const available = (0, import_editor30.useScopeAvailable)();
   const schema = (0, import_react56.useMemo)(
     () => FlowValueUtils.inferJsonSchema(value, available.scope),
     [available.version, value]
@@ -3360,7 +3418,7 @@ function DisplayInputsValueAllInTag({
 
 // src/components/assign-rows/index.tsx
 var import_react59 = __toESM(require("react"));
-var import_editor30 = require("@flowgram.ai/editor");
+var import_editor31 = require("@flowgram.ai/editor");
 var import_semi_ui27 = require("@douyinfe/semi-ui");
 var import_semi_icons11 = require("@douyinfe/semi-icons");
 
@@ -3447,7 +3505,7 @@ function AssignRow(props) {
 // src/components/assign-rows/index.tsx
 function AssignRows(props) {
   const { name, readonly } = props;
-  return /* @__PURE__ */ import_react59.default.createElement(import_editor30.FieldArray, { name }, ({ field }) => /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, field.map((childField, index) => /* @__PURE__ */ import_react59.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(import_editor31.FieldArray, { name }, ({ field }) => /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, field.map((childField, index) => /* @__PURE__ */ import_react59.default.createElement(
     AssignRow,
     {
       key: childField.key,
@@ -3481,7 +3539,7 @@ function AssignRows(props) {
 
 // src/components/inputs-values-tree/index.tsx
 var import_react63 = __toESM(require("react"));
-var import_editor32 = require("@flowgram.ai/editor");
+var import_editor33 = require("@flowgram.ai/editor");
 var import_semi_ui29 = require("@douyinfe/semi-ui");
 var import_semi_icons14 = require("@douyinfe/semi-icons");
 
@@ -3591,7 +3649,7 @@ var IconAddChildren2 = () => /* @__PURE__ */ import_react60.default.createElemen
 
 // src/components/inputs-values-tree/row.tsx
 var import_react62 = __toESM(require("react"));
-var import_editor31 = require("@flowgram.ai/editor");
+var import_editor32 = require("@flowgram.ai/editor");
 var import_semi_ui28 = require("@douyinfe/semi-ui");
 var import_semi_icons13 = require("@douyinfe/semi-icons");
 
@@ -3648,7 +3706,7 @@ var AddObjectChildStrategy = {
       size: "small",
       disabled: true,
       style: { pointerEvents: "none" },
-      value: import_editor31.I18n.t("Configure via child fields")
+      value: import_editor32.I18n.t("Configure via child fields")
     }
   )
 };
@@ -3689,7 +3747,7 @@ function InputValueRow(props) {
       size: "small",
       value: keyName,
       onChange: (v) => onUpdateKey?.(v),
-      placeholder: import_editor31.I18n.t("Input Key")
+      placeholder: import_editor32.I18n.t("Input Key")
     }
   ), /* @__PURE__ */ import_react62.default.createElement(
     InjectDynamicValueInput,
@@ -3712,7 +3770,11 @@ function InputValueRow(props) {
       theme: "borderless",
       icon: /* @__PURE__ */ import_react62.default.createElement(IconAddChildren2, null),
       onClick: () => {
-        add();
+        add({
+          type: "constant",
+          content: "",
+          schema: { type: "string" }
+        });
         setCollapse(true);
       }
     }
@@ -3777,36 +3839,42 @@ function InputsValuesTree(props) {
       disabled: readonly,
       icon: /* @__PURE__ */ import_react63.default.createElement(import_semi_icons14.IconPlus, null),
       size: "small",
-      onClick: add
+      onClick: () => {
+        add({
+          type: "constant",
+          content: "",
+          schema: { type: "string" }
+        });
+      }
     },
-    import_editor32.I18n.t("Add")
+    import_editor33.I18n.t("Add")
   ));
 }
 
 // src/effects/provide-batch-input/index.ts
-var import_editor33 = require("@flowgram.ai/editor");
-var provideBatchInputEffect = (0, import_editor33.createEffectFromVariableProvider)({
+var import_editor34 = require("@flowgram.ai/editor");
+var provideBatchInputEffect = (0, import_editor34.createEffectFromVariableProvider)({
   private: true,
   parse: (value, ctx) => [
-    import_editor33.ASTFactory.createVariableDeclaration({
+    import_editor34.ASTFactory.createVariableDeclaration({
       key: `${ctx.node.id}_locals`,
       meta: {
-        title: (0, import_editor33.getNodeForm)(ctx.node)?.getValueIn("title"),
+        title: (0, import_editor34.getNodeForm)(ctx.node)?.getValueIn("title"),
         icon: ctx.node.getNodeRegistry().info?.icon
       },
-      type: import_editor33.ASTFactory.createObject({
+      type: import_editor34.ASTFactory.createObject({
         properties: [
-          import_editor33.ASTFactory.createProperty({
+          import_editor34.ASTFactory.createProperty({
             key: "item",
-            initializer: import_editor33.ASTFactory.createEnumerateExpression({
-              enumerateFor: import_editor33.ASTFactory.createKeyPathExpression({
+            initializer: import_editor34.ASTFactory.createEnumerateExpression({
+              enumerateFor: import_editor34.ASTFactory.createKeyPathExpression({
                 keyPath: value.content || []
               })
             })
           }),
-          import_editor33.ASTFactory.createProperty({
+          import_editor34.ASTFactory.createProperty({
             key: "index",
-            type: import_editor33.ASTFactory.createNumber()
+            type: import_editor34.ASTFactory.createNumber()
           })
         ]
       })
@@ -3815,13 +3883,13 @@ var provideBatchInputEffect = (0, import_editor33.createEffectFromVariableProvid
 });
 
 // src/effects/auto-rename-ref/index.ts
-var import_editor34 = require("@flowgram.ai/editor");
+var import_editor35 = require("@flowgram.ai/editor");
 var autoRenameRefEffect = [
   {
-    event: import_editor34.DataEvent.onValueInit,
+    event: import_editor35.DataEvent.onValueInit,
     effect: (params) => {
       const { context, form, name } = params;
-      const renameService = context.node.getService(import_editor34.VariableFieldKeyRenameService);
+      const renameService = context.node.getService(import_editor35.VariableFieldKeyRenameService);
       const disposable = renameService.onRename(({ before, after }) => {
         const beforeKeyPath = [
           ...before.parentFields.map((_field) => _field.key).reverse(),
@@ -3879,13 +3947,13 @@ function traverseRef(name, value, cb) {
 
 // src/effects/provide-json-schema-outputs/index.ts
 var import_json_schema11 = require("@flowgram.ai/json-schema");
-var import_editor35 = require("@flowgram.ai/editor");
-var provideJsonSchemaOutputs = (0, import_editor35.createEffectFromVariableProvider)({
+var import_editor36 = require("@flowgram.ai/editor");
+var provideJsonSchemaOutputs = (0, import_editor36.createEffectFromVariableProvider)({
   parse: (value, ctx) => [
-    import_editor35.ASTFactory.createVariableDeclaration({
+    import_editor36.ASTFactory.createVariableDeclaration({
       key: `${ctx.node.id}`,
       meta: {
-        title: (0, import_editor35.getNodeForm)(ctx.node)?.getValueIn("title") || ctx.node.id,
+        title: (0, import_editor36.getNodeForm)(ctx.node)?.getValueIn("title") || ctx.node.id,
         icon: ctx.node.getNodeRegistry().info?.icon
       },
       type: import_json_schema11.JsonSchemaUtils.schemaToAST(value)
@@ -3894,12 +3962,12 @@ var provideJsonSchemaOutputs = (0, import_editor35.createEffectFromVariableProvi
 });
 
 // src/effects/sync-variable-title/index.ts
-var import_editor36 = require("@flowgram.ai/editor");
+var import_editor37 = require("@flowgram.ai/editor");
 var syncVariableTitle = [
   {
-    event: import_editor36.DataEvent.onValueChange,
+    event: import_editor37.DataEvent.onValueChange,
     effect: ({ value, context }) => {
-      context.node.getData(import_editor36.FlowNodeVariableData).allScopes.forEach((_scope) => {
+      context.node.getData(import_editor37.FlowNodeVariableData).allScopes.forEach((_scope) => {
         _scope.output.variables.forEach((_var) => {
           _var.updateMeta({
             ..._var.meta || {},
@@ -3914,14 +3982,14 @@ var syncVariableTitle = [
 
 // src/effects/validate-when-variable-sync/index.ts
 var import_lodash10 = require("lodash");
-var import_editor37 = require("@flowgram.ai/editor");
+var import_editor38 = require("@flowgram.ai/editor");
 var validateWhenVariableSync = ({
   scope
 } = {}) => [
   {
-    event: import_editor37.DataEvent.onValueInit,
+    event: import_editor38.DataEvent.onValueInit,
     effect: ({ context, form }) => {
-      const nodeScope = scope === "private" ? (0, import_editor37.getNodePrivateScope)(context.node) : (0, import_editor37.getNodeScope)(context.node);
+      const nodeScope = scope === "private" ? (0, import_editor38.getNodePrivateScope)(context.node) : (0, import_editor38.getNodeScope)(context.node);
       const disposable = nodeScope.available.onListOrAnyVarChange(() => {
         if (!(0, import_lodash10.isEmpty)(form.state.errors)) {
           form.validate();
@@ -3933,16 +4001,16 @@ var validateWhenVariableSync = ({
 ];
 
 // src/effects/listen-ref-value-change/index.ts
-var import_editor38 = require("@flowgram.ai/editor");
+var import_editor39 = require("@flowgram.ai/editor");
 var listenRefValueChange = (cb) => [
   {
-    event: import_editor38.DataEvent.onValueInitOrChange,
+    event: import_editor39.DataEvent.onValueInitOrChange,
     effect: (params) => {
       const { context, value } = params;
       if (value?.type !== "ref") {
         return () => null;
       }
-      const disposable = (0, import_editor38.getNodeScope)(context.node).available.trackByKeyPath(
+      const disposable = (0, import_editor39.getNodeScope)(context.node).available.trackByKeyPath(
         value?.content || [],
         (v) => {
           cb({ ...params, variable: v });
@@ -3957,16 +4025,16 @@ var listenRefValueChange = (cb) => [
 
 // src/effects/listen-ref-schema-change/index.ts
 var import_json_schema12 = require("@flowgram.ai/json-schema");
-var import_editor39 = require("@flowgram.ai/editor");
+var import_editor40 = require("@flowgram.ai/editor");
 var listenRefSchemaChange = (cb) => [
   {
-    event: import_editor39.DataEvent.onValueInitOrChange,
+    event: import_editor40.DataEvent.onValueInitOrChange,
     effect: (params) => {
       const { context, value } = params;
       if (value?.type !== "ref") {
         return () => null;
       }
-      const disposable = (0, import_editor39.getNodeScope)(context.node).available.trackByKeyPath(
+      const disposable = (0, import_editor40.getNodeScope)(context.node).available.trackByKeyPath(
         value?.content || [],
         (_type) => {
           cb({ ...params, schema: import_json_schema12.JsonSchemaUtils.astToSchema(_type) });
@@ -3983,21 +4051,21 @@ var listenRefSchemaChange = (cb) => [
 ];
 
 // src/form-plugins/batch-outputs-plugin/index.ts
-var import_editor40 = require("@flowgram.ai/editor");
-var provideBatchOutputsEffect = (0, import_editor40.createEffectFromVariableProvider)({
+var import_editor41 = require("@flowgram.ai/editor");
+var provideBatchOutputsEffect = (0, import_editor41.createEffectFromVariableProvider)({
   parse: (value, ctx) => [
-    import_editor40.ASTFactory.createVariableDeclaration({
+    import_editor41.ASTFactory.createVariableDeclaration({
       key: `${ctx.node.id}`,
       meta: {
-        title: (0, import_editor40.getNodeForm)(ctx.node)?.getValueIn("title"),
+        title: (0, import_editor41.getNodeForm)(ctx.node)?.getValueIn("title"),
         icon: ctx.node.getNodeRegistry().info?.icon
       },
-      type: import_editor40.ASTFactory.createObject({
+      type: import_editor41.ASTFactory.createObject({
         properties: Object.entries(value).map(
-          ([_key, value2]) => import_editor40.ASTFactory.createProperty({
+          ([_key, value2]) => import_editor41.ASTFactory.createProperty({
             key: _key,
-            initializer: import_editor40.ASTFactory.createWrapArrayExpression({
-              wrapFor: import_editor40.ASTFactory.createKeyPathExpression({
+            initializer: import_editor41.ASTFactory.createWrapArrayExpression({
+              wrapFor: import_editor41.ASTFactory.createKeyPathExpression({
                 keyPath: value2?.content || []
               })
             })
@@ -4007,7 +4075,7 @@ var provideBatchOutputsEffect = (0, import_editor40.createEffectFromVariableProv
     })
   ]
 });
-var createBatchOutputsFormPlugin = (0, import_editor40.defineFormPluginCreator)({
+var createBatchOutputsFormPlugin = (0, import_editor41.defineFormPluginCreator)({
   name: "batch-outputs-plugin",
   onSetupFormMeta({ mergeEffect }, { outputKey }) {
     mergeEffect({
@@ -4015,7 +4083,7 @@ var createBatchOutputsFormPlugin = (0, import_editor40.defineFormPluginCreator)(
     });
   },
   onInit(ctx, { outputKey }) {
-    const chainTransformService = ctx.node.getService(import_editor40.ScopeChainTransformService);
+    const chainTransformService = ctx.node.getService(import_editor41.ScopeChainTransformService);
     const batchNodeType = ctx.node.flowNodeType;
     const transformerId = `${batchNodeType}-outputs`;
     if (chainTransformService.hasTransformer(transformerId)) {
@@ -4025,21 +4093,21 @@ var createBatchOutputsFormPlugin = (0, import_editor40.defineFormPluginCreator)(
       transformCovers: (covers, ctx2) => {
         const node = ctx2.scope.meta?.node;
         if (node?.parent?.flowNodeType === batchNodeType) {
-          return [...covers, (0, import_editor40.getNodeScope)(node.parent)];
+          return [...covers, (0, import_editor41.getNodeScope)(node.parent)];
         }
         return covers;
       },
       transformDeps(scopes, ctx2) {
         const scopeMeta = ctx2.scope.meta;
-        if (scopeMeta?.type === import_editor40.FlowNodeScopeType.private) {
+        if (scopeMeta?.type === import_editor41.FlowNodeScopeType.private) {
           return scopes;
         }
         const node = scopeMeta?.node;
         if (node?.flowNodeType === batchNodeType) {
           const childBlocks = node.blocks;
           return [
-            (0, import_editor40.getNodePrivateScope)(node),
-            ...childBlocks.map((_childBlock) => (0, import_editor40.getNodeScope)(_childBlock))
+            (0, import_editor41.getNodePrivateScope)(node),
+            ...childBlocks.map((_childBlock) => (0, import_editor41.getNodeScope)(_childBlock))
           ];
         }
         return scopes;
@@ -4050,8 +4118,8 @@ var createBatchOutputsFormPlugin = (0, import_editor40.defineFormPluginCreator)(
 
 // src/form-plugins/infer-inputs-plugin/index.ts
 var import_lodash11 = require("lodash");
-var import_editor41 = require("@flowgram.ai/editor");
-var createInferInputsPlugin = (0, import_editor41.defineFormPluginCreator)({
+var import_editor42 = require("@flowgram.ai/editor");
+var createInferInputsPlugin = (0, import_editor42.defineFormPluginCreator)({
   onSetupFormMeta({ addFormatOnSubmit }, { sourceKey, targetKey, scope }) {
     if (!sourceKey || !targetKey) {
       return;
@@ -4062,7 +4130,7 @@ var createInferInputsPlugin = (0, import_editor41.defineFormPluginCreator)({
         targetKey,
         FlowValueUtils.inferJsonSchema(
           (0, import_lodash11.get)(formData, sourceKey),
-          scope === "private" ? (0, import_editor41.getNodePrivateScope)(ctx.node) : (0, import_editor41.getNodeScope)(ctx.node)
+          scope === "private" ? (0, import_editor42.getNodePrivateScope)(ctx.node) : (0, import_editor42.getNodeScope)(ctx.node)
         )
       );
       return formData;
@@ -4073,32 +4141,32 @@ var createInferInputsPlugin = (0, import_editor41.defineFormPluginCreator)({
 // src/form-plugins/infer-assign-plugin/index.ts
 var import_lodash12 = require("lodash");
 var import_json_schema13 = require("@flowgram.ai/json-schema");
-var import_editor42 = require("@flowgram.ai/editor");
-var createInferAssignPlugin = (0, import_editor42.defineFormPluginCreator)({
+var import_editor43 = require("@flowgram.ai/editor");
+var createInferAssignPlugin = (0, import_editor43.defineFormPluginCreator)({
   onSetupFormMeta({ addFormatOnSubmit, mergeEffect }, { assignKey, outputKey }) {
     if (!assignKey || !outputKey) {
       return;
     }
     mergeEffect({
-      [assignKey]: (0, import_editor42.createEffectFromVariableProvider)({
+      [assignKey]: (0, import_editor43.createEffectFromVariableProvider)({
         parse: (value, ctx) => {
           const declareRows = (0, import_lodash12.uniqBy)(
             value.filter((_v) => _v.operator === "declare" && _v.left && _v.right),
             "left"
           );
           return [
-            import_editor42.ASTFactory.createVariableDeclaration({
+            import_editor43.ASTFactory.createVariableDeclaration({
               key: `${ctx.node.id}`,
               meta: {
-                title: (0, import_editor42.getNodeForm)(ctx.node)?.getValueIn("title"),
+                title: (0, import_editor43.getNodeForm)(ctx.node)?.getValueIn("title"),
                 icon: ctx.node.getNodeRegistry().info?.icon
               },
-              type: import_editor42.ASTFactory.createObject({
+              type: import_editor43.ASTFactory.createObject({
                 properties: declareRows.map(
-                  (_v) => import_editor42.ASTFactory.createProperty({
+                  (_v) => import_editor43.ASTFactory.createProperty({
                     key: _v.left,
                     type: _v.right?.type === "constant" ? import_json_schema13.JsonSchemaUtils.schemaToAST(_v.right?.schema || {}) : void 0,
-                    initializer: _v.right?.type === "ref" ? import_editor42.ASTFactory.createKeyPathExpression({
+                    initializer: _v.right?.type === "ref" ? import_editor43.ASTFactory.createKeyPathExpression({
                       keyPath: _v.right?.content || []
                     }) : {}
                   })
@@ -4113,7 +4181,7 @@ var createInferAssignPlugin = (0, import_editor42.defineFormPluginCreator)({
       (0, import_lodash12.set)(
         formData,
         outputKey,
-        import_json_schema13.JsonSchemaUtils.astToSchema((0, import_editor42.getNodeScope)(ctx.node).output.variables?.[0]?.type)
+        import_json_schema13.JsonSchemaUtils.astToSchema((0, import_editor43.getNodeScope)(ctx.node).output.variables?.[0]?.type)
       );
       return formData;
     });
@@ -4122,7 +4190,7 @@ var createInferAssignPlugin = (0, import_editor42.defineFormPluginCreator)({
 
 // src/validate/validate-flow-value/index.tsx
 var import_lodash13 = require("lodash");
-var import_editor43 = require("@flowgram.ai/editor");
+var import_editor44 = require("@flowgram.ai/editor");
 function validateFlowValue(value, ctx) {
   const { node, required, errorMessages } = ctx;
   const {
@@ -4131,26 +4199,26 @@ function validateFlowValue(value, ctx) {
   } = errorMessages || {};
   if (required && ((0, import_lodash13.isNil)(value) || (0, import_lodash13.isNil)(value?.content) || value?.content === "")) {
     return {
-      level: import_editor43.FeedbackLevel.Error,
+      level: import_editor44.FeedbackLevel.Error,
       message: requiredMessage
     };
   }
   if (value?.type === "ref") {
-    const variable = (0, import_editor43.getNodeScope)(node).available.getByKeyPath(value?.content || []);
+    const variable = (0, import_editor44.getNodeScope)(node).available.getByKeyPath(value?.content || []);
     if (!variable) {
       return {
-        level: import_editor43.FeedbackLevel.Error,
+        level: import_editor44.FeedbackLevel.Error,
         message: unknownVariableMessage
       };
     }
   }
   if (value?.type === "template") {
-    const allRefs = getTemplateKeyPaths(value);
+    const allRefs = FlowValueUtils.getTemplateKeyPaths(value);
     for (const ref of allRefs) {
-      const variable = (0, import_editor43.getNodeScope)(node).available.getByKeyPath(ref);
+      const variable = (0, import_editor44.getNodeScope)(node).available.getByKeyPath(ref);
       if (!variable) {
         return {
-          level: import_editor43.FeedbackLevel.Error,
+          level: import_editor44.FeedbackLevel.Error,
           message: unknownVariableMessage
         };
       }
@@ -4158,12 +4226,6 @@ function validateFlowValue(value, ctx) {
   }
   return void 0;
 }
-function getTemplateKeyPaths(value) {
-  const keyPathReg = /{{(.*?)}}/g;
-  return (0, import_lodash13.uniq)(value.content?.match(keyPathReg) || []).map(
-    (_keyPath) => _keyPath.slice(2, -2).split(".")
-  );
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AssignRow,
@@ -4218,6 +4280,7 @@ function getTemplateKeyPaths(value) {
   provideBatchOutputsEffect,
   provideJsonSchemaOutputs,
   syncVariableTitle,
+  useObjectList,
   useTypeManager,
   useVariableTree,
   validateFlowValue,