@flowgram.ai/form-materials 0.4.10 → 0.4.12

package/dist/esm/components/coze-editor-extensions/extensions/inputs-tree.mjs

@@ -0,0 +1,135 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { isPlainObject, last } from "lodash-es";
+import { ASTMatch, useScopeAvailable } from "@flowgram.ai/editor";
+import { Mention, PositionMirror, getCurrentMentionReplaceRange, useEditor } from "@flowgram.ai/coze-editor/react";
+import { Popover, Tree } from "@douyinfe/semi-ui";
+import { FlowValueUtils } from "../../../shared/index.mjs";
+function InputsPicker({ inputsValues, onSelect }) {
+    const available = useScopeAvailable();
+    const getArrayDrilldown = (type, depth = 1)=>{
+        if (ASTMatch.isArray(type.items)) return getArrayDrilldown(type.items, depth + 1);
+        return {
+            type: type.items,
+            depth: depth
+        };
+    };
+    const renderVariable = (variable, keyPath)=>{
+        let type = variable?.type;
+        let children;
+        if (ASTMatch.isObject(type)) children = (type.properties || []).map((_property)=>renderVariable(_property, [
+                ...keyPath,
+                _property.key
+            ])).filter(Boolean);
+        if (ASTMatch.isArray(type)) {
+            const drilldown = getArrayDrilldown(type);
+            if (ASTMatch.isObject(drilldown.type)) children = (drilldown.type.properties || []).map((_property)=>renderVariable(_property, [
+                    ...keyPath,
+                    ...new Array(drilldown.depth).fill('[0]'),
+                    _property.key
+                ])).filter(Boolean);
+        }
+        const key = keyPath.map((_key, idx)=>'[0]' === _key || 0 === idx ? _key : `.${_key}`).join('');
+        return {
+            key: key,
+            label: last(keyPath),
+            value: key,
+            children
+        };
+    };
+    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, keyPath);
+            }
+            return {
+                key: currKey,
+                value: currKey,
+                label: last(keyPath)
+            };
+        }
+        if (isPlainObject(value)) return {
+            key: currKey,
+            value: currKey,
+            label: last(keyPath),
+            children: Object.entries(value).map(([key, value])=>getTreeData(value, [
+                    ...keyPath,
+                    key
+                ])).filter(Boolean)
+        };
+    };
+    const treeData = useMemo(()=>Object.entries(inputsValues).map(([key, value])=>getTreeData(value, [
+                key
+            ])).filter(Boolean), []);
+    return /*#__PURE__*/ jsx(Tree, {
+        treeData: treeData,
+        onSelect: (v)=>onSelect(v)
+    });
+}
+const DEFAULT_TRIGGER_CHARACTERS = [
+    '{',
+    '{}',
+    '@'
+];
+function InputsTree({ inputsValues, triggerCharacters = DEFAULT_TRIGGER_CHARACTERS }) {
+    const [posKey, setPosKey] = useState('');
+    const [visible, setVisible] = useState(false);
+    const [position, setPosition] = useState(-1);
+    const editor = useEditor();
+    function insert(variablePath) {
+        const range = getCurrentMentionReplaceRange(editor.$view.state);
+        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 + '}}'
+        });
+        setVisible(false);
+    }
+    function handleOpenChange(e) {
+        setPosition(e.state.selection.main.head);
+        setVisible(e.value);
+    }
+    useEffect(()=>{
+        if (!editor) return;
+    }, [
+        editor,
+        visible
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Mention, {
+                triggerCharacters: triggerCharacters,
+                onOpenChange: handleOpenChange
+            }),
+            /*#__PURE__*/ jsx(Popover, {
+                visible: visible,
+                trigger: "custom",
+                position: "topLeft",
+                rePosKey: posKey,
+                content: /*#__PURE__*/ jsx("div", {
+                    style: {
+                        width: 300,
+                        maxHeight: 300,
+                        overflowY: 'auto'
+                    },
+                    children: /*#__PURE__*/ jsx(InputsPicker, {
+                        inputsValues: inputsValues,
+                        onSelect: (v)=>{
+                            insert(v);
+                        }
+                    })
+                }),
+                children: /*#__PURE__*/ jsx(PositionMirror, {
+                    position: position,
+                    onChange: ()=>setPosKey(String(Math.random()))
+                })
+            })
+        ]
+    });
+}
+export { InputsPicker, InputsTree };

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,7 +50,9 @@ function VariableTree() {
                 rePosKey: posKey,
                 content: /*#__PURE__*/ jsx("div", {
                     style: {
-                        width: 300
+                        width: 300,
+                        maxHeight: 300,
+                        overflowY: 'auto'
                     },
                     children: /*#__PURE__*/ jsx(Tree, {
                         treeData: treeData,

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/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

@@ -7,6 +7,7 @@ import { CodeEditor } from "./code-editor/index.mjs";
 import { CodeEditorMini } from "./code-editor-mini/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";
@@ -23,4 +24,4 @@ import { PromptEditorWithInputs } from "./prompt-editor-with-inputs/index.mjs";
 import { PromptEditorWithVariables } from "./prompt-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, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, 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 { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
 import { CodeEditor } from "../code-editor/index.mjs";
-import { VariableTree } from "./extensions/variable-tree.mjs";
-import { VariableTagInject } from "./extensions/variable-tag.mjs";
+const TRIGGER_CHARACTERS = [
+    '@'
+];
 function findAllMatches(inputString, regex) {
     const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : regex.flags + 'g');
     let match;
@@ -39,8 +41,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/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/index.mjs

@@ -34,6 +34,7 @@ const VariableSelector = ({ value, config = {}, onChange, style, readonly = fals
         });
         return icon;
     };
+    console.log('debugger treeValue', treeValue);
     return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsx(UITreeSelect, {
             dropdownMatchSelectWidth: false,

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/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, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, InjectDynamicValueInput, InjectTypeSelector, InjectVariableSelector, InputsValues, InputsValuesTree, JsonEditorWithVariables, JsonSchemaEditor, PromptEditor, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, VariableSelectorProvider, getTypeSelectValue, parseTypeSelectValue, 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, BatchOutputs, BatchVariableSelector, BlurInput, CodeEditor, CodeEditorMini, ConditionRow, ConstantInput, DBConditionRow, DisplayFlowValue, DisplayInputsValueAllInTag, DisplayInputsValues, DisplayOutputs, DisplaySchemaTag, DisplaySchemaTree, DynamicValueInput, EditorInputsTree, EditorVariableTagInject, EditorVariableTree, 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 };

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,13 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { TypePresetProvider, useTypeManager } from "@flowgram.ai/json-schema";
+import { jsonSchemaTypePreset } from "./type-definition/index.mjs";
+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/shared/inject-material/index.mjs

@@ -1,13 +1,13 @@
 import react from "react";
 import { FlowRendererComponentType, FlowRendererRegistry, usePlaygroundContainer } from "@flowgram.ai/editor";
 function createInjectMaterial(Component, params) {
+    const renderKey = params?.renderKey || Component.renderKey || Component.name || '';
     const InjectComponent = (props)=>{
         const container = usePlaygroundContainer();
         if (!container?.isBound(FlowRendererRegistry)) return /*#__PURE__*/ react.createElement(Component, {
             ...props
         });
         const rendererRegistry = container.get(FlowRendererRegistry);
-        const renderKey = params?.renderKey || Component.renderKey || Component.name || '';
         const renderer = rendererRegistry.tryToGetRendererComponent(renderKey);
         if (renderer?.type !== FlowRendererComponentType.REACT) return /*#__PURE__*/ react.createElement(Component, {
             ...props
@@ -16,6 +16,7 @@ function createInjectMaterial(Component, params) {
             ...props
         });
     };
+    InjectComponent.renderKey = renderKey;
     return InjectComponent;
 }
 export { createInjectMaterial };

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/components/index.ts","../src/components/assign-row/index.tsx","../src/components/assign-row/types.ts","../src/components/assign-rows/index.tsx","../src/components/batch-outputs/index.tsx","../src/components/batch-outputs/styles.tsx","../src/components/batch-outputs/types.ts","../src/components/batch-variable-selector/index.tsx","../src/components/blur-input/index.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/index.tsx","../src/components/code-editor/init-worker.ts","../src/components/code-editor/language-features.ts","../src/components/code-editor/utils.ts","../src/components/code-editor/theme/dark.ts","../src/components/code-editor/theme/index.ts","../src/components/code-editor/theme/light.ts","../src/components/code-editor-mini/index.tsx","../src/components/condition-row/constants.ts","../src/components/condition-row/index.tsx","../src/components/condition-row/styles.tsx","../src/components/condition-row/types.ts","../src/components/condition-row/hooks/useOp.tsx","../src/components/condition-row/hooks/useRule.ts","../src/components/constant-input/index.tsx","../src/components/constant-input/types.ts","../src/components/db-condition-row/index.tsx","../src/components/db-condition-row/styles.tsx","../src/components/db-condition-row/types.ts","../src/components/db-condition-row/hooks/use-left.tsx","../src/components/db-condition-row/hooks/use-op.tsx","../src/components/display-flow-value/index.tsx","../src/components/display-inputs-values/index.tsx","../src/components/display-inputs-values/styles.ts","../src/components/display-outputs/index.tsx","../src/components/display-outputs/styles.ts","../src/components/display-schema-tag/index.tsx","../src/components/display-schema-tag/styles.ts","../src/components/display-schema-tree/index.tsx","../src/components/display-schema-tree/styles.tsx","../src/components/dynamic-value-input/hooks.ts","../src/components/dynamic-value-input/index.tsx","../src/components/dynamic-value-input/styles.tsx","../src/components/inputs-values/index.tsx","../src/components/inputs-values/styles.tsx","../src/components/inputs-values/types.ts","../src/components/inputs-values-tree/index.tsx","../src/components/inputs-values-tree/row.tsx","../src/components/inputs-values-tree/styles.tsx","../src/components/inputs-values-tree/types.ts","../src/components/inputs-values-tree/hooks/use-child-list.tsx","../src/components/json-editor-with-variables/editor.tsx","../src/components/json-editor-with-variables/index.tsx","../src/components/json-editor-with-variables/styles.tsx","../src/components/json-editor-with-variables/extensions/variable-tag.tsx","../src/components/json-editor-with-variables/extensions/variable-tree.tsx","../src/components/json-schema-editor/default-value.tsx","../src/components/json-schema-editor/hooks.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/styles.tsx","../src/components/json-schema-editor/types.ts","../src/components/prompt-editor/editor.tsx","../src/components/prompt-editor/index.tsx","../src/components/prompt-editor/styles.tsx","../src/components/prompt-editor/types.tsx","../src/components/prompt-editor/extensions/jinja.tsx","../src/components/prompt-editor/extensions/language-support.tsx","../src/components/prompt-editor/extensions/markdown.tsx","../src/components/prompt-editor-with-inputs/editor.tsx","../src/components/prompt-editor-with-inputs/index.tsx","../src/components/prompt-editor-with-inputs/inputs-picker.tsx","../src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx","../src/components/prompt-editor-with-variables/editor.tsx","../src/components/prompt-editor-with-variables/index.tsx","../src/components/prompt-editor-with-variables/styles.tsx","../src/components/prompt-editor-with-variables/extensions/variable-tag.tsx","../src/components/prompt-editor-with-variables/extensions/variable-tree.tsx","../src/components/type-selector/index.tsx","../src/components/variable-selector/context.tsx","../src/components/variable-selector/index.tsx","../src/components/variable-selector/styles.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/effects/index.ts","../src/effects/auto-rename-ref/index.ts","../src/effects/listen-ref-schema-change/index.ts","../src/effects/listen-ref-value-change/index.ts","../src/effects/provide-batch-input/index.ts","../src/effects/provide-json-schema-outputs/index.ts","../src/effects/sync-variable-title/index.ts","../src/effects/validate-when-variable-sync/index.ts","../src/form-plugins/index.ts","../src/form-plugins/batch-outputs-plugin/index.ts","../src/form-plugins/infer-assign-plugin/index.ts","../src/form-plugins/infer-inputs-plugin/index.ts","../src/hooks/index.ts","../src/hooks/use-object-list/index.tsx","../src/plugins/index.ts","../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../src/plugins/disable-declaration-plugin/index.tsx","../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../src/plugins/json-schema-preset/index.tsx","../src/plugins/json-schema-preset/manager.ts","../src/plugins/json-schema-preset/type-definition/array.tsx","../src/plugins/json-schema-preset/type-definition/boolean.tsx","../src/plugins/json-schema-preset/type-definition/date-time.tsx","../src/plugins/json-schema-preset/type-definition/index.tsx","../src/plugins/json-schema-preset/type-definition/integer.tsx","../src/plugins/json-schema-preset/type-definition/number.tsx","../src/plugins/json-schema-preset/type-definition/object.tsx","../src/plugins/json-schema-preset/type-definition/string.tsx","../src/shared/index.ts","../src/shared/flow-value/index.ts","../src/shared/flow-value/schema.ts","../src/shared/flow-value/types.ts","../src/shared/flow-value/utils.ts","../src/shared/format-legacy-refs/index.ts","../src/shared/inject-material/index.tsx","../src/shared/lazy-suspense/index.tsx","../src/shared/polyfill-create-root/index.tsx","../src/validate/index.ts","../src/validate/validate-flow-value/index.tsx"],"version":"5.8.3"}
+{"root":["../src/index.ts","../src/components/index.ts","../src/components/assign-row/index.tsx","../src/components/assign-row/types.ts","../src/components/assign-rows/index.tsx","../src/components/batch-outputs/index.tsx","../src/components/batch-outputs/styles.tsx","../src/components/batch-outputs/types.ts","../src/components/batch-variable-selector/index.tsx","../src/components/blur-input/index.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/index.tsx","../src/components/code-editor/init-worker.ts","../src/components/code-editor/language-features.ts","../src/components/code-editor/utils.ts","../src/components/code-editor/theme/dark.ts","../src/components/code-editor/theme/index.ts","../src/components/code-editor/theme/light.ts","../src/components/code-editor-mini/index.tsx","../src/components/condition-row/constants.ts","../src/components/condition-row/index.tsx","../src/components/condition-row/styles.tsx","../src/components/condition-row/types.ts","../src/components/condition-row/hooks/useOp.tsx","../src/components/condition-row/hooks/useRule.ts","../src/components/constant-input/index.tsx","../src/components/constant-input/types.ts","../src/components/coze-editor-extensions/index.tsx","../src/components/coze-editor-extensions/styles.tsx","../src/components/coze-editor-extensions/extensions/inputs-tree.tsx","../src/components/coze-editor-extensions/extensions/variable-tag.tsx","../src/components/coze-editor-extensions/extensions/variable-tree.tsx","../src/components/db-condition-row/index.tsx","../src/components/db-condition-row/styles.tsx","../src/components/db-condition-row/types.ts","../src/components/db-condition-row/hooks/use-left.tsx","../src/components/db-condition-row/hooks/use-op.tsx","../src/components/display-flow-value/index.tsx","../src/components/display-inputs-values/index.tsx","../src/components/display-inputs-values/styles.ts","../src/components/display-outputs/index.tsx","../src/components/display-outputs/styles.ts","../src/components/display-schema-tag/index.tsx","../src/components/display-schema-tag/styles.ts","../src/components/display-schema-tree/index.tsx","../src/components/display-schema-tree/styles.tsx","../src/components/dynamic-value-input/hooks.ts","../src/components/dynamic-value-input/index.tsx","../src/components/dynamic-value-input/styles.tsx","../src/components/inputs-values/index.tsx","../src/components/inputs-values/styles.tsx","../src/components/inputs-values/types.ts","../src/components/inputs-values-tree/index.tsx","../src/components/inputs-values-tree/row.tsx","../src/components/inputs-values-tree/styles.tsx","../src/components/inputs-values-tree/types.ts","../src/components/inputs-values-tree/hooks/use-child-list.tsx","../src/components/json-editor-with-variables/editor.tsx","../src/components/json-editor-with-variables/index.tsx","../src/components/json-schema-editor/default-value.tsx","../src/components/json-schema-editor/hooks.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/styles.tsx","../src/components/json-schema-editor/types.ts","../src/components/prompt-editor/editor.tsx","../src/components/prompt-editor/index.tsx","../src/components/prompt-editor/styles.tsx","../src/components/prompt-editor/types.tsx","../src/components/prompt-editor/extensions/jinja.tsx","../src/components/prompt-editor/extensions/language-support.tsx","../src/components/prompt-editor/extensions/markdown.tsx","../src/components/prompt-editor-with-inputs/editor.tsx","../src/components/prompt-editor-with-inputs/index.tsx","../src/components/prompt-editor-with-variables/editor.tsx","../src/components/prompt-editor-with-variables/index.tsx","../src/components/type-selector/index.tsx","../src/components/variable-selector/context.tsx","../src/components/variable-selector/index.tsx","../src/components/variable-selector/styles.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/effects/index.ts","../src/effects/auto-rename-ref/index.ts","../src/effects/listen-ref-schema-change/index.ts","../src/effects/listen-ref-value-change/index.ts","../src/effects/provide-batch-input/index.ts","../src/effects/provide-json-schema-outputs/index.ts","../src/effects/sync-variable-title/index.ts","../src/effects/validate-when-variable-sync/index.ts","../src/form-plugins/index.ts","../src/form-plugins/batch-outputs-plugin/index.ts","../src/form-plugins/infer-assign-plugin/index.ts","../src/form-plugins/infer-inputs-plugin/index.ts","../src/hooks/index.ts","../src/hooks/use-object-list/index.tsx","../src/plugins/index.ts","../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../src/plugins/disable-declaration-plugin/index.tsx","../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../src/plugins/json-schema-preset/index.tsx","../src/plugins/json-schema-preset/manager.ts","../src/plugins/json-schema-preset/react.tsx","../src/plugins/json-schema-preset/type-definition/array.tsx","../src/plugins/json-schema-preset/type-definition/boolean.tsx","../src/plugins/json-schema-preset/type-definition/date-time.tsx","../src/plugins/json-schema-preset/type-definition/index.tsx","../src/plugins/json-schema-preset/type-definition/integer.tsx","../src/plugins/json-schema-preset/type-definition/number.tsx","../src/plugins/json-schema-preset/type-definition/object.tsx","../src/plugins/json-schema-preset/type-definition/string.tsx","../src/shared/index.ts","../src/shared/flow-value/index.ts","../src/shared/flow-value/schema.ts","../src/shared/flow-value/types.ts","../src/shared/flow-value/utils.ts","../src/shared/format-legacy-refs/index.ts","../src/shared/inject-material/index.tsx","../src/shared/lazy-suspense/index.tsx","../src/shared/polyfill-create-root/index.tsx","../src/validate/index.ts","../src/validate/validate-flow-value/index.tsx"],"version":"5.8.3"}

package/dist/types/components/blur-input/index.d.ts

@@ -1,7 +1,13 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
 /**
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
-import { InputProps } from '@douyinfe/semi-ui/lib/es/input';
+import { Input } from '@douyinfe/semi-ui';
+type InputProps = React.ComponentPropsWithoutRef<typeof Input>;
 export declare function BlurInput(props: InputProps): React.JSX.Element;
+export {};

package/dist/types/components/{prompt-editor-with-inputs/inputs-picker.d.ts → coze-editor-extensions/extensions/inputs-tree.d.ts}

@@ -3,7 +3,12 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
+import { IFlowValue } from '../../../shared';
 export declare function InputsPicker({ inputsValues, onSelect, }: {
     inputsValues: any;
     onSelect: (v: string) => void;
 }): React.JSX.Element;
+export declare function InputsTree({ inputsValues, triggerCharacters, }: {
+    inputsValues: Record<string, IFlowValue>;
+    triggerCharacters?: string[];
+}): React.JSX.Element;

package/dist/types/components/{prompt-editor-with-variables → coze-editor-extensions}/extensions/variable-tree.d.ts

@@ -3,4 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
-export declare function VariableTree(): React.JSX.Element;
+export declare function VariableTree({ triggerCharacters, }: {
+    triggerCharacters?: string[];
+}): React.JSX.Element;

package/dist/types/components/coze-editor-extensions/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export declare const EditorVariableTree: import("react").FC<{
+    triggerCharacters?: string[];
+}> & {
+    renderKey?: string;
+};
+export declare const EditorVariableTagInject: import("react").FC<unknown> & {
+    renderKey?: string;
+};
+export declare const EditorInputsTree: import("react").FC<{
+    inputsValues: Record<string, import("../../shared").IFlowValue>;
+    triggerCharacters?: string[];
+}> & {
+    renderKey?: string;
+};

package/dist/types/components/display-schema-tree/index.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
-import { IJsonSchema, JsonSchemaTypeManager } from '@flowgram.ai/json-schema';
+import { type IJsonSchema, type JsonSchemaTypeManager } from '@flowgram.ai/json-schema';
 interface PropsType {
     value?: IJsonSchema;
     parentKey?: string;

package/dist/types/components/dynamic-value-input/index.d.ts

@@ -23,5 +23,7 @@ export declare function DynamicValueInput({ value, onChange, readonly, style, sc
 export declare namespace DynamicValueInput {
     var renderKey: string;
 }
-export declare const InjectDynamicValueInput: React.FC<PropsType>;
+export declare const InjectDynamicValueInput: React.FC<PropsType> & {
+    renderKey?: string;
+};
 export {};

package/dist/types/components/index.d.ts

@@ -11,6 +11,7 @@ export { CodeEditor, type CodeEditorPropsType } from './code-editor';
 export { CodeEditorMini } from './code-editor-mini';
 export { ConditionRow, type ConditionRowValueType } from './condition-row';
 export { ConstantInput, type ConstantInputStrategy } from './constant-input';
+export { EditorVariableTagInject, EditorVariableTree, EditorInputsTree, } from './coze-editor-extensions';
 export { DBConditionRow, type DBConditionOptionType, type DBConditionRowValueType, } from './db-condition-row';
 export { DisplayFlowValue } from './display-flow-value';
 export { DisplayInputsValueAllInTag, DisplayInputsValues } from './display-inputs-values';

package/dist/types/components/type-selector/index.d.ts

@@ -20,4 +20,6 @@ export declare function TypeSelector(props: TypeSelectorProps): React.JSX.Elemen
 export declare namespace TypeSelector {
     var renderKey: string;
 }
-export declare const InjectTypeSelector: React.FC<TypeSelectorProps>;
+export declare const InjectTypeSelector: React.FC<TypeSelectorProps> & {
+    renderKey?: string;
+};

package/dist/types/components/variable-selector/index.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { IJsonSchema } from '@flowgram.ai/json-schema';
-import { TriggerRenderProps } from '@douyinfe/semi-ui/lib/es/treeSelect';
+import { type TriggerRenderProps } from '@douyinfe/semi-ui/lib/es/treeSelect';
 import { useVariableTree } from './use-variable-tree';
 export interface VariableSelectorProps {
     value?: string[];
@@ -25,5 +25,7 @@ export declare const VariableSelector: {
     ({ value, config, onChange, style, readonly, includeSchema, excludeSchema, hasError, triggerRender, }: VariableSelectorProps): React.JSX.Element;
     renderKey: string;
 };
-export declare const InjectVariableSelector: React.FC<VariableSelectorProps>;
+export declare const InjectVariableSelector: React.FC<VariableSelectorProps> & {
+    renderKey?: string;
+};
 export { VariableSelectorProvider } from './context';

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-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, type AssignValueType, type CodeEditorPropsType, type ConditionRowValueType, type ConstantInputStrategy, type DBConditionOptionType, type DBConditionRowValueType, type JsonEditorWithVariablesProps, type PromptEditorPropsType, type PromptEditorWithInputsProps, type PromptEditorWithVariablesProps, type TypeSelectorProps, type VariableSelectorProps, useVariableTree, } from './components';
+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, EditorVariableTagInject, EditorVariableTree, EditorInputsTree, getTypeSelectValue, parseTypeSelectValue, type AssignValueType, type CodeEditorPropsType, type ConditionRowValueType, type ConstantInputStrategy, type DBConditionOptionType, type DBConditionRowValueType, type JsonEditorWithVariablesProps, type PromptEditorPropsType, type PromptEditorWithInputsProps, type PromptEditorWithVariablesProps, type TypeSelectorProps, type VariableSelectorProps, useVariableTree, } from './components';
 export { autoRenameRefEffect, listenRefSchemaChange, listenRefValueChange, provideBatchInputEffect, provideJsonSchemaOutputs, syncVariableTitle, validateWhenVariableSync, } from './effects';
 export { createBatchOutputsFormPlugin, createInferAssignPlugin, createInferInputsPlugin, provideBatchOutputsEffect, } from './form-plugins';
 export { useObjectList } from './hooks';

package/dist/types/plugins/json-schema-preset/index.d.ts

@@ -2,12 +2,8 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import React from 'react';
-import { type IJsonSchema, JsonSchemaUtils, JsonSchemaTypeManager, type JsonSchemaBasicType } from '@flowgram.ai/json-schema';
-import { type JsonSchemaTypeRegistry, type ConstantRendererProps } from './manager';
+import { type JsonSchemaBasicType, JsonSchemaUtils, type IJsonSchema } from '@flowgram.ai/json-schema';
+import { useTypeManager, JsonSchemaTypePresetProvider } from './react';
+import { ConstantRendererProps, type JsonSchemaTypeRegistry } from './manager';
 import { createTypePresetPlugin } from './create-type-preset-plugin';
-declare const useTypeManager: () => JsonSchemaTypeManager<IJsonSchema, JsonSchemaTypeRegistry>;
-declare const JsonSchemaTypePresetProvider: ({ types, children, }: React.PropsWithChildren<{
-    types: JsonSchemaTypeRegistry[];
-}>) => React.JSX.Element;
 export { createTypePresetPlugin, useTypeManager, JsonSchemaTypePresetProvider, JsonSchemaUtils, type IJsonSchema, type JsonSchemaTypeRegistry, type ConstantRendererProps, type JsonSchemaBasicType, };

package/dist/types/plugins/json-schema-preset/react.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+import { type IJsonSchema, JsonSchemaTypeManager } from '@flowgram.ai/json-schema';
+import { type JsonSchemaTypeRegistry } from './manager';
+export declare const useTypeManager: () => JsonSchemaTypeManager<IJsonSchema, JsonSchemaTypeRegistry>;
+export declare const JsonSchemaTypePresetProvider: ({ types, children, }: React.PropsWithChildren<{
+    types: JsonSchemaTypeRegistry[];
+}>) => React.JSX.Element;

package/dist/types/shared/inject-material/index.d.ts

@@ -3,6 +3,9 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
+type WithRenderKey<T> = T & {
+    renderKey?: string;
+};
 /**
  * Creates a material component wrapper with dependency injection support
  *
@@ -39,8 +42,7 @@ import React from 'react';
  * @param params.renderKey - Custom render key name, highest priority
  * @returns Wrapper component with dependency injection support
  */
-export declare function createInjectMaterial<Props>(Component: React.FC<Props> & {
-    renderKey?: string;
-}, params?: {
+export declare function createInjectMaterial<Props>(Component: WithRenderKey<React.FC<Props> | React.ExoticComponent<Props>>, params?: {
     renderKey?: string;
-}): React.FC<Props>;
+}): WithRenderKey<React.FC<Props>>;
+export {};

package/dist/types/validate/validate-flow-value/index.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 import { FeedbackLevel, FlowNodeEntity } from '@flowgram.ai/editor';
-import { IFlowValue } from '../../shared';
+import { type IFlowValue } from '../../shared';
 interface Context {
     node: FlowNodeEntity;
     required?: boolean;