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

package/dist/cjs/components/db-condition-row/index.js

@@ -30,48 +30,73 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const editor_namespaceObject = require("@flowgram.ai/editor");
 const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
-const index_js_namespaceObject = require("../dynamic-value-input/index.js");
+const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+const index_js_namespaceObject = require("../../plugins/index.js");
+const external_dynamic_value_input_index_js_namespaceObject = require("../dynamic-value-input/index.js");
+const external_condition_context_index_js_namespaceObject = require("../condition-context/index.js");
 const external_styles_js_namespaceObject = require("./styles.js");
-const use_op_js_namespaceObject = require("./hooks/use-op.js");
-const use_left_js_namespaceObject = require("./hooks/use-left.js");
 const defaultRuleConfig = {
     ops: {},
     rules: {}
 };
 function DBConditionRow({ style, value, onChange, readonly, options, ruleConfig = defaultRuleConfig }) {
     const { left, operator, right } = value || {};
-    const { rule, renderDBOptionSelect } = (0, use_left_js_namespaceObject.useLeft)({
+    const typeManager = (0, index_js_namespaceObject.useTypeManager)();
+    const leftSchema = (0, external_react_namespaceObject.useMemo)(()=>options?.find((item)=>item.value === left)?.schema, [
         left,
-        options,
-        onChange: (leftKey)=>onChange({
-                ...value,
-                left: leftKey
-            }),
-        readonly,
-        userRules: ruleConfig.rules
-    });
-    const { renderOpSelect, opConfig } = (0, use_op_js_namespaceObject.useOp)({
-        rule,
-        op: operator,
-        onChange: (v)=>onChange({
-                ...value,
-                operator: v
-            }),
-        readonly,
-        userOps: ruleConfig.ops
-    });
-    const targetSchema = (0, external_react_namespaceObject.useMemo)(()=>{
-        const targetType = rule?.[operator || ''] || null;
-        return targetType ? {
-            type: targetType,
-            extra: {
-                weak: true
-            }
-        } : null;
-    }, [
-        rule,
-        opConfig
+        options
     ]);
+    const { opConfig, rule, opOptionList, targetSchema } = (0, external_condition_context_index_js_namespaceObject.useCondition)({
+        leftSchema,
+        operator,
+        ruleConfig
+    });
+    const renderDBOptionSelect = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UISelect, {
+            disabled: readonly,
+            size: "small",
+            style: {
+                width: '100%'
+            },
+            value: left,
+            onChange: (v)=>onChange({
+                    ...value,
+                    left: v
+                }),
+            optionList: options?.map((item)=>({
+                    label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIOptionLabel, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Icon, {
+                                size: "small",
+                                svg: typeManager.getDisplayIcon(item.schema)
+                            }),
+                            item.label
+                        ]
+                    }),
+                    value: item.value
+                })) || []
+        });
+    const renderOpSelect = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Select, {
+            style: {
+                height: 22
+            },
+            disabled: readonly,
+            size: "small",
+            value: operator,
+            optionList: opOptionList,
+            onChange: (v)=>{
+                onChange({
+                    ...value,
+                    operator: v
+                });
+            },
+            triggerRender: ({ value })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                    size: "small",
+                    disabled: !rule,
+                    children: opConfig?.abbreviation || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconChevronDownStroked, {
+                        size: "small"
+                    })
+                })
+        });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIContainer, {
         style: style,
         children: [
@@ -84,7 +109,7 @@ function DBConditionRow({ style, value, onChange, readonly, options, ruleConfig
                         children: renderDBOptionSelect()
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIRight, {
-                        children: targetSchema ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.InjectDynamicValueInput, {
+                        children: targetSchema ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dynamic_value_input_index_js_namespaceObject.InjectDynamicValueInput, {
                             readonly: readonly || !rule,
                             value: right,
                             schema: targetSchema,

package/dist/cjs/components/display-schema-tree/index.js

@@ -38,7 +38,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
-const index_js_namespaceObject = require("../../plugins/index.js");
+const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
 const external_styles_js_namespaceObject = require("./styles.js");
 function DisplaySchemaTree(props) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SchemaTree, {
@@ -47,7 +47,7 @@ function DisplaySchemaTree(props) {
 }
 function SchemaTree(props) {
     const { value: schema = {}, drilldown = true, depth = 0, showIcon = true, parentKey = '' } = props || {};
-    const typeManager = (0, index_js_namespaceObject.useTypeManager)();
+    const typeManager = (0, json_schema_namespaceObject.useTypeManager)();
     const config = typeManager.getTypeBySchema(schema);
     const title = typeManager.getComplexText(schema);
     const icon = typeManager?.getDisplayIcon(schema);

package/dist/cjs/components/index.js

@@ -25,6 +25,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     BatchVariableSelector: ()=>external_batch_variable_selector_index_js_namespaceObject.BatchVariableSelector,
+    JsonCodeEditor: ()=>external_code_editor_index_js_namespaceObject.JsonCodeEditor,
     AssignRow: ()=>index_js_namespaceObject.AssignRow,
     TypeSelector: ()=>external_type_selector_index_js_namespaceObject.TypeSelector,
     CodeEditorMini: ()=>external_code_editor_mini_index_js_namespaceObject.CodeEditorMini,
@@ -32,27 +33,40 @@ __webpack_require__.d(__webpack_exports__, {
     DynamicValueInput: ()=>external_dynamic_value_input_index_js_namespaceObject.DynamicValueInput,
     AssignRows: ()=>external_assign_rows_index_js_namespaceObject.AssignRows,
     ConditionRow: ()=>external_condition_row_index_js_namespaceObject.ConditionRow,
+    EditorInputsTree: ()=>external_coze_editor_extensions_index_js_namespaceObject.EditorInputsTree,
+    ConditionProvider: ()=>external_condition_context_index_js_namespaceObject.ConditionProvider,
     InjectDynamicValueInput: ()=>external_dynamic_value_input_index_js_namespaceObject.InjectDynamicValueInput,
-    PromptEditorWithVariables: ()=>external_prompt_editor_with_variables_index_js_namespaceObject.PromptEditorWithVariables,
     JsonEditorWithVariables: ()=>external_json_editor_with_variables_index_js_namespaceObject.JsonEditorWithVariables,
     InjectVariableSelector: ()=>external_variable_selector_index_js_namespaceObject.InjectVariableSelector,
+    PromptEditorWithVariables: ()=>external_prompt_editor_with_variables_index_js_namespaceObject.PromptEditorWithVariables,
     DisplayOutputs: ()=>external_display_outputs_index_js_namespaceObject.DisplayOutputs,
+    BaseCodeEditor: ()=>external_code_editor_index_js_namespaceObject.BaseCodeEditor,
+    useConditionContext: ()=>external_condition_context_index_js_namespaceObject.useConditionContext,
     DisplaySchemaTree: ()=>external_display_schema_tree_index_js_namespaceObject.DisplaySchemaTree,
+    useCondition: ()=>external_condition_context_index_js_namespaceObject.useCondition,
     PromptEditor: ()=>external_prompt_editor_index_js_namespaceObject.PromptEditor,
     ConstantInput: ()=>external_constant_input_index_js_namespaceObject.ConstantInput,
     BlurInput: ()=>external_blur_input_index_js_namespaceObject.BlurInput,
     DisplaySchemaTag: ()=>external_display_schema_tag_index_js_namespaceObject.DisplaySchemaTag,
+    ConditionPresetOp: ()=>external_condition_context_index_js_namespaceObject.ConditionPresetOp,
     InputsValues: ()=>external_inputs_values_index_js_namespaceObject.InputsValues,
-    useVariableTree: ()=>external_variable_selector_index_js_namespaceObject.useVariableTree,
+    PythonCodeEditor: ()=>external_code_editor_index_js_namespaceObject.PythonCodeEditor,
+    SQLCodeEditor: ()=>external_code_editor_index_js_namespaceObject.SQLCodeEditor,
     InjectTypeSelector: ()=>external_type_selector_index_js_namespaceObject.InjectTypeSelector,
+    ShellCodeEditor: ()=>external_code_editor_index_js_namespaceObject.ShellCodeEditor,
     VariableSelectorProvider: ()=>external_variable_selector_index_js_namespaceObject.VariableSelectorProvider,
+    useVariableTree: ()=>external_variable_selector_index_js_namespaceObject.useVariableTree,
     DisplayFlowValue: ()=>external_display_flow_value_index_js_namespaceObject.DisplayFlowValue,
     JsonSchemaEditor: ()=>external_json_schema_editor_index_js_namespaceObject.JsonSchemaEditor,
-    PromptEditorWithInputs: ()=>external_prompt_editor_with_inputs_index_js_namespaceObject.PromptEditorWithInputs,
+    EditorVariableTagInject: ()=>external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTagInject,
     InputsValuesTree: ()=>external_inputs_values_tree_index_js_namespaceObject.InputsValuesTree,
-    parseTypeSelectValue: ()=>external_type_selector_index_js_namespaceObject.parseTypeSelectValue,
+    PromptEditorWithInputs: ()=>external_prompt_editor_with_inputs_index_js_namespaceObject.PromptEditorWithInputs,
+    SQLEditorWithVariables: ()=>external_sql_editor_with_variables_index_js_namespaceObject.SQLEditorWithVariables,
+    TypeScriptCodeEditor: ()=>external_code_editor_index_js_namespaceObject.TypeScriptCodeEditor,
     CodeEditor: ()=>external_code_editor_index_js_namespaceObject.CodeEditor,
     DisplayInputsValueAllInTag: ()=>external_display_inputs_values_index_js_namespaceObject.DisplayInputsValueAllInTag,
+    parseTypeSelectValue: ()=>external_type_selector_index_js_namespaceObject.parseTypeSelectValue,
+    EditorVariableTree: ()=>external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTree,
     getTypeSelectValue: ()=>external_type_selector_index_js_namespaceObject.getTypeSelectValue,
     DisplayInputsValues: ()=>external_display_inputs_values_index_js_namespaceObject.DisplayInputsValues,
     BatchOutputs: ()=>external_batch_outputs_index_js_namespaceObject.BatchOutputs,
@@ -65,8 +79,10 @@ const external_batch_variable_selector_index_js_namespaceObject = require("./bat
 const external_blur_input_index_js_namespaceObject = require("./blur-input/index.js");
 const external_code_editor_index_js_namespaceObject = require("./code-editor/index.js");
 const external_code_editor_mini_index_js_namespaceObject = require("./code-editor-mini/index.js");
+const external_condition_context_index_js_namespaceObject = require("./condition-context/index.js");
 const external_condition_row_index_js_namespaceObject = require("./condition-row/index.js");
 const external_constant_input_index_js_namespaceObject = require("./constant-input/index.js");
+const external_coze_editor_extensions_index_js_namespaceObject = require("./coze-editor-extensions/index.js");
 const external_db_condition_row_index_js_namespaceObject = require("./db-condition-row/index.js");
 const external_display_flow_value_index_js_namespaceObject = require("./display-flow-value/index.js");
 const external_display_inputs_values_index_js_namespaceObject = require("./display-inputs-values/index.js");
@@ -81,15 +97,19 @@ const external_json_schema_editor_index_js_namespaceObject = require("./json-sch
 const external_prompt_editor_index_js_namespaceObject = require("./prompt-editor/index.js");
 const external_prompt_editor_with_inputs_index_js_namespaceObject = require("./prompt-editor-with-inputs/index.js");
 const external_prompt_editor_with_variables_index_js_namespaceObject = require("./prompt-editor-with-variables/index.js");
+const external_sql_editor_with_variables_index_js_namespaceObject = require("./sql-editor-with-variables/index.js");
 const external_type_selector_index_js_namespaceObject = require("./type-selector/index.js");
 const external_variable_selector_index_js_namespaceObject = require("./variable-selector/index.js");
 exports.AssignRow = __webpack_exports__.AssignRow;
 exports.AssignRows = __webpack_exports__.AssignRows;
+exports.BaseCodeEditor = __webpack_exports__.BaseCodeEditor;
 exports.BatchOutputs = __webpack_exports__.BatchOutputs;
 exports.BatchVariableSelector = __webpack_exports__.BatchVariableSelector;
 exports.BlurInput = __webpack_exports__.BlurInput;
 exports.CodeEditor = __webpack_exports__.CodeEditor;
 exports.CodeEditorMini = __webpack_exports__.CodeEditorMini;
+exports.ConditionPresetOp = __webpack_exports__.ConditionPresetOp;
+exports.ConditionProvider = __webpack_exports__.ConditionProvider;
 exports.ConditionRow = __webpack_exports__.ConditionRow;
 exports.ConstantInput = __webpack_exports__.ConstantInput;
 exports.DBConditionRow = __webpack_exports__.DBConditionRow;
@@ -100,30 +120,44 @@ exports.DisplayOutputs = __webpack_exports__.DisplayOutputs;
 exports.DisplaySchemaTag = __webpack_exports__.DisplaySchemaTag;
 exports.DisplaySchemaTree = __webpack_exports__.DisplaySchemaTree;
 exports.DynamicValueInput = __webpack_exports__.DynamicValueInput;
+exports.EditorInputsTree = __webpack_exports__.EditorInputsTree;
+exports.EditorVariableTagInject = __webpack_exports__.EditorVariableTagInject;
+exports.EditorVariableTree = __webpack_exports__.EditorVariableTree;
 exports.InjectDynamicValueInput = __webpack_exports__.InjectDynamicValueInput;
 exports.InjectTypeSelector = __webpack_exports__.InjectTypeSelector;
 exports.InjectVariableSelector = __webpack_exports__.InjectVariableSelector;
 exports.InputsValues = __webpack_exports__.InputsValues;
 exports.InputsValuesTree = __webpack_exports__.InputsValuesTree;
+exports.JsonCodeEditor = __webpack_exports__.JsonCodeEditor;
 exports.JsonEditorWithVariables = __webpack_exports__.JsonEditorWithVariables;
 exports.JsonSchemaEditor = __webpack_exports__.JsonSchemaEditor;
 exports.PromptEditor = __webpack_exports__.PromptEditor;
 exports.PromptEditorWithInputs = __webpack_exports__.PromptEditorWithInputs;
 exports.PromptEditorWithVariables = __webpack_exports__.PromptEditorWithVariables;
+exports.PythonCodeEditor = __webpack_exports__.PythonCodeEditor;
+exports.SQLCodeEditor = __webpack_exports__.SQLCodeEditor;
+exports.SQLEditorWithVariables = __webpack_exports__.SQLEditorWithVariables;
+exports.ShellCodeEditor = __webpack_exports__.ShellCodeEditor;
+exports.TypeScriptCodeEditor = __webpack_exports__.TypeScriptCodeEditor;
 exports.TypeSelector = __webpack_exports__.TypeSelector;
 exports.VariableSelector = __webpack_exports__.VariableSelector;
 exports.VariableSelectorProvider = __webpack_exports__.VariableSelectorProvider;
 exports.getTypeSelectValue = __webpack_exports__.getTypeSelectValue;
 exports.parseTypeSelectValue = __webpack_exports__.parseTypeSelectValue;
+exports.useCondition = __webpack_exports__.useCondition;
+exports.useConditionContext = __webpack_exports__.useConditionContext;
 exports.useVariableTree = __webpack_exports__.useVariableTree;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "AssignRow",
     "AssignRows",
+    "BaseCodeEditor",
     "BatchOutputs",
     "BatchVariableSelector",
     "BlurInput",
     "CodeEditor",
     "CodeEditorMini",
+    "ConditionPresetOp",
+    "ConditionProvider",
     "ConditionRow",
     "ConstantInput",
     "DBConditionRow",
@@ -134,21 +168,32 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "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"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/components/json-editor-with-variables/editor.js

@@ -30,9 +30,11 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const editor_namespaceObject = require("@flowgram.ai/editor");
 const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
-const index_js_namespaceObject = require("../code-editor/index.js");
-const variable_tree_js_namespaceObject = require("./extensions/variable-tree.js");
-const variable_tag_js_namespaceObject = require("./extensions/variable-tag.js");
+const index_js_namespaceObject = require("../coze-editor-extensions/index.js");
+const external_code_editor_index_js_namespaceObject = require("../code-editor/index.js");
+const TRIGGER_CHARACTERS = [
+    '@'
+];
 function findAllMatches(inputString, regex) {
     const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : regex.flags + 'g');
     let match;
@@ -58,8 +60,7 @@ const transformer = (0, preset_code_namespaceObject.transformerCreator)((text)=>
     return text;
 });
 function JsonEditorWithVariables(props) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_js_namespaceObject.CodeEditor, {
-        languageId: "json",
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_code_editor_index_js_namespaceObject.JsonCodeEditor, {
         activeLinePlaceholder: editor_namespaceObject.I18n.t("Press '@' to Select variable"),
         ...props,
         options: {
@@ -67,8 +68,10 @@ function JsonEditorWithVariables(props) {
             ...props.options || {}
         },
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(variable_tree_js_namespaceObject.VariableTree, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(variable_tag_js_namespaceObject.VariableTagInject, {})
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.EditorVariableTree, {
+                triggerCharacters: TRIGGER_CHARACTERS
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.EditorVariableTagInject, {})
         ]
     });
 }

package/dist/cjs/components/prompt-editor-with-inputs/editor.js

@@ -29,11 +29,11 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const index_js_namespaceObject = require("../prompt-editor/index.js");
-const inputs_tree_js_namespaceObject = require("./extensions/inputs-tree.js");
+const external_coze_editor_extensions_index_js_namespaceObject = require("../coze-editor-extensions/index.js");
 function PromptEditorWithInputs({ inputsValues, ...restProps }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.PromptEditor, {
         ...restProps,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(inputs_tree_js_namespaceObject.InputsTree, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_coze_editor_extensions_index_js_namespaceObject.EditorInputsTree, {
             inputsValues: inputsValues
         })
     });

package/dist/cjs/components/prompt-editor-with-variables/editor.js

@@ -29,14 +29,13 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const index_js_namespaceObject = require("../prompt-editor/index.js");
-const variable_tree_js_namespaceObject = require("./extensions/variable-tree.js");
-const variable_tag_js_namespaceObject = require("./extensions/variable-tag.js");
+const external_coze_editor_extensions_index_js_namespaceObject = require("../coze-editor-extensions/index.js");
 function PromptEditorWithVariables(props) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_js_namespaceObject.PromptEditor, {
         ...props,
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(variable_tree_js_namespaceObject.VariableTree, {}),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(variable_tag_js_namespaceObject.VariableTagInject, {})
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTree, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTagInject, {})
         ]
     });
 }

package/dist/cjs/components/{condition-row/hooks/useRule.js → sql-editor-with-variables/editor.js}

@@ -24,44 +24,29 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    useRule: ()=>useRule
+    SQLEditorWithVariables: ()=>SQLEditorWithVariables
 });
-const external_react_namespaceObject = require("react");
-const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
 const editor_namespaceObject = require("@flowgram.ai/editor");
-const external_constants_js_namespaceObject = require("../constants.js");
-function useRule(left, userRules) {
-    const available = (0, editor_namespaceObject.useScopeAvailable)();
-    const rules = (0, external_react_namespaceObject.useMemo)(()=>({
-            ...external_constants_js_namespaceObject.defaultRules,
-            ...userRules || {}
-        }), [
-        userRules
-    ]);
-    const variable = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!left) return;
-        return available.getByKeyPath(left.content);
-    }, [
-        available,
-        left
-    ]);
-    const rule = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!variable) return;
-        const schema = json_schema_namespaceObject.JsonSchemaUtils.astToSchema(variable.type, {
-            drilldown: false
-        });
-        return rules[schema?.type];
-    }, [
-        variable?.type,
-        rules
-    ]);
-    return {
-        rule
-    };
+const index_js_namespaceObject = require("../coze-editor-extensions/index.js");
+const external_code_editor_index_js_namespaceObject = require("../code-editor/index.js");
+function SQLEditorWithVariables(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_code_editor_index_js_namespaceObject.SQLCodeEditor, {
+        activeLinePlaceholder: editor_namespaceObject.I18n.t("Press '@' to Select variable"),
+        ...props,
+        options: {
+            ...props.options || {}
+        },
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.EditorVariableTree, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.EditorVariableTagInject, {})
+        ]
+    });
 }
