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

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/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-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/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,6 +4,7 @@
  */
 import React from 'react';
 import { IJsonSchema, JsonSchemaTypeManager } from '@flowgram.ai/json-schema';
+import './styles.css';
 interface PropsType {
     value?: IJsonSchema;
     showIconInTree?: boolean;

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

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

@@ -5,6 +5,7 @@
 import React from 'react';
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { ConfigType } from './types';
+import './styles.css';
 export declare function JsonSchemaEditor(props: {
     value?: IJsonSchema;
     onChange?: (value: IJsonSchema) => void;

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

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

package/dist/types/components/prompt-editor-with-inputs/index.d.ts

@@ -2,5 +2,10 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-export declare const PromptEditorWithInputs: import("react").LazyExoticComponent<typeof import("./editor").PromptEditorWithInputs>;
-export type { PromptEditorWithInputsProps } from './editor';
+import React from 'react';
+import type { IInputsValues } from '../../shared/flow-value';
+import { PromptEditorPropsType } from '../prompt-editor';
+export interface PromptEditorWithInputsProps extends PromptEditorPropsType {
+    inputsValues: IInputsValues;
+}
+export declare function PromptEditorWithInputs({ inputsValues, ...restProps }: PromptEditorWithInputsProps): React.JSX.Element;

package/dist/types/components/prompt-editor-with-variables/index.d.ts

@@ -2,5 +2,8 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-export declare const PromptEditorWithVariables: import("react").LazyExoticComponent<typeof import("./editor").PromptEditorWithVariables>;
-export type { PromptEditorWithVariablesProps } from './editor';
+import React from 'react';
+import { PromptEditorPropsType } from '../prompt-editor';
+export interface PromptEditorWithVariablesProps extends PromptEditorPropsType {
+}
+export declare function PromptEditorWithVariables(props: PromptEditorWithVariablesProps): React.JSX.Element;

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

@@ -3,14 +3,27 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
+import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { BaseVariableField } from '@flowgram.ai/editor';
+type VariableField = BaseVariableField<{
+    icon?: string | JSX.Element;
+    title?: string;
+    disabled?: boolean;
+}>;
 export declare const VariableSelectorContext: React.Context<{
-    skipVariable?: (variable?: BaseVariableField) => boolean;
+    includeSchema?: IJsonSchema | IJsonSchema[];
+    excludeSchema?: IJsonSchema | IJsonSchema[];
+    skipVariable?: (variable: VariableField) => boolean;
 }>;
 export declare const useVariableSelectorContext: () => {
-    skipVariable?: (variable?: BaseVariableField) => boolean;
+    includeSchema?: IJsonSchema | IJsonSchema[];
+    excludeSchema?: IJsonSchema | IJsonSchema[];
+    skipVariable?: (variable: VariableField) => boolean;
 };
-export declare const VariableSelectorProvider: ({ children, skipVariable, }: {
+export declare const VariableSelectorProvider: ({ children, skipVariable, includeSchema, excludeSchema, }: {
     skipVariable?: (variable?: BaseVariableField) => boolean;
+    includeSchema?: IJsonSchema | IJsonSchema[];
+    excludeSchema?: IJsonSchema | IJsonSchema[];
     children: React.ReactNode;
 }) => React.JSX.Element;
+export {};

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

@@ -6,6 +6,7 @@ import React from 'react';
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { type TriggerRenderProps } from '@douyinfe/semi-ui/lib/es/treeSelect';
 import { useVariableTree } from './use-variable-tree';
+import './styles.css';
 export interface VariableSelectorProps {
     value?: string[];
     config?: {

package/dist/types/index.d.ts

@@ -7,5 +7,5 @@ export { autoRenameRefEffect, listenRefSchemaChange, listenRefValueChange, provi
 export { createBatchOutputsFormPlugin, createInferAssignPlugin, createInferInputsPlugin, provideBatchOutputsEffect, } from './form-plugins';
 export { useObjectList } from './hooks';
 export { JsonSchemaTypePresetProvider, JsonSchemaUtils, createDisableDeclarationPlugin, createTypePresetPlugin, type ConstantRendererProps, type IJsonSchema, type JsonSchemaBasicType, type JsonSchemaTypeRegistry, useTypeManager, } from './plugins';
-export { FlowValueUtils, createInjectMaterial, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, polyfillCreateRoot, type FlowValueType, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IFlowValueExtra, type IPolyfillRoot, unstableSetCreateRoot, withSuspense, } from './shared';
+export { FlowValueUtils, createInjectMaterial, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, lazySuspense, polyfillCreateRoot, type FlowValueType, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IFlowValueExtra, type IInputsValues, type IPolyfillRoot, unstableSetCreateRoot, withSuspense, } from './shared';
 export { validateFlowValue } from './validate';

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

@@ -3,4 +3,4 @@
  * SPDX-License-Identifier: MIT
  */
 export { FlowValueUtils } from './utils';
-export { type IFlowValueExtra, type FlowValueType, type IFlowValue, type IFlowConstantValue, type IFlowRefValue, type IFlowExpressionValue, type IFlowTemplateValue, type IFlowConstantRefValue, } from './types';
+export { type IFlowValueExtra, type FlowValueType, type IFlowValue, type IFlowConstantValue, type IFlowRefValue, type IFlowExpressionValue, type IFlowTemplateValue, type IFlowConstantRefValue, type IInputsValues, } from './types';

package/dist/types/shared/flow-value/types.d.ts

@@ -30,3 +30,6 @@ export interface IFlowTemplateValue {
 }
 export type IFlowValue = IFlowConstantValue | IFlowRefValue | IFlowExpressionValue | IFlowTemplateValue;
 export type IFlowConstantRefValue = IFlowConstantValue | IFlowRefValue;
+export interface IInputsValues {
+    [key: string]: IInputsValues | IFlowValue | undefined;
+}

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

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-export { FlowValueUtils, type FlowValueType, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IFlowValueExtra, } from './flow-value';
+export { FlowValueUtils, type FlowValueType, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IFlowValueExtra, type IInputsValues, } from './flow-value';
 export { formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, } from './format-legacy-refs';
 export { createInjectMaterial } from './inject-material';
 export { lazySuspense, withSuspense } from './lazy-suspense';