@flowgram.ai/form-materials 0.4.1 → 0.4.3

package/dist/esm/index.js

@@ -103,7 +103,7 @@ var extraSchema = z.object({
 }).optional();
 var constantSchema = z.object({
   type: z.literal("constant"),
-  content: z.union([z.string(), z.number(), z.boolean()]).optional(),
+  content: z.any().optional(),
   schema: z.any().optional(),
   extra: extraSchema
 });
@@ -183,13 +183,13 @@ var FlowValueUtils;
     return;
   }
   FlowValueUtils2.traverse = traverse;
-  function getTemplateKeyPaths2(value) {
-    const keyPathReg = /{{(.*?)}}/g;
+  function getTemplateKeyPaths(value) {
+    const keyPathReg = /\{\{([^\}\{]+)\}\}/g;
     return 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;
@@ -1052,12 +1052,24 @@ function TypeSelector(props) {
     }),
     []
   );
+  const isDisabled = readonly || disabled;
   return /* @__PURE__ */ React13.createElement(
     Cascader,
     {
-      disabled: readonly || disabled,
+      disabled: isDisabled,
       size: "small",
-      triggerRender: () => /* @__PURE__ */ React13.createElement(IconButton, { size: "small", style, disabled: readonly || disabled, icon }),
+      triggerRender: () => /* @__PURE__ */ React13.createElement(
+        IconButton,
+        {
+          size: "small",
+          style: {
+            ...isDisabled ? { pointerEvents: "none" } : {},
+            ...style || {}
+          },
+          disabled: isDisabled,
+          icon
+        }
+      ),
       treeData: options,
       value: selectValue,
       leafOnly: true,
@@ -1541,7 +1553,10 @@ function BatchVariableSelector(props) {
 
 // src/components/dynamic-value-input/index.tsx
 import React20 from "react";
-import { JsonSchemaUtils as JsonSchemaUtils4 } from "@flowgram.ai/json-schema";
+import {
+  JsonSchemaUtils as JsonSchemaUtils4,
+  useTypeManager as useTypeManager3
+} from "@flowgram.ai/json-schema";
 import { IconButton as IconButton3 } from "@douyinfe/semi-ui";
 import { IconSetting } from "@douyinfe/semi-icons";
 
@@ -1601,7 +1616,7 @@ var UITrigger = styled4.div`
 `;
 
 // src/components/dynamic-value-input/hooks.ts
-import { useMemo as useMemo5, useState as useState4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo5, useRef as useRef3, useState as useState4 } from "react";
 import { useScopeAvailable } from "@flowgram.ai/editor";
 function useRefVariable(value) {
   const available = useScopeAvailable();
@@ -1617,8 +1632,25 @@ function useSelectSchema(schemaFromProps, constantProps, value) {
   if (value?.type === "constant") {
     defaultSelectSchema = value?.schema || defaultSelectSchema;
   }
+  const changeVersion = useRef3(0);
+  const effectVersion = useRef3(0);
   const [selectSchema, setSelectSchema] = useState4(defaultSelectSchema);
-  return [selectSchema, setSelectSchema];
+  useEffect4(() => {
+    effectVersion.current += 1;
+    if (changeVersion.current === effectVersion.current) {
+      return;
+    }
+    effectVersion.current = changeVersion.current;
+    if (value?.type === "constant" && value?.schema) {
+      setSelectSchema(value?.schema);
+      return;
+    }
+  }, [value]);
+  const setSelectSchemaWithVersionUpdate = (schema) => {
+    setSelectSchema(schema);
+    changeVersion.current += 1;
+  };
+  return [selectSchema, setSelectSchemaWithVersionUpdate];
 }
 function useIncludeSchema(schemaFromProps) {
   const includeSchema = useMemo5(() => {
@@ -1634,6 +1666,11 @@ function useIncludeSchema(schemaFromProps) {
 }
 
 // src/components/dynamic-value-input/index.tsx
+var DEFAULT_VALUE = {
+  type: "constant",
+  content: "",
+  schema: { type: "string" }
+};
 function DynamicValueInput({
   value,
   onChange,
@@ -1645,6 +1682,7 @@ function DynamicValueInput({
   const refVariable = useRefVariable(value);
   const [selectSchema, setSelectSchema] = useSelectSchema(schemaFromProps, constantProps, value);
   const includeSchema = useIncludeSchema(schemaFromProps);
+  const typeManager = useTypeManager3();
   const renderTypeSelector = () => {
     if (schemaFromProps) {
       return /* @__PURE__ */ React20.createElement(TypeSelector, { value: schemaFromProps, readonly: true });
@@ -1659,20 +1697,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
@@ -1686,7 +1722,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
         }
@@ -1700,17 +1736,17 @@ function DynamicValueInput({
         onChange: (_v) => onChange({ type: "constant", content: _v, schema: constantSchema2 }),
         schema: constantSchema2 || { type: "string" },
         readonly,
-        strategies: [...constantProps?.strategies || []],
         fallbackRenderer: () => /* @__PURE__ */ React20.createElement(
           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
           }
         ),
-        ...constantProps
+        ...constantProps,
+        strategies: [...constantProps?.strategies || []]
       }
     );
   };
@@ -1996,7 +2032,7 @@ import { Button as Button3, Input as Input5 } from "@douyinfe/semi-ui";
 import { IconDelete, IconPlus as IconPlus2 } from "@douyinfe/semi-icons";
 
 // src/hooks/use-object-list/index.tsx
-import { useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
 import { nanoid } from "nanoid";
 import { difference as difference2, get, isObject as isObject3, set } from "lodash";
 function genId2() {
@@ -2008,15 +2044,15 @@ function useObjectList({
   sortIndexKey
 }) {
   const [list, setList] = useState5([]);
-  const effectVersion = useRef3(0);
-  const changeVersion = useRef3(0);
+  const effectVersion = useRef4(0);
+  const changeVersion = useRef4(0);
   const getSortIndex = (value2) => {
     if (typeof sortIndexKey === "function") {
       return get(value2, sortIndexKey(value2)) || 0;
     }
     return get(value2, sortIndexKey || "") || 0;
   };
-  useEffect4(() => {
+  useEffect5(() => {
     effectVersion.current = effectVersion.current + 1;
     if (effectVersion.current === changeVersion.current) {
       return;
@@ -2156,7 +2192,7 @@ function BatchOutputs(props) {
 }
 
 // src/components/prompt-editor/index.tsx
-import React24, { useEffect as useEffect5, useRef as useRef4 } from "react";
+import React24, { useEffect as useEffect6, useRef as useRef5 } from "react";
 import { Renderer, EditorProvider as EditorProvider2, ActiveLinePlaceholder as ActiveLinePlaceholder2 } from "@coze-editor/editor/react";
 import preset2 from "@coze-editor/editor/preset-prompt";
 
@@ -2301,8 +2337,8 @@ function PromptEditor(props) {
     disableMarkdownHighlight,
     options
   } = props || {};
-  const editorRef = useRef4(null);
-  useEffect5(() => {
+  const editorRef = useRef5(null);
+  useEffect6(() => {
     if (editorRef.current?.getValue() !== value?.content) {
       editorRef.current?.setValue(String(value?.content || ""));
     }
@@ -2332,7 +2368,7 @@ function PromptEditor(props) {
 import React27 from "react";
 
 // src/components/prompt-editor-with-variables/extensions/variable-tree.tsx
-import React25, { useEffect as useEffect6, useState as useState6 } from "react";
+import React25, { useEffect as useEffect7, useState as useState6 } from "react";
 import { Popover as Popover2, Tree } from "@douyinfe/semi-ui";
 import {
   Mention,
@@ -2350,8 +2386,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);
@@ -2360,7 +2404,7 @@ function VariableTree() {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  useEffect6(() => {
+  useEffect7(() => {
     if (!editor) {
       return;
     }
@@ -2523,7 +2567,7 @@ function VariableTagInject() {
   const scope = useCurrentScope();
   useLayoutEffect4(() => {
     const atMatcher = new MatchDecorator({
-      regexp: /\{\{([^\}]+)\}\}/g,
+      regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => Decoration.replace({
         widget: new VariableTagWidget({
           keyPath: match[1]?.split(".") ?? [],
@@ -2565,7 +2609,7 @@ function PromptEditorWithVariables(props) {
 import React30 from "react";
 
 // src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx
-import React29, { useEffect as useEffect7, useState as useState7 } from "react";
+import React29, { useEffect as useEffect8, useState as useState7 } from "react";
 import { Popover as Popover4 } from "@douyinfe/semi-ui";
 import {
   Mention as Mention2,
@@ -2576,7 +2620,7 @@ import {
 
 // src/components/prompt-editor-with-inputs/inputs-picker.tsx
 import React28, { useMemo as useMemo9 } from "react";
-import { last as last2 } from "lodash";
+import { isPlainObject as isPlainObject2, last as last2 } from "lodash";
 import {
   ASTMatch as ASTMatch3,
   useScopeAvailable as useScopeAvailable3
@@ -2619,20 +2663,32 @@ function InputsPicker({
       children
     };
   };
-  const treeData = useMemo9(
-    () => 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: last2(keyPath)
       };
-    }),
+    }
+    if (isPlainObject2(value)) {
+      return {
+        key: currKey,
+        value: currKey,
+        label: last2(keyPath),
+        children: Object.entries(value).map(([key, value2]) => getTreeData(value2, [...keyPath, key])).filter(Boolean)
+      };
+    }
+  };
+  const treeData = useMemo9(
+    () => Object.entries(inputsValues).map(([key, value]) => getTreeData(value, [key])).filter(Boolean),
     []
   );
   return /* @__PURE__ */ React28.createElement(Tree2, { treeData, onSelect: (v) => onSelect(v) });
@@ -2649,6 +2705,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 + "}}"
@@ -2659,7 +2722,7 @@ function InputsTree({ inputsValues }) {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  useEffect7(() => {
+  useEffect8(() => {
     if (!editor) {
       return;
     }
@@ -2701,7 +2764,7 @@ import React33 from "react";
 import { transformerCreator } from "@coze-editor/editor/preset-code";
 
 // src/components/json-editor-with-variables/extensions/variable-tree.tsx
-import React31, { useEffect as useEffect8, useState as useState8 } from "react";
+import React31, { useEffect as useEffect9, useState as useState8 } from "react";
 import { Popover as Popover5, Tree as Tree3 } from "@douyinfe/semi-ui";
 import {
   Mention as Mention3,
@@ -2729,7 +2792,7 @@ function VariableTree2() {
     setPosition(e.state.selection.main.head);
     setVisible(e.value);
   }
-  useEffect8(() => {
+  useEffect9(() => {
     if (!editor) {
       return;
     }
@@ -2888,7 +2951,7 @@ function VariableTagInject2() {
   const scope = useCurrentScope2();
   useLayoutEffect5(() => {
     const atMatcher = new MatchDecorator2({
-      regexp: /\{\{([^\}]+)\}\}/g,
+      regexp: /\{\{([^\}\{]+)\}\}/g,
       decoration: (match) => Decoration2.replace({
         widget: new VariableTagWidget2({
           keyPath: match[1]?.split(".") ?? [],
@@ -3035,7 +3098,20 @@ function InputsValues({
       size: "small",
       onClick: () => remove(item.id)
     }
-  )))), /* @__PURE__ */ React34.createElement(Button4, { disabled: readonly, icon: /* @__PURE__ */ React34.createElement(IconPlus3, null), size: "small", onClick: () => add() }, I18n13.t("Add")));
+  )))), /* @__PURE__ */ React34.createElement(
+    Button4,
+    {
+      disabled: readonly,
+      icon: /* @__PURE__ */ React34.createElement(IconPlus3, null),
+      size: "small",
+      onClick: () => add({
+        type: "constant",
+        content: "",
+        schema: { type: "string" }
+      })
+    },
+    I18n13.t("Add")
+  ));
 }
 
 // src/components/display-schema-tree/index.tsx
@@ -3145,7 +3221,7 @@ function SchemaTree(props) {
 }
 
 // src/components/display-outputs/index.tsx
-import React37, { useEffect as useEffect9 } from "react";
+import React37, { useEffect as useEffect10 } from "react";
 import { JsonSchemaUtils as JsonSchemaUtils6 } from "@flowgram.ai/json-schema";
 import { useCurrentScope as useCurrentScope3, useRefresh } from "@flowgram.ai/editor";
 
@@ -3202,7 +3278,7 @@ var DisplayOutputsWrapper = styled13.div`
 function DisplayOutputs({ value, showIconInTree, displayFromScope }) {
   const scope = useCurrentScope3();
   const refresh = useRefresh();
-  useEffect9(() => {
+  useEffect10(() => {
     if (!displayFromScope) {
       return () => null;
     }
@@ -3248,18 +3324,7 @@ function DisplayFlowValue({ value, title, showIconInTree }) {
       return { type: "string" };
     }
     if (value?.type === "constant") {
-      if (value?.schema) {
-        return value?.schema;
-      }
-      if (typeof value?.content === "string") {
-        return { type: "string" };
-      }
-      if (typeof value?.content === "number") {
-        return { type: "number" };
-      }
-      if (typeof value?.content === "boolean") {
-        return { type: "boolean" };
-      }
+      return FlowValueUtils.inferConstantJsonSchema(value);
     }
     return { type: "unknown" };
   }, [value, variable?.hash]);
@@ -3275,7 +3340,9 @@ function DisplayFlowValue({ value, title, showIconInTree }) {
 }
 
 // src/components/display-inputs-values/index.tsx
-import React39 from "react";
+import React39, { useMemo as useMemo11 } from "react";
+import { isPlainObject as isPlainObject3 } from "lodash";
+import { useScopeAvailable as useScopeAvailable5 } from "@flowgram.ai/editor";
 
 // src/components/display-inputs-values/styles.ts
 import styled14 from "styled-components";
@@ -3288,7 +3355,35 @@ var DisplayInputsWrapper = styled14.div`
 // src/components/display-inputs-values/index.tsx
 function DisplayInputsValues({ value, showIconInTree }) {
   const childEntries = Object.entries(value || {});
-  return /* @__PURE__ */ React39.createElement(DisplayInputsWrapper, null, childEntries.map(([key, value2]) => /* @__PURE__ */ React39.createElement(DisplayFlowValue, { key, title: key, value: value2, showIconInTree })));
+  return /* @__PURE__ */ React39.createElement(DisplayInputsWrapper, null, childEntries.map(([key, value2]) => {
+    if (FlowValueUtils.isFlowValue(value2)) {
+      return /* @__PURE__ */ React39.createElement(DisplayFlowValue, { key, title: key, value: value2, showIconInTree });
+    }
+    if (isPlainObject3(value2)) {
+      return /* @__PURE__ */ React39.createElement(
+        DisplayInputsValueAllInTag,
+        {
+          key,
+          title: key,
+          value: value2,
+          showIconInTree
+        }
+      );
+    }
+    return null;
+  }));
+}
+function DisplayInputsValueAllInTag({
+  value,
+  title,
+  showIconInTree
+}) {
+  const available = useScopeAvailable5();
+  const schema = useMemo11(
+    () => FlowValueUtils.inferJsonSchema(value, available.scope),
+    [available.version, value]
+  );
+  return /* @__PURE__ */ React39.createElement(DisplaySchemaTag, { title, value: schema, showIconInTree });
 }
 
 // src/components/assign-rows/index.tsx
@@ -3303,11 +3398,11 @@ import { IconButton as IconButton5 } from "@douyinfe/semi-ui";
 import { IconMinus as IconMinus2 } from "@douyinfe/semi-icons";
 
 // src/components/assign-row/components/blur-input.tsx
-import React40, { useEffect as useEffect10, useState as useState9 } from "react";
+import React40, { useEffect as useEffect11, useState as useState9 } from "react";
 import Input6 from "@douyinfe/semi-ui/lib/es/input";
 function BlurInput2(props) {
   const [value, setValue] = useState9("");
-  useEffect10(() => {
+  useEffect11(() => {
     setValue(props.value);
   }, [props.value]);
   return /* @__PURE__ */ React40.createElement(
@@ -3523,17 +3618,17 @@ var iconAddChildrenSvg2 = /* @__PURE__ */ React43.createElement(
 var IconAddChildren2 = () => /* @__PURE__ */ React43.createElement(Icon4, { size: "small", svg: iconAddChildrenSvg2 });
 
 // src/components/inputs-values-tree/row.tsx
-import React44, { useState as useState10 } from "react";
+import React44, { useMemo as useMemo13, useState as useState10 } from "react";
 import { I18n as I18n14 } from "@flowgram.ai/editor";
 import { IconButton as IconButton6, Input as Input7 } from "@douyinfe/semi-ui";
 import { IconChevronDown as IconChevronDown2, IconChevronRight as IconChevronRight2, IconDelete as IconDelete3 } from "@douyinfe/semi-icons";
 
 // src/components/inputs-values-tree/hooks/use-child-list.tsx
-import { useMemo as useMemo11 } from "react";
-import { isPlainObject as isPlainObject2 } from "lodash";
+import { useMemo as useMemo12 } from "react";
+import { isPlainObject as isPlainObject4 } from "lodash";
 function useChildList(value, onChange) {
-  const canAddField = useMemo11(() => {
-    if (!isPlainObject2(value)) {
+  const canAddField = useMemo12(() => {
+    if (!isPlainObject4(value)) {
       return false;
     }
     if (FlowValueUtils.isFlowValue(value)) {
@@ -3541,8 +3636,8 @@ function useChildList(value, onChange) {
     }
     return true;
   }, [value]);
-  const objectListValue = useMemo11(() => {
-    if (isPlainObject2(value)) {
+  const objectListValue = useMemo12(() => {
+    if (isPlainObject4(value)) {
       if (FlowValueUtils.isFlowValue(value)) {
         return void 0;
       }
@@ -3550,7 +3645,6 @@ function useChildList(value, onChange) {
     }
     return void 0;
   }, [value]);
-  console.log("debugger objectListValue", objectListValue);
   const { list, add, updateKey, updateValue, remove } = useObjectList({
     value: objectListValue,
     onChange: (value2) => {
@@ -3558,8 +3652,13 @@ function useChildList(value, onChange) {
     },
     sortIndexKey: (value2) => FlowValueUtils.isFlowValue(value2) ? "extra.index" : ""
   });
+  const hasChildren = useMemo12(
+    () => canAddField && (list.length > 0 || Object.keys(objectListValue || {}).length > 0),
+    [canAddField, list.length, Object.keys(objectListValue || {}).length]
+  );
   return {
     canAddField,
+    hasChildren,
     list,
     add,
     updateKey,
@@ -3595,12 +3694,21 @@ function InputValueRow(props) {
     readonly
   } = props;
   const [collapse, setCollapse] = useState10(false);
-  const { canAddField, list, add, updateKey, updateValue, remove } = useChildList(
+  const { canAddField, hasChildren, list, add, updateKey, updateValue, remove } = useChildList(
     value,
     onUpdateValue
   );
-  const hasChildren = canAddField && list.length > 0;
-  const flowDisplayValue = hasChildren ? { type: "constant", schema: { type: " object" } } : value;
+  const strategies = useMemo13(
+    () => [...hasChildren ? [AddObjectChildStrategy] : [], ...constantProps?.strategies || []],
+    [hasChildren, constantProps?.strategies]
+  );
+  const flowDisplayValue = useMemo13(
+    () => hasChildren ? {
+      type: "constant",
+      schema: { type: "object" }
+    } : value,
+    [hasChildren, value]
+  );
   return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement(UITreeItemLeft2, { $isLast, $showLine: $level > 0, $showCollapse: hasChildren }, hasChildren && /* @__PURE__ */ React44.createElement(UICollapseTrigger2, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ React44.createElement(IconChevronDown2, { size: "small" }) : /* @__PURE__ */ React44.createElement(IconChevronRight2, { size: "small" }))), /* @__PURE__ */ React44.createElement(UITreeItemRight2, null, /* @__PURE__ */ React44.createElement(UITreeItemMain2, null, /* @__PURE__ */ React44.createElement(UIRow4, null, /* @__PURE__ */ React44.createElement(
     BlurInput,
     {
@@ -3621,10 +3729,7 @@ function InputValueRow(props) {
       hasError,
       constantProps: {
         ...constantProps,
-        strategies: [
-          ...hasChildren ? [AddObjectChildStrategy] : [],
-          ...constantProps?.strategies || []
-        ]
+        strategies
       }
     }
   ), /* @__PURE__ */ React44.createElement(UIActions2, null, canAddField && /* @__PURE__ */ React44.createElement(
@@ -3635,7 +3740,11 @@ function InputValueRow(props) {
       theme: "borderless",
       icon: /* @__PURE__ */ React44.createElement(IconAddChildren2, null),
       onClick: () => {
-        add();
+        add({
+          type: "constant",
+          content: "",
+          schema: { type: "string" }
+        });
         setCollapse(true);
       }
     }
@@ -3700,7 +3809,13 @@ function InputsValuesTree(props) {
       disabled: readonly,
       icon: /* @__PURE__ */ React45.createElement(IconPlus5, null),
       size: "small",
-      onClick: add
+      onClick: () => {
+        add({
+          type: "constant",
+          content: "",
+          schema: { type: "string" }
+        });
+      }
     },
     I18n15.t("Add")
   ));
@@ -4083,7 +4198,7 @@ var createInferAssignPlugin = defineFormPluginCreator3({
 });
 
 // src/validate/validate-flow-value/index.tsx
-import { isNil, uniq as uniq2 } from "lodash";
+import { isNil } from "lodash";
 import { FeedbackLevel, getNodeScope as getNodeScope7 } from "@flowgram.ai/editor";
 function validateFlowValue(value, ctx) {
   const { node, required, errorMessages } = ctx;
@@ -4107,7 +4222,7 @@ function validateFlowValue(value, ctx) {
     }
   }
   if (value?.type === "template") {
-    const allRefs = getTemplateKeyPaths(value);
+    const allRefs = FlowValueUtils.getTemplateKeyPaths(value);
     for (const ref of allRefs) {
       const variable = getNodeScope7(node).available.getByKeyPath(ref);
       if (!variable) {
@@ -4120,12 +4235,6 @@ function validateFlowValue(value, ctx) {
   }
   return void 0;
 }
-function getTemplateKeyPaths(value) {
-  const keyPathReg = /{{(.*?)}}/g;
-  return uniq2(value.content?.match(keyPathReg) || []).map(
-    (_keyPath) => _keyPath.slice(2, -2).split(".")
-  );
-}
 export {
   AssignRow,
   AssignRows,
@@ -4137,6 +4246,7 @@ export {
   ConditionRow,
   ConstantInput,
   DisplayFlowValue,
+  DisplayInputsValueAllInTag,
   DisplayInputsValues,
   DisplayOutputs,
   DisplaySchemaTag,
@@ -4178,6 +4288,7 @@ export {
   provideBatchOutputsEffect,
   provideJsonSchemaOutputs,
   syncVariableTitle,
+  useObjectList,
   useTypeManager,
   useVariableTree,
   validateFlowValue,