-exports.useRule = __webpack_exports__.useRule;
+exports.SQLEditorWithVariables = __webpack_exports__.SQLEditorWithVariables;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "useRule"
+    "SQLEditorWithVariables"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/components/sql-editor-with-variables/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __webpack_modules__ = {
+    "./editor": function(module) {
+        module.exports = import("./editor.js").then(function(module) {
+            return module;
+        });
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        SQLEditorWithVariables: ()=>SQLEditorWithVariables
+    });
+    const index_js_namespaceObject = require("../../shared/index.js");
+    const SQLEditorWithVariables = (0, index_js_namespaceObject.lazySuspense)(()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./editor")).then((module)=>({
+                default: module.SQLEditorWithVariables
+            })));
+})();
+exports.SQLEditorWithVariables = __webpack_exports__.SQLEditorWithVariables;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "SQLEditorWithVariables"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/type-selector/index.js

@@ -31,9 +31,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
 const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 const index_js_namespaceObject = require("../../shared/inject-material/index.js");
-const external_plugins_index_js_namespaceObject = require("../../plugins/index.js");
 const labelStyle = {
     display: 'flex',
     alignItems: 'center',
@@ -63,7 +63,7 @@ function TypeSelector(props) {
     const selectValue = (0, external_react_namespaceObject.useMemo)(()=>getTypeSelectValue(value), [
         value
     ]);
-    const typeManager = (0, external_plugins_index_js_namespaceObject.useTypeManager)();
+    const typeManager = (0, json_schema_namespaceObject.useTypeManager)();
     const icon = typeManager.getDisplayIcon(value || {});
     const options = (0, external_react_namespaceObject.useMemo)(()=>typeManager.getTypeRegistriesWithParentType().map((_type)=>{
             const isArray = 'array' === _type.type;

package/dist/cjs/components/variable-selector/use-variable-tree.js

@@ -31,10 +31,9 @@ const external_react_namespaceObject = require("react");
 const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
 const editor_namespaceObject = require("@flowgram.ai/editor");
 const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
-const index_js_namespaceObject = require("../../plugins/index.js");
 function useVariableTree(params) {
     const { includeSchema, excludeSchema, skipVariable } = params;
-    const typeManager = (0, index_js_namespaceObject.useTypeManager)();
+    const typeManager = (0, json_schema_namespaceObject.useTypeManager)();
     const variables = (0, editor_namespaceObject.useAvailableVariables)();
     const getVariableTypeIcon = (0, external_react_namespaceObject.useCallback)((variable)=>{
         if (variable.meta?.icon) {

package/dist/cjs/effects/provide-batch-input/index.js

@@ -33,7 +33,7 @@ const provideBatchInputEffect = (0, editor_namespaceObject.createEffectFromVaria
             editor_namespaceObject.ASTFactory.createVariableDeclaration({
                 key: `${ctx.node.id}_locals`,
                 meta: {
-                    title: (0, editor_namespaceObject.getNodeForm)(ctx.node)?.getValueIn('title'),
+                    title: ctx.node.form?.getValueIn('title'),
                     icon: ctx.node.getNodeRegistry().info?.icon
                 },
                 type: editor_namespaceObject.ASTFactory.createObject({

package/dist/cjs/effects/provide-json-schema-outputs/index.js

@@ -33,7 +33,7 @@ const provideJsonSchemaOutputs = (0, editor_namespaceObject.createEffectFromVari
             editor_namespaceObject.ASTFactory.createVariableDeclaration({
                 key: `${ctx.node.id}`,
                 meta: {
-                    title: (0, editor_namespaceObject.getNodeForm)(ctx.node)?.getValueIn('title') || ctx.node.id,
+                    title: ctx.node.form?.getValueIn('title') || ctx.node.id,
                     icon: ctx.node.getNodeRegistry().info?.icon
                 },
                 type: json_schema_namespaceObject.JsonSchemaUtils.schemaToAST(value)

package/dist/cjs/form-plugins/batch-outputs-plugin/index.js

@@ -27,13 +27,15 @@ __webpack_require__.d(__webpack_exports__, {
     createBatchOutputsFormPlugin: ()=>createBatchOutputsFormPlugin,
     provideBatchOutputsEffect: ()=>provideBatchOutputsEffect
 });
+const external_lodash_es_namespaceObject = require("lodash-es");
+const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
 const editor_namespaceObject = require("@flowgram.ai/editor");
 const provideBatchOutputsEffect = (0, editor_namespaceObject.createEffectFromVariableProvider)({
     parse: (value, ctx)=>[
             editor_namespaceObject.ASTFactory.createVariableDeclaration({
                 key: `${ctx.node.id}`,
                 meta: {
-                    title: (0, editor_namespaceObject.getNodeForm)(ctx.node)?.getValueIn('title'),
+                    title: ctx.node.form?.getValueIn('title'),
                     icon: ctx.node.getNodeRegistry().info?.icon
                 },
                 type: editor_namespaceObject.ASTFactory.createObject({
@@ -51,10 +53,15 @@ const provideBatchOutputsEffect = (0, editor_namespaceObject.createEffectFromVar
 });
 const createBatchOutputsFormPlugin = (0, editor_namespaceObject.defineFormPluginCreator)({
     name: 'batch-outputs-plugin',
-    onSetupFormMeta ({ mergeEffect }, { outputKey }) {
+    onSetupFormMeta ({ mergeEffect, addFormatOnSubmit }, { outputKey, inferTargetKey }) {
         mergeEffect({
             [outputKey]: provideBatchOutputsEffect
         });
+        if (inferTargetKey) addFormatOnSubmit((formData, ctx)=>{
+            const outputVariable = (0, editor_namespaceObject.getNodeScope)(ctx.node).output.variables?.[0];
+            if (outputVariable?.type) (0, external_lodash_es_namespaceObject.set)(formData, inferTargetKey, json_schema_namespaceObject.JsonSchemaUtils.astToSchema(outputVariable?.type));
+            return formData;
+        });
     },
     onInit (ctx, { outputKey }) {
         const chainTransformService = ctx.node.getService(editor_namespaceObject.ScopeChainTransformService);

package/dist/cjs/form-plugins/infer-assign-plugin/index.js

@@ -40,7 +40,7 @@ const createInferAssignPlugin = (0, editor_namespaceObject.defineFormPluginCreat
                         editor_namespaceObject.ASTFactory.createVariableDeclaration({
                             key: `${ctx.node.id}`,
                             meta: {
-                                title: (0, editor_namespaceObject.getNodeForm)(ctx.node)?.getValueIn('title'),
+                                title: ctx.node.form?.getValueIn('title'),
                                 icon: ctx.node.getNodeRegistry().info?.icon
                             },
                             type: editor_namespaceObject.ASTFactory.createObject({

package/dist/cjs/form-plugins/infer-inputs-plugin/index.js

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