@flowgram.ai/form-materials 0.1.0-alpha.15 → 0.1.0-alpha.17

package/dist/esm/components/{json-editor-with-variables → coze-editor-extensions}/extensions/variable-tag.mjs

@@ -30,9 +30,10 @@ class VariableTagWidget extends WidgetType {
             color: "amber",
             children: "Unknown"
         }));
-        const rootField = last(v.parentFields);
+        const rootField = last(v.parentFields) || v;
+        const isRoot = v === rootField;
         const rootTitle = /*#__PURE__*/ jsx(UIRootTitle, {
-            children: rootField?.meta.title ? `${rootField.meta.title} -` : ''
+            children: rootField.meta?.title ? `${rootField.meta.title} ${isRoot ? '' : '-'} ` : ''
         });
         const rootIcon = this.renderIcon(rootField?.meta.icon);
         this.root.render(/*#__PURE__*/ jsx(Popover, {
@@ -49,7 +50,7 @@ class VariableTagWidget extends WidgetType {
                 prefixIcon: rootIcon,
                 children: [
                     rootTitle,
-                    /*#__PURE__*/ jsx(UIVarName, {
+                    !isRoot && /*#__PURE__*/ jsx(UIVarName, {
                         children: v?.key
                     })
                 ]

package/dist/esm/components/{prompt-editor-with-variables → coze-editor-extensions}/extensions/variable-tree.mjs

@@ -3,7 +3,12 @@ import { useEffect, useState } from "react";
 import { Mention, PositionMirror, getCurrentMentionReplaceRange, useEditor } from "@flowgram.ai/coze-editor/react";
 import { Popover, Tree } from "@douyinfe/semi-ui";
 import { useVariableTree } from "../../variable-selector/index.mjs";
-function VariableTree() {
+const DEFAULT_TRIGGER_CHARACTER = [
+    '{',
+    '{}',
+    '@'
+];
+function VariableTree({ triggerCharacters = DEFAULT_TRIGGER_CHARACTER }) {
     const [posKey, setPosKey] = useState('');
     const [visible, setVisible] = useState(false);
     const [position, setPosition] = useState(-1);
@@ -35,11 +40,7 @@ function VariableTree() {
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(Mention, {
-                triggerCharacters: [
-                    '{',
-                    '{}',
-                    '@'
-                ],
+                triggerCharacters: triggerCharacters,
                 onOpenChange: handleOpenChange
             }),
             /*#__PURE__*/ jsx(Popover, {
@@ -49,10 +50,15 @@ function VariableTree() {
                 rePosKey: posKey,
                 content: /*#__PURE__*/ jsx("div", {
                     style: {
-                        width: 300
+                        width: 300,
+                        maxHeight: 300,
+                        overflowY: 'auto'
                     },
                     children: /*#__PURE__*/ jsx(Tree, {
                         treeData: treeData,
+                        onExpand: (v)=>{
+                            setPosKey(String(Math.random()));
+                        },
                         onSelect: (v)=>{
                             insert(v);
                         }

package/dist/esm/components/coze-editor-extensions/index.mjs

@@ -0,0 +1,18 @@
+import { lazy } from "react";
+import { createInjectMaterial } from "../../shared/index.mjs";
+const EditorVariableTree = createInjectMaterial(/*#__PURE__*/ lazy(()=>import("./extensions/variable-tree.mjs").then((module)=>({
+            default: module.VariableTree
+        }))), {
+    renderKey: 'EditorVariableTree'
+});
+const EditorVariableTagInject = createInjectMaterial(/*#__PURE__*/ lazy(()=>import("./extensions/variable-tag.mjs").then((module)=>({
+            default: module.VariableTagInject
+        }))), {
+    renderKey: 'EditorVariableTagInject'
+});
+const EditorInputsTree = createInjectMaterial(/*#__PURE__*/ lazy(()=>import("./extensions/inputs-tree.mjs").then((module)=>({
+            default: module.InputsTree
+        }))), {
+    renderKey: 'EditorInputsTree'
+});
+export { EditorInputsTree, EditorVariableTagInject, EditorVariableTree };

package/dist/esm/components/db-condition-row/index.mjs

@@ -1,49 +1,74 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { I18n } from "@flowgram.ai/editor";
-import { Input } from "@douyinfe/semi-ui";
+import { Button, Icon, Input, Select } from "@douyinfe/semi-ui";
+import { IconChevronDownStroked } from "@douyinfe/semi-icons";
+import { useTypeManager } from "../../plugins/index.mjs";
 import { InjectDynamicValueInput } from "../dynamic-value-input/index.mjs";
-import { UIContainer, UILeft, UIOperator, UIRight, UIValues } from "./styles.mjs";
-import { useOp } from "./hooks/use-op.mjs";
-import { useLeft } from "./hooks/use-left.mjs";
+import { useCondition } from "../condition-context/index.mjs";
+import { UIContainer, UILeft, UIOperator, UIOptionLabel, UIRight, UISelect, UIValues } from "./styles.mjs";
 const defaultRuleConfig = {
     ops: {},
     rules: {}
 };
 function DBConditionRow({ style, value, onChange, readonly, options, ruleConfig = defaultRuleConfig }) {
     const { left, operator, right } = value || {};
-    const { rule, renderDBOptionSelect } = useLeft({
+    const typeManager = useTypeManager();
+    const leftSchema = useMemo(()=>options?.find((item)=>item.value === left)?.schema, [
         left,
-        options,
-        onChange: (leftKey)=>onChange({
-                ...value,
-                left: leftKey
-            }),
-        readonly,
-        userRules: ruleConfig.rules
-    });
-    const { renderOpSelect, opConfig } = useOp({
-        rule,
-        op: operator,
-        onChange: (v)=>onChange({
-                ...value,
-                operator: v
-            }),
-        readonly,
-        userOps: ruleConfig.ops
-    });
-    const targetSchema = useMemo(()=>{
-        const targetType = rule?.[operator || ''] || null;
-        return targetType ? {
-            type: targetType,
-            extra: {
-                weak: true
-            }
-        } : null;
-    }, [
-        rule,
-        opConfig
+        options
     ]);
+    const { opConfig, rule, opOptionList, targetSchema } = useCondition({
+        leftSchema,
+        operator,
+        ruleConfig
+    });
+    const renderDBOptionSelect = ()=>/*#__PURE__*/ jsx(UISelect, {
+            disabled: readonly,
+            size: "small",
+            style: {
+                width: '100%'
+            },
+            value: left,
+            onChange: (v)=>onChange({
+                    ...value,
+                    left: v
+                }),
+            optionList: options?.map((item)=>({
+                    label: /*#__PURE__*/ jsxs(UIOptionLabel, {
+                        children: [
+                            /*#__PURE__*/ jsx(Icon, {
+                                size: "small",
+                                svg: typeManager.getDisplayIcon(item.schema)
+                            }),
+                            item.label
+                        ]
+                    }),
+                    value: item.value
+                })) || []
+        });
+    const renderOpSelect = ()=>/*#__PURE__*/ jsx(Select, {
+            style: {
+                height: 22
+            },
+            disabled: readonly,
+            size: "small",
+            value: operator,
+            optionList: opOptionList,
+            onChange: (v)=>{
+                onChange({
+                    ...value,
+                    operator: v
+                });
+            },
+            triggerRender: ({ value })=>/*#__PURE__*/ jsx(Button, {
+                    size: "small",
+                    disabled: !rule,
+                    children: opConfig?.abbreviation || /*#__PURE__*/ jsx(IconChevronDownStroked, {
+                        size: "small"
+                    })
+                })
+        });
     return /*#__PURE__*/ jsxs(UIContainer, {
         style: style,
         children: [

package/dist/esm/components/display-schema-tree/index.mjs

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import react from "react";
-import { useTypeManager } from "../../plugins/index.mjs";
+import { useTypeManager } from "@flowgram.ai/json-schema";
 import { HorizontalLine, TreeItem, TreeLevel, TreeRow, TreeTitle } from "./styles.mjs";
 function DisplaySchemaTree(props) {
     return /*#__PURE__*/ jsx(SchemaTree, {

package/dist/esm/components/index.mjs

@@ -3,10 +3,12 @@ import { AssignRows } from "./assign-rows/index.mjs";
 import { BatchOutputs } from "./batch-outputs/index.mjs";
 import { BatchVariableSelector } from "./batch-variable-selector/index.mjs";
 import { BlurInput } from "./blur-input/index.mjs";
-import { CodeEditor } from "./code-editor/index.mjs";
+import { BaseCodeEditor, CodeEditor, JsonCodeEditor, PythonCodeEditor, SQLCodeEditor, ShellCodeEditor, TypeScriptCodeEditor } from "./code-editor/index.mjs";
 import { CodeEditorMini } from "./code-editor-mini/index.mjs";
+import { ConditionPresetOp, ConditionProvider, useCondition, useConditionContext } from "./condition-context/index.mjs";
 import { ConditionRow } from "./condition-row/index.mjs";
 import { ConstantInput } from "./constant-input/index.mjs";
+import { EditorInputsTree, EditorVariableTagInject, EditorVariableTree } from "./coze-editor-extensions/index.mjs";
 import { DBConditionRow } from "./db-condition-row/index.mjs";
 import { DisplayFlowValue } from "./display-flow-value/index.mjs";
 import { DisplayInputsValueAllInTag, DisplayInputsValues } from "./display-inputs-values/index.mjs";
@@ -21,6 +23,7 @@ import { JsonSchemaEditor } from "./json-schema-editor/index.mjs";
 import { PromptEditor } from "./prompt-editor/index.mjs";
 import { PromptEditorWithInputs } from "./prompt-editor-with-inputs/index.mjs";
 import { PromptEditorWithVariables } from "./prompt-editor-with-variables/index.mjs";
+import { SQLEditorWithVariables } from "./sql-editor-with-variables/index.mjs";
 import { InjectTypeSelector, TypeSelector, getTypeSelectValue, parseTypeSelectValue } from "./type-selector/index.mjs";
 import { InjectVariableSelector, VariableSelector, VariableSelectorProvider, useVariableTree } from "./variable-selector/index.mjs";
-export { AssignRow, AssignRows, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useVariableTree };
+export { AssignRow, AssignRows, BaseCodeEditor, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionPresetOp, ConditionProvider, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonCodeEditor, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, PythonCodeEditor, SQLCodeEditor, SQLEditorWithVariables, ShellCodeEditor, TypeScriptCodeEditor, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useCondition, useConditionContext, useVariableTree };

package/dist/esm/components/json-editor-with-variables/editor.mjs

@@ -2,9 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { I18n } from "@flowgram.ai/editor";
 import { transformerCreator } from "@flowgram.ai/coze-editor/preset-code";
-import { CodeEditor } from "../code-editor/index.mjs";
-import { VariableTree } from "./extensions/variable-tree.mjs";
-import { VariableTagInject } from "./extensions/variable-tag.mjs";
+import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
+import { JsonCodeEditor } from "../code-editor/index.mjs";
+const TRIGGER_CHARACTERS = [
+    '@'
+];
 function findAllMatches(inputString, regex) {
     const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : regex.flags + 'g');
     let match;
@@ -30,8 +32,7 @@ const transformer = transformerCreator((text)=>{
     return text;
 });
 function JsonEditorWithVariables(props) {
-    return /*#__PURE__*/ jsxs(CodeEditor, {
-        languageId: "json",
+    return /*#__PURE__*/ jsxs(JsonCodeEditor, {
         activeLinePlaceholder: I18n.t("Press '@' to Select variable"),
         ...props,
         options: {
@@ -39,8 +40,10 @@ function JsonEditorWithVariables(props) {
             ...props.options || {}
         },
         children: [
-            /*#__PURE__*/ jsx(VariableTree, {}),
-            /*#__PURE__*/ jsx(VariableTagInject, {})
+            /*#__PURE__*/ jsx(EditorVariableTree, {
+                triggerCharacters: TRIGGER_CHARACTERS
+            }),
+            /*#__PURE__*/ jsx(EditorVariableTagInject, {})
         ]
     });
 }

package/dist/esm/components/prompt-editor-with-inputs/editor.mjs

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { PromptEditor } from "../prompt-editor/index.mjs";
-import { InputsTree } from "./extensions/inputs-tree.mjs";
+import { EditorInputsTree } from "../coze-editor-extensions/index.mjs";
 function PromptEditorWithInputs({ inputsValues, ...restProps }) {
     return /*#__PURE__*/ jsx(PromptEditor, {
         ...restProps,
-        children: /*#__PURE__*/ jsx(InputsTree, {
+        children: /*#__PURE__*/ jsx(EditorInputsTree, {
             inputsValues: inputsValues
         })
     });

package/dist/esm/components/prompt-editor-with-variables/editor.mjs

@@ -1,14 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { PromptEditor } from "../prompt-editor/index.mjs";
-import { VariableTree } from "./extensions/variable-tree.mjs";
-import { VariableTagInject } from "./extensions/variable-tag.mjs";
+import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
 function PromptEditorWithVariables(props) {
     return /*#__PURE__*/ jsxs(PromptEditor, {
         ...props,
         children: [
-            /*#__PURE__*/ jsx(VariableTree, {}),
-            /*#__PURE__*/ jsx(VariableTagInject, {})
+            /*#__PURE__*/ jsx(EditorVariableTree, {}),
+            /*#__PURE__*/ jsx(EditorVariableTagInject, {})
         ]
     });
 }

package/dist/esm/components/sql-editor-with-variables/editor.mjs

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { I18n } from "@flowgram.ai/editor";
+import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
+import { SQLCodeEditor } from "../code-editor/index.mjs";
+function SQLEditorWithVariables(props) {
+    return /*#__PURE__*/ jsxs(SQLCodeEditor, {
+        activeLinePlaceholder: I18n.t("Press '@' to Select variable"),
+        ...props,
+        options: {
+            ...props.options || {}
+        },
+        children: [
+            /*#__PURE__*/ jsx(EditorVariableTree, {}),
+            /*#__PURE__*/ jsx(EditorVariableTagInject, {})
+        ]
+    });
+}
+export { SQLEditorWithVariables };

package/dist/esm/components/sql-editor-with-variables/index.mjs

@@ -0,0 +1,5 @@
+import { lazySuspense } from "../../shared/index.mjs";
+const SQLEditorWithVariables = lazySuspense(()=>import("./editor.mjs").then((module)=>({
+            default: module.SQLEditorWithVariables
+        })));
+export { SQLEditorWithVariables };

package/dist/esm/components/type-selector/index.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { useTypeManager } from "@flowgram.ai/json-schema";
 import { Cascader, Icon, IconButton } from "@douyinfe/semi-ui";
 import { createInjectMaterial } from "../../shared/inject-material/index.mjs";
-import { useTypeManager } from "../../plugins/index.mjs";
 const labelStyle = {
     display: 'flex',
     alignItems: 'center',

package/dist/esm/components/variable-selector/use-variable-tree.mjs

@@ -1,9 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
+import { JsonSchemaUtils, useTypeManager } from "@flowgram.ai/json-schema";
 import { ASTMatch, useAvailableVariables } from "@flowgram.ai/editor";
 import { Icon } from "@douyinfe/semi-ui";
-import { useTypeManager } from "../../plugins/index.mjs";
 function useVariableTree(params) {
     const { includeSchema, excludeSchema, skipVariable } = params;
     const typeManager = useTypeManager();

package/dist/esm/effects/provide-batch-input/index.mjs

@@ -1,11 +1,11 @@
-import { ASTFactory, createEffectFromVariableProvider, getNodeForm } from "@flowgram.ai/editor";
+import { ASTFactory, createEffectFromVariableProvider } from "@flowgram.ai/editor";
 const provideBatchInputEffect = createEffectFromVariableProvider({
     private: true,
     parse: (value, ctx)=>[
             ASTFactory.createVariableDeclaration({
                 key: `${ctx.node.id}_locals`,
                 meta: {
-                    title: getNodeForm(ctx.node)?.getValueIn('title'),
+                    title: ctx.node.form?.getValueIn('title'),
                     icon: ctx.node.getNodeRegistry().info?.icon
                 },
                 type: ASTFactory.createObject({

package/dist/esm/effects/provide-json-schema-outputs/index.mjs

@@ -1,11 +1,11 @@
 import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
-import { ASTFactory, createEffectFromVariableProvider, getNodeForm } from "@flowgram.ai/editor";
+import { ASTFactory, createEffectFromVariableProvider } from "@flowgram.ai/editor";
 const provideJsonSchemaOutputs = createEffectFromVariableProvider({
     parse: (value, ctx)=>[
             ASTFactory.createVariableDeclaration({
                 key: `${ctx.node.id}`,
                 meta: {
-                    title: getNodeForm(ctx.node)?.getValueIn('title') || ctx.node.id,
+                    title: ctx.node.form?.getValueIn('title') || ctx.node.id,
                     icon: ctx.node.getNodeRegistry().info?.icon
                 },
                 type: JsonSchemaUtils.schemaToAST(value)

package/dist/esm/form-plugins/batch-outputs-plugin/index.mjs

@@ -1,10 +1,12 @@
-import { ASTFactory, FlowNodeScopeType, ScopeChainTransformService, createEffectFromVariableProvider, defineFormPluginCreator, getNodeForm, getNodePrivateScope, getNodeScope } from "@flowgram.ai/editor";
+import { set } from "lodash-es";
+import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
+import { ASTFactory, FlowNodeScopeType, ScopeChainTransformService, createEffectFromVariableProvider, defineFormPluginCreator, getNodePrivateScope, getNodeScope } from "@flowgram.ai/editor";
 const provideBatchOutputsEffect = createEffectFromVariableProvider({
     parse: (value, ctx)=>[
             ASTFactory.createVariableDeclaration({
                 key: `${ctx.node.id}`,
                 meta: {
-                    title: getNodeForm(ctx.node)?.getValueIn('title'),
+                    title: ctx.node.form?.getValueIn('title'),
                     icon: ctx.node.getNodeRegistry().info?.icon
                 },
                 type: ASTFactory.createObject({
@@ -22,10 +24,15 @@ const provideBatchOutputsEffect = createEffectFromVariableProvider({
 });
 const createBatchOutputsFormPlugin = defineFormPluginCreator({
     name: 'batch-outputs-plugin',
-    onSetupFormMeta ({ mergeEffect }, { outputKey }) {
+    onSetupFormMeta ({ mergeEffect, addFormatOnSubmit }, { outputKey, inferTargetKey }) {
         mergeEffect({
             [outputKey]: provideBatchOutputsEffect
         });
+        if (inferTargetKey) addFormatOnSubmit((formData, ctx)=>{
+            const outputVariable = getNodeScope(ctx.node).output.variables?.[0];
+            if (outputVariable?.type) set(formData, inferTargetKey, JsonSchemaUtils.astToSchema(outputVariable?.type));
+            return formData;
+        });
     },
     onInit (ctx, { outputKey }) {
         const chainTransformService = ctx.node.getService(ScopeChainTransformService);

package/dist/esm/form-plugins/infer-assign-plugin/index.mjs

@@ -1,6 +1,6 @@
 import { set, uniqBy } from "lodash-es";
 import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
-import { ASTFactory, createEffectFromVariableProvider, defineFormPluginCreator, getNodeForm, getNodeScope } from "@flowgram.ai/editor";
+import { ASTFactory, createEffectFromVariableProvider, defineFormPluginCreator, getNodeScope } from "@flowgram.ai/editor";
 const createInferAssignPlugin = defineFormPluginCreator({
     onSetupFormMeta ({ addFormatOnSubmit, mergeEffect }, { assignKey, outputKey }) {
         if (!assignKey || !outputKey) return;
@@ -12,7 +12,7 @@ const createInferAssignPlugin = defineFormPluginCreator({
                         ASTFactory.createVariableDeclaration({
                             key: `${ctx.node.id}`,
                             meta: {
-                                title: getNodeForm(ctx.node)?.getValueIn('title'),
+                                title: ctx.node.form?.getValueIn('title'),
                                 icon: ctx.node.getNodeRegistry().info?.icon
                             },
                             type: ASTFactory.createObject({

package/dist/esm/form-plugins/infer-inputs-plugin/index.mjs

@@ -1,11 +1,38 @@
-import { get, set } from "lodash-es";
+import { get, omit, set } from "lodash-es";
+import { Immer } from "immer";
 import { defineFormPluginCreator, getNodePrivateScope, getNodeScope } from "@flowgram.ai/editor";
 import { FlowValueUtils } from "../../shared/index.mjs";
+const { produce } = new Immer({
+    autoFreeze: false
+});
 const createInferInputsPlugin = defineFormPluginCreator({
-    onSetupFormMeta ({ addFormatOnSubmit }, { sourceKey, targetKey, scope }) {
+    onSetupFormMeta ({ addFormatOnSubmit, addFormatOnInit }, { sourceKey, targetKey, scope, ignoreConstantSchema }) {
         if (!sourceKey || !targetKey) return;
-        addFormatOnSubmit((formData, ctx)=>{
-            set(formData, targetKey, FlowValueUtils.inferJsonSchema(get(formData, sourceKey), 'private' === scope ? getNodePrivateScope(ctx.node) : getNodeScope(ctx.node)));
+        addFormatOnSubmit((formData, ctx)=>produce(formData, (draft)=>{
+                const sourceData = get(formData, sourceKey);
+                set(draft, targetKey, FlowValueUtils.inferJsonSchema(sourceData, 'private' === scope ? getNodePrivateScope(ctx.node) : getNodeScope(ctx.node)));
+                if (ignoreConstantSchema) {
+                    for (const { value, path } of FlowValueUtils.traverse(sourceData, {
+                        includeTypes: [
+                            'constant'
+                        ]
+                    }))if (FlowValueUtils.isConstant(value) && value?.schema) set(formData, `${sourceKey}.${path}`, omit(value, [
+                        'schema'
+                    ]));
+                }
+            }));
+        if (ignoreConstantSchema) addFormatOnInit((formData, ctx)=>{
+            const targetSchema = get(formData, targetKey);
+            if (!targetSchema) return formData;
+            for (const { value, pathArr } of FlowValueUtils.traverse(get(formData, sourceKey), {
+                includeTypes: [
+                    'constant'
+                ]
+            }))if (FlowValueUtils.isConstant(value) && !value?.schema) {
+                const schemaPath = pathArr.map((_item)=>`properties.${_item}`).join('.');
+                const schema = get(targetSchema, schemaPath);
+                if (schema) set(value, 'schema', schema);
+            }
             return formData;
         });
     }

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
-import { AssignRow, AssignRows, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useVariableTree } from "./components/index.mjs";
+import { AssignRow, AssignRows, BaseCodeEditor, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionPresetOp, ConditionProvider, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonCodeEditor, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, PythonCodeEditor, SQLCodeEditor, SQLEditorWithVariables, ShellCodeEditor, TypeScriptCodeEditor, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, useCondition, useConditionContext, useVariableTree } from "./components/index.mjs";
 import { autoRenameRefEffect, listenRefSchemaChange, listenRefValueChange, provideBatchInputEffect, provideJsonSchemaOutputs, syncVariableTitle, validateWhenVariableSync } from "./effects/index.mjs";
 import { createBatchOutputsFormPlugin, createInferAssignPlugin, createInferInputsPlugin, provideBatchOutputsEffect } from "./form-plugins/index.mjs";
 import { useObjectList } from "./hooks/index.mjs";
 import { JsonSchemaTypePresetProvider, JsonSchemaUtils, createDisableDeclarationPlugin, createTypePresetPlugin, useTypeManager } from "./plugins/index.mjs";
 import { FlowValueUtils, createInjectMaterial, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, polyfillCreateRoot, unstableSetCreateRoot, withSuspense } from "./shared/index.mjs";
 import { validateFlowValue } from "./validate/index.mjs";
-export { AssignRow, AssignRows, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, FlowValueUtils, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, JsonSchemaTypePresetProvider, JsonSchemaUtils, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, autoRenameRefEffect, createBatchOutputsFormPlugin, createDisableDeclarationPlugin, createInferAssignPlugin, createInferInputsPlugin, createInjectMaterial, createTypePresetPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, listenRefSchemaChange, listenRefValueChange, parseTypeSelectValue, polyfillCreateRoot, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, unstableSetCreateRoot, useObjectList, useTypeManager, useVariableTree, validateFlowValue, validateWhenVariableSync, withSuspense };
+export { AssignRow, AssignRows, BaseCodeEditor, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionPresetOp, ConditionProvider, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, FlowValueUtils, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonCodeEditor, JsonEditorWithVariables, JsonSchemaEditor, JsonSchemaTypePresetProvider, JsonSchemaUtils, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, PythonCodeEditor, SQLCodeEditor, SQLEditorWithVariables, ShellCodeEditor, TypeScriptCodeEditor, TypeSelector, VariableSelector, VariableSelectorProvider, autoRenameRefEffect, createBatchOutputsFormPlugin, createDisableDeclarationPlugin, createInferAssignPlugin, createInferInputsPlugin, createInjectMaterial, createTypePresetPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, listenRefSchemaChange, listenRefValueChange, parseTypeSelectValue, polyfillCreateRoot, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, unstableSetCreateRoot, useCondition, useConditionContext, useObjectList, useTypeManager, useVariableTree, validateFlowValue, validateWhenVariableSync, withSuspense };

package/dist/esm/plugins/json-schema-preset/create-type-preset-plugin.mjs

@@ -1,6 +1,7 @@
 import { BaseTypeManager, jsonSchemaContainerModule } from "@flowgram.ai/json-schema";
 import { definePluginCreator } from "@flowgram.ai/editor";
-import { jsonSchemaTypePreset } from "./type-definition/index.mjs";
+import { initRegistries, jsonSchemaTypePreset } from "./type-definition/index.mjs";
+initRegistries();
 const createTypePresetPlugin = definePluginCreator({
     onInit (ctx, opts) {
         const typeManager = ctx.get(BaseTypeManager);

package/dist/esm/plugins/json-schema-preset/index.mjs

@@ -1,14 +1,4 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
-import { JsonSchemaUtils, TypePresetProvider, useTypeManager } from "@flowgram.ai/json-schema";
-import { jsonSchemaTypePreset } from "./type-definition/index.mjs";
+import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
+import { JsonSchemaTypePresetProvider, useTypeManager } from "./react.mjs";
 import { createTypePresetPlugin } from "./create-type-preset-plugin.mjs";
-const json_schema_preset_useTypeManager = ()=>useTypeManager();
-const JsonSchemaTypePresetProvider = ({ types = [], children })=>/*#__PURE__*/ jsx(TypePresetProvider, {
-        types: [
-            ...jsonSchemaTypePreset,
-            ...types
-        ],
-        children: children
-    });
-export { JsonSchemaTypePresetProvider, JsonSchemaUtils, createTypePresetPlugin, json_schema_preset_useTypeManager as useTypeManager };
+export { JsonSchemaTypePresetProvider, JsonSchemaUtils, createTypePresetPlugin, useTypeManager };

package/dist/esm/plugins/json-schema-preset/react.mjs

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { TypePresetProvider, useTypeManager } from "@flowgram.ai/json-schema";
+import { initRegistries, jsonSchemaTypePreset } from "./type-definition/index.mjs";
+initRegistries();
+const react_useTypeManager = ()=>useTypeManager();
+const JsonSchemaTypePresetProvider = ({ types = [], children })=>/*#__PURE__*/ jsx(TypePresetProvider, {
+        types: [
+            ...jsonSchemaTypePreset,
+            ...types
+        ],
+        children: children
+    });
+export { JsonSchemaTypePresetProvider, react_useTypeManager as useTypeManager };

package/dist/esm/plugins/json-schema-preset/type-definition/array.mjs

@@ -1,15 +1,44 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { I18n } from "@flowgram.ai/editor";
-import { CodeEditorMini } from "../../../components/code-editor-mini/index.mjs";
+import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
+import { JsonCodeEditor } from "../../../components/code-editor/index.mjs";
 const arrayRegistry = {
     type: 'array',
-    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(CodeEditorMini, {
+    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(JsonCodeEditor, {
+            mini: true,
             value: props.value,
-            languageId: "json",
             onChange: (v)=>props.onChange?.(v),
             placeholder: I18n.t('Please Input Array'),
             readonly: props.readonly
-        })
+        }),
+    conditionRule: {
+        [ConditionPresetOp.IS_EMPTY]: null,
+        [ConditionPresetOp.IS_NOT_EMPTY]: null,
+        [ConditionPresetOp.CONTAINS]: {
+            type: 'array',
+            extra: {
+                weak: true
+            }
+        },
+        [ConditionPresetOp.NOT_CONTAINS]: {
+            type: 'array',
+            extra: {
+                weak: true
+            }
+        },
+        [ConditionPresetOp.EQ]: {
+            type: 'array',
+            extra: {
+                weak: true
+            }
+        },
+        [ConditionPresetOp.NEQ]: {
+            type: 'array',
+            extra: {
+                weak: true
+            }
+        }
+    }
 };
 export { arrayRegistry };

package/dist/esm/plugins/json-schema-preset/type-definition/boolean.mjs

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { I18n } from "@flowgram.ai/editor";
 import { Select } from "@douyinfe/semi-ui";
+import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
 const booleanRegistry = {
     type: 'boolean',
     ConstantRenderer: (props)=>{
@@ -24,6 +25,28 @@ const booleanRegistry = {
             onChange: (value)=>onChange?.(!!value),
             ...rest
         });
+    },
+    conditionRule: {
+        [ConditionPresetOp.EQ]: {
+            type: 'boolean'
+        },
+        [ConditionPresetOp.NEQ]: {
+            type: 'boolean'
+        },
+        [ConditionPresetOp.IS_TRUE]: null,
+        [ConditionPresetOp.IS_FALSE]: null,
+        [ConditionPresetOp.IN]: {
+            type: 'array',
+            items: {
+                type: 'boolean'
+            }
+        },
+        [ConditionPresetOp.NIN]: {
+            type: 'array',
+            items: {
+                type: 'boolean'
+            }
+        }
     }
 };
 export { booleanRegistry };