@flowgram.ai/form-materials 0.1.0-alpha.18 → 0.1.0-alpha.20

package/dist/esm/components/variable-selector/context.mjs

@@ -2,11 +2,15 @@ import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo } from "react";
 const VariableSelectorContext = /*#__PURE__*/ createContext({});
 const useVariableSelectorContext = ()=>useContext(VariableSelectorContext);
-const VariableSelectorProvider = ({ children, skipVariable })=>{
+const VariableSelectorProvider = ({ children, skipVariable, includeSchema, excludeSchema })=>{
     const context = useMemo(()=>({
-            skipVariable
+            skipVariable,
+            includeSchema,
+            excludeSchema
         }), [
-        skipVariable
+        skipVariable,
+        includeSchema,
+        excludeSchema
     ]);
     return /*#__PURE__*/ jsx(VariableSelectorContext.Provider, {
         value: context,

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

@@ -1,12 +1,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { I18n } from "@flowgram.ai/editor";
-import { Popover } from "@douyinfe/semi-ui";
+import { Popover, Tag, TreeSelect } from "@douyinfe/semi-ui";
 import { IconChevronDownStroked, IconIssueStroked } from "@douyinfe/semi-icons";
 import { createInjectMaterial } from "../../shared/index.mjs";
 import { useVariableTree } from "./use-variable-tree.mjs";
-import { UIPopoverContent, UIRootTitle, UITag, UITreeSelect, UIVarName } from "./styles.mjs";
 import { VariableSelectorProvider, useVariableSelectorContext } from "./context.mjs";
+import "./styles.css";
 const VariableSelector = ({ value, config = {}, onChange, style, readonly = false, includeSchema, excludeSchema, hasError, triggerRender })=>{
     const { skipVariable } = useVariableSelectorContext();
     const treeData = useVariableTree({
@@ -35,21 +35,23 @@ const VariableSelector = ({ value, config = {}, onChange, style, readonly = fals
         return icon;
     };
     return /*#__PURE__*/ jsx(Fragment, {
-        children: /*#__PURE__*/ jsx(UITreeSelect, {
+        children: /*#__PURE__*/ jsx(TreeSelect, {
+            className: `gedit-m-variable-selector-tree-select ${hasError ? 'error' : ''}`,
             dropdownMatchSelectWidth: false,
             disabled: readonly,
             treeData: treeData,
             size: "small",
             value: treeValue,
             clearIcon: null,
-            $error: hasError,
             style: style,
             validateStatus: hasError ? 'error' : void 0,
+            dropdownClassName: "gedit-m-variable-selector-dropdown",
             onChange: (_, _config)=>{
                 onChange(_config.keyPath);
             },
             renderSelectedItem: (_option)=>{
-                if (!_option?.keyPath) return /*#__PURE__*/ jsx(UITag, {
+                if (!_option?.keyPath) return /*#__PURE__*/ jsx(Tag, {
+                    className: "gedit-m-variable-selector-tag",
                     prefixIcon: /*#__PURE__*/ jsx(IconIssueStroked, {}),
                     color: "amber",
                     closable: !readonly,
@@ -57,28 +59,32 @@ const VariableSelector = ({ value, config = {}, onChange, style, readonly = fals
                     children: config?.notFoundContent ?? 'Undefined'
                 });
                 const rootIcon = renderIcon(_option.rootMeta?.icon || _option?.icon);
-                const rootTitle = /*#__PURE__*/ jsx(UIRootTitle, {
+                const rootTitle = /*#__PURE__*/ jsx("div", {
+                    className: "gedit-m-variable-selector-root-title",
                     children: _option.rootMeta?.title ? `${_option.rootMeta?.title} ${_option.isRoot ? '' : '-'} ` : null
                 });
                 return /*#__PURE__*/ jsx("div", {
                     children: /*#__PURE__*/ jsx(Popover, {
-                        content: /*#__PURE__*/ jsxs(UIPopoverContent, {
+                        content: /*#__PURE__*/ jsxs("div", {
+                            className: "gedit-m-variable-selector-tag-pop",
                             children: [
                                 rootIcon,
                                 rootTitle,
-                                /*#__PURE__*/ jsx(UIVarName, {
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "gedit-m-variable-selector-var-name",
                                     children: _option.keyPath.slice(1).join('.')
                                 })
                             ]
                         }),
-                        children: /*#__PURE__*/ jsxs(UITag, {
+                        children: /*#__PURE__*/ jsxs(Tag, {
+                            className: "gedit-m-variable-selector-tag",
                             prefixIcon: rootIcon,
                             closable: !readonly,
                             onClose: ()=>onChange(void 0),
                             children: [
                                 rootTitle,
-                                !_option.isRoot && /*#__PURE__*/ jsx(UIVarName, {
-                                    $inSelector: true,
+                                !_option.isRoot && /*#__PURE__*/ jsx("div", {
+                                    className: "gedit-m-variable-selector-var-name in-selector",
                                     children: _option.label
                                 })
                             ]

package/{src/components/variable-selector/styles.tsx → dist/esm/components/variable-selector/styles.css}

@@ -1,54 +1,45 @@
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
-import styled, { css } from 'styled-components';
-import { Tag, TreeSelect } from '@douyinfe/semi-ui';
-
-export const UIRootTitle = styled.div`
-  margin-right: 4px;
-  min-width: 20px;
-  overflow: hidden;
+.gedit-m-variable-selector-root-title {
   text-overflow: ellipsis;
   white-space: nowrap;
+  min-width: 20px;
   color: var(--semi-color-text-2);
-`;
-
-export const UIVarName = styled.div<{ $inSelector?: boolean }>`
+  margin-right: 4px;
   overflow: hidden;
+}
+
+.gedit-m-variable-selector-var-name {
   text-overflow: ellipsis;
   white-space: nowrap;
+  overflow: hidden;
 
-  ${({ $inSelector }) =>
-    $inSelector &&
-    css`
-      min-width: 50%;
-    `}
-`;
+  &.in-selector {
+    min-width: 50%;
+  }
+}
 
-export const UITag = styled(Tag)`
+.gedit-m-variable-selector-tag {
+  justify-content: flex-start;
+  align-items: center;
   width: 100%;
+  height: 22px;
+  margin: 0;
   display: flex;
-  align-items: center;
-  justify-content: flex-start;
 
   & .semi-tag-content-center {
     justify-content: flex-start;
   }
+}
 
-  &.semi-tag {
-    margin: 0;
-    height: 22px;
-  }
-`;
+.gedit-m-variable-selector-tree-select {
+  outline: none;
 
-export const UITreeSelect = styled(TreeSelect)<{ $error?: boolean }>`
-  outline: ${({ $error }) => ($error ? '1px solid red' : 'none')};
+  &.error {
+    outline: 1px solid red;
+  }
 
   & .semi-tree-select-selection {
-    padding: 0px;
     height: 22px;
+    padding: 0;
   }
 
   & .semi-tree-select-selection-content {
@@ -58,12 +49,18 @@ export const UITreeSelect = styled(TreeSelect)<{ $error?: boolean }>`
   & .semi-tree-select-selection-placeholder {
     padding-left: 10px;
   }
-`;
+}
 
-export const UIPopoverContent = styled.div`
+.gedit-m-variable-selector-tag-pop {
+  white-space: nowrap;
+  justify-content: flex-start;
+  align-items: center;
   padding: 10px;
   display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  white-space: nowrap;
-`;
+}
+
+.gedit-m-variable-selector-dropdown {
+  max-height: 300px;
+  overflow: auto;
+}
+

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

@@ -3,8 +3,10 @@ import { useCallback } from "react";
 import { JsonSchemaUtils, useTypeManager } from "@flowgram.ai/json-schema";
 import { ASTMatch, useAvailableVariables } from "@flowgram.ai/editor";
 import { Icon } from "@douyinfe/semi-ui";
+import { useVariableSelectorContext } from "./context.mjs";
 function useVariableTree(params) {
-    const { includeSchema, excludeSchema, skipVariable } = params;
+    const context = useVariableSelectorContext();
+    const { includeSchema = context.includeSchema, excludeSchema = context.excludeSchema, skipVariable = context.skipVariable } = params;
     const typeManager = useTypeManager();
     const variables = useAvailableVariables();
     const getVariableTypeIcon = useCallback((variable)=>{

package/dist/esm/effects/validate-when-variable-sync/index.mjs

@@ -1,12 +1,12 @@
-import { isEmpty } from "lodash-es";
 import { DataEvent, getNodePrivateScope, getNodeScope } from "@flowgram.ai/editor";
 const validateWhenVariableSync = ({ scope } = {})=>[
         {
             event: DataEvent.onValueInit,
-            effect: ({ context, form })=>{
+            effect: ({ context, form, name })=>{
                 const nodeScope = 'private' === scope ? getNodePrivateScope(context.node) : getNodeScope(context.node);
                 const disposable = nodeScope.available.onListOrAnyVarChange(()=>{
-                    if (!isEmpty(form.state.errors)) form.validate();
+                    const errorKeys = Object.entries(form.state.errors || {}).filter(([_, errors])=>errors?.length > 0).filter(([key])=>key.startsWith(name) || name.startsWith(key)).map(([key])=>key);
+                    if (errorKeys.length > 0) form.validate();
                 });
                 return ()=>disposable.dispose();
             }

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
-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 { 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, JsonSchemaCreator, 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, 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 };
+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, JsonSchemaCreator, 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/shared/inject-material/index.mjs

@@ -4,7 +4,7 @@ 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, {
+        if (!container?.isBound?.(FlowRendererRegistry)) return /*#__PURE__*/ react.createElement(Component, {
             ...props
         });
         const rendererRegistry = container.get(FlowRendererRegistry);

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-all.tsx","../src/components/code-editor/editor-json.tsx","../src/components/code-editor/editor-python.tsx","../src/components/code-editor/editor-shell.tsx","../src/components/code-editor/editor-sql.tsx","../src/components/code-editor/editor-ts.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/factory.tsx","../src/components/code-editor/index.tsx","../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-context/context.tsx","../src/components/condition-context/index.tsx","../src/components/condition-context/op.ts","../src/components/condition-context/types.ts","../src/components/condition-context/hooks/use-condition.tsx","../src/components/condition-row/index.tsx","../src/components/condition-row/styles.tsx","../src/components/condition-row/types.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/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/sql-editor-with-variables/editor.tsx","../src/components/sql-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/react.tsx","../src/plugins/json-schema-preset/types.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/map.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.9.2"}
+{"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/types.ts","../src/components/batch-variable-selector/index.tsx","../src/components/blur-input/index.tsx","../src/components/code-editor/editor-all.tsx","../src/components/code-editor/editor-json.tsx","../src/components/code-editor/editor-python.tsx","../src/components/code-editor/editor-shell.tsx","../src/components/code-editor/editor-sql.tsx","../src/components/code-editor/editor-ts.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/factory.tsx","../src/components/code-editor/index.tsx","../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-context/context.tsx","../src/components/condition-context/index.tsx","../src/components/condition-context/op.ts","../src/components/condition-context/types.ts","../src/components/condition-context/hooks/use-condition.tsx","../src/components/condition-row/index.tsx","../src/components/condition-row/types.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/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/types.ts","../src/components/display-flow-value/index.tsx","../src/components/display-inputs-values/index.tsx","../src/components/display-outputs/index.tsx","../src/components/display-schema-tag/index.tsx","../src/components/display-schema-tree/index.tsx","../src/components/dynamic-value-input/hooks.ts","../src/components/dynamic-value-input/index.tsx","../src/components/inputs-values/index.tsx","../src/components/inputs-values/types.ts","../src/components/inputs-values-tree/icon.tsx","../src/components/inputs-values-tree/index.tsx","../src/components/inputs-values-tree/row.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-creator/index.tsx","../src/components/json-schema-creator/json-input-modal.tsx","../src/components/json-schema-creator/json-schema-creator.tsx","../src/components/json-schema-creator/utils/json-to-schema.ts","../src/components/json-schema-editor/default-value.tsx","../src/components/json-schema-editor/hooks.tsx","../src/components/json-schema-editor/icon.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/types.ts","../src/components/prompt-editor/editor.tsx","../src/components/prompt-editor/index.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/index.tsx","../src/components/prompt-editor-with-variables/index.tsx","../src/components/sql-editor-with-variables/editor.tsx","../src/components/sql-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/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/react.tsx","../src/plugins/json-schema-preset/types.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/map.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.9.2"}

package/dist/types/components/assign-rows/index.d.ts

@@ -3,9 +3,11 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
+import { AssignValueType } from '../assign-row';
 interface AssignRowsProps {
     name: string;
     readonly?: boolean;
+    defaultValue?: AssignValueType[];
 }
 export declare function AssignRows(props: AssignRowsProps): React.JSX.Element;
 export {};

package/dist/types/components/batch-outputs/index.d.ts

@@ -4,4 +4,5 @@
  */
 import React from 'react';
 import { PropsType } from './types';
+import './styles.css';
 export declare function BatchOutputs(props: PropsType): React.JSX.Element;

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

@@ -8,6 +8,6 @@
  */
 import React from 'react';
 import { Input } from '@douyinfe/semi-ui';
-type InputProps = React.ComponentPropsWithoutRef<typeof Input>;
+type InputProps = React.ComponentPropsWithRef<typeof Input>;
 export declare function BlurInput(props: InputProps): React.JSX.Element;
 export {};

package/dist/types/components/code-editor/editor.d.ts

@@ -5,6 +5,7 @@
 import React from 'react';
 import { InferValues } from '@flowgram.ai/coze-editor/react';
 import preset from '@flowgram.ai/coze-editor/preset-code';
+import './styles.css';
 type Preset = typeof preset;
 type Options = Partial<InferValues<Preset[number]>>;
 export interface CodeEditorPropsType extends React.PropsWithChildren<{}> {

package/dist/types/components/condition-context/hooks/use-condition.d.ts

@@ -5,9 +5,24 @@
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { IConditionRule, ConditionOpConfigs } from '../types';
 interface HooksParams {
+    /**
+     * Left schema of condition
+     */
     leftSchema?: IJsonSchema;
+    /**
+     * Operator of condition
+     */
     operator?: string;
     /**
+     * If op is not in opOptionList, clear it
+     */
+    onClearOp?: () => void;
+    /**
+     * If targetSchema updated, clear it
+     */
+    onClearRight?: () => void;
+    /**
+     * @deprecated use ConditionProvider instead
      * custom rule config
      */
     ruleConfig?: {
@@ -15,7 +30,7 @@ interface HooksParams {
         rules?: Record<string, IConditionRule>;
     };
 }
-export declare function useCondition({ leftSchema, operator, ruleConfig }: HooksParams): {
+export declare function useCondition({ leftSchema, operator, onClearOp, onClearRight, ruleConfig, }: HooksParams): {
     rule: IConditionRule | undefined;
     opConfig: import("..").ConditionOpConfig;
     opOptionList: {

package/dist/types/components/condition-row/index.d.ts

@@ -5,15 +5,19 @@
 import React from 'react';
 import { IConditionRule, ConditionOpConfigs } from '../condition-context';
 import { ConditionRowValueType } from './types';
+import './styles.css';
 interface PropTypes {
     value?: ConditionRowValueType;
     onChange: (value?: ConditionRowValueType) => void;
     style?: React.CSSProperties;
     readonly?: boolean;
+    /**
+     * @deprecated use ConditionContext instead to pass ruleConfig to multiple
+     */
     ruleConfig?: {
         ops?: ConditionOpConfigs;
         rules?: Record<string, IConditionRule>;
     };
 }
-export declare function ConditionRow({ style, value, onChange, readonly, ruleConfig, }: PropTypes): React.JSX.Element;
+export declare function ConditionRow({ style, value, onChange, readonly, ruleConfig }: PropTypes): React.JSX.Element;
 export { type ConditionRowValueType };

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

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

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

@@ -2,4 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
+import '../styles.css';
 export declare function VariableTagInject(): null;

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

@@ -11,7 +11,7 @@ export declare const EditorVariableTagInject: import("react").FC<unknown> & {
     renderKey?: string;
 };
 export declare const EditorInputsTree: import("react").FC<{
-    inputsValues: Record<string, import("../../shared").IFlowValue>;
+    inputsValues: import("../../shared").IInputsValues;
     triggerCharacters?: string[];
 }> & {
     renderKey?: string;

package/dist/types/components/db-condition-row/index.d.ts

@@ -5,12 +5,16 @@
 import React from 'react';
 import { type ConditionOpConfigs, type IConditionRule } from '../condition-context';
 import { DBConditionOptionType, DBConditionRowValueType } from './types';
+import './styles.css';
 interface PropTypes {
     value?: DBConditionRowValueType;
     onChange: (value?: DBConditionRowValueType) => void;
     style?: React.CSSProperties;
     options?: DBConditionOptionType[];
     readonly?: boolean;
+    /**
+     * @deprecated use ConditionContext instead to pass ruleConfig to multiple
+     */
     ruleConfig?: {
         ops?: ConditionOpConfigs;
         rules?: Record<string, IConditionRule>;

package/dist/types/components/db-condition-row/types.d.ts

@@ -6,7 +6,6 @@ import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { IFlowConstantRefValue } from '../../shared';
 export interface DBConditionRowValueType {
     left?: string;
-    schema?: IJsonSchema;
     operator?: string;
     right?: IFlowConstantRefValue;
 }

package/dist/types/components/display-inputs-values/index.d.ts

@@ -3,8 +3,10 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
+import { IInputsValues } from '../../shared/flow-value';
+import './styles.css';
 interface PropsType {
-    value?: any;
+    value?: IInputsValues;
     showIconInTree?: boolean;
 }
 export declare function DisplayInputsValues({ value, showIconInTree }: PropsType): React.JSX.Element;

package/dist/types/components/display-outputs/index.d.ts

@@ -4,11 +4,13 @@
  */
 import React from 'react';
 import { IJsonSchema, JsonSchemaTypeManager } from '@flowgram.ai/json-schema';
+import './styles.css';
 interface PropsType {
     value?: IJsonSchema;
     showIconInTree?: boolean;
     displayFromScope?: boolean;
     typeManager?: JsonSchemaTypeManager;
+    style?: React.CSSProperties;
 }
-export declare function DisplayOutputs({ value, showIconInTree, displayFromScope }: PropsType): React.JSX.Element;
+export declare function DisplayOutputs({ value, showIconInTree, displayFromScope, style }: PropsType): React.JSX.Element;
 export {};

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

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import { IJsonSchema } from '@flowgram.ai/json-schema';
+import './styles.css';
 interface PropsType {
     title?: JSX.Element | string;
     value?: IJsonSchema;

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

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import { type IJsonSchema, type JsonSchemaTypeManager } from '@flowgram.ai/json-schema';
+import './styles.css';
 interface PropsType {
     value?: IJsonSchema;
     parentKey?: string;

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

@@ -6,6 +6,7 @@ import React from 'react';
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { IFlowConstantRefValue } from '../../shared';
 import { ConstantInputStrategy } from '../constant-input';
+import './styles.css';
 interface PropsType {
     value?: IFlowConstantRefValue;
     onChange: (value?: IFlowConstantRefValue) => void;

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

@@ -23,6 +23,7 @@ export { DynamicValueInput, InjectDynamicValueInput } from './dynamic-value-inpu
 export { InputsValues } from './inputs-values';
 export { InputsValuesTree } from './inputs-values-tree';
 export { JsonEditorWithVariables, type JsonEditorWithVariablesProps, } from './json-editor-with-variables';
+export { JsonSchemaCreator, type JsonSchemaCreatorProps } from './json-schema-creator';
 export { JsonSchemaEditor } from './json-schema-editor';
 export { PromptEditor, type PromptEditorPropsType } from './prompt-editor';
 export { PromptEditorWithInputs, type PromptEditorWithInputsProps, } from './prompt-editor-with-inputs';

package/dist/types/components/inputs-values/index.d.ts

@@ -4,4 +4,5 @@
  */
 import React from 'react';
 import { PropsType } from './types';
+import './styles.css';
 export declare function InputsValues({ value, onChange, style, readonly, constantProps, schema, hasError, }: PropsType): React.JSX.Element;

package/dist/types/components/inputs-values-tree/icon.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+export declare const IconAddChildren: () => React.JSX.Element;

package/dist/types/components/inputs-values-tree/index.d.ts

@@ -4,4 +4,5 @@
  */
 import React from 'react';
 import { PropsType } from './types';
+import './styles.css';
 export declare function InputsValuesTree(props: PropsType): React.JSX.Element;

package/dist/types/components/inputs-values-tree/row.d.ts

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import { PropsType } from './types';
+import './styles.css';
 export declare function InputValueRow(props: {
     keyName?: string;
     value?: any;

package/dist/types/components/inputs-values-tree/types.d.ts

@@ -3,10 +3,11 @@
  * SPDX-License-Identifier: MIT
  */
 import { IJsonSchema } from '@flowgram.ai/json-schema';
+import { IInputsValues } from '../../shared';
 import { ConstantInputStrategy } from '../constant-input';
 export interface PropsType {
-    value?: any;
-    onChange: (value?: any) => void;
+    value?: IInputsValues;
+    onChange: (value?: IInputsValues) => void;
     readonly?: boolean;
     hasError?: boolean;
     schema?: IJsonSchema;

package/dist/types/components/json-schema-creator/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export { JsonSchemaCreator } from './json-schema-creator';
+export type { JsonSchemaCreatorProps } from './json-schema-creator';

package/dist/types/components/json-schema-creator/json-input-modal.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+import type { IJsonSchema } from '@flowgram.ai/json-schema';
+interface JsonInputModalProps {
+    visible: boolean;
+    onClose: () => void;
+    onConfirm: (schema: IJsonSchema) => void;
+}
+export declare function JsonInputModal({ visible, onClose, onConfirm }: JsonInputModalProps): React.JSX.Element;
+export {};

package/dist/types/components/json-schema-creator/json-schema-creator.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 } from '@flowgram.ai/json-schema';
+export interface JsonSchemaCreatorProps {
+    /** 生成 schema 后的回调 */
+    onSchemaCreate?: (schema: IJsonSchema) => void;
+}
+export declare function JsonSchemaCreator({ onSchemaCreate }: JsonSchemaCreatorProps): React.JSX.Element;

package/dist/types/components/json-schema-creator/utils/json-to-schema.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import type { IJsonSchema } from '@flowgram.ai/json-schema';
+export declare function jsonToSchema(jsonString: string): IJsonSchema;

package/dist/types/components/json-schema-editor/icon.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+export declare const IconAddChildren: () => React.JSX.Element;