@flowgram.ai/form-materials 0.5.5 → 0.5.7

package/dist/esm/components/json-schema-editor/index.mjs

@@ -5,19 +5,21 @@ import { Button, Checkbox, IconButton } from "@douyinfe/semi-ui";
 import { IconChevronDown, IconChevronRight, IconExpand, IconMinus, IconPlus, IconShrink } from "@douyinfe/semi-icons";
 import { InjectTypeSelector } from "../type-selector/index.mjs";
 import { BlurInput } from "../blur-input/index.mjs";
-import { DefaultValueWrapper, IconAddChildren, UIActions, UICollapseTrigger, UICollapsible, UIContainer, UIExpandDetail, UILabel, UIName, UIRequired, UIRow, UITreeItemLeft, UITreeItemMain, UITreeItemRight, UITreeItems, UIType } from "./styles.mjs";
+import { IconAddChildren } from "./icon.mjs";
 import { usePropertiesEdit } from "./hooks.mjs";
 import { DefaultValue } from "./default-value.mjs";
+import "./styles.css";
 const DEFAULT = {
     type: 'object'
 };
 function JsonSchemaEditor(props) {
     const { value = DEFAULT, config = {}, onChange: onChangeProps, readonly } = props;
     const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
-    return /*#__PURE__*/ jsxs(UIContainer, {
-        className: props.className,
+    return /*#__PURE__*/ jsxs("div", {
+        className: "gedit-m-json-schema-editor-container",
         children: [
-            /*#__PURE__*/ jsx(UITreeItems, {
+            /*#__PURE__*/ jsx("div", {
+                className: "gedit-m-json-schema-editor-tree-items",
                 children: propertyList.map((_property)=>/*#__PURE__*/ jsx(PropertyEdit, {
                         readonly: readonly,
                         value: _property,
@@ -66,11 +68,10 @@ function PropertyEdit(props) {
     const showCollapse = canAddField && propertyList.length > 0;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsx(UITreeItemLeft, {
-                $isLast: $isLast,
-                $showLine: $level > 0,
-                $showCollapse: showCollapse,
-                children: showCollapse && /*#__PURE__*/ jsx(UICollapseTrigger, {
+            /*#__PURE__*/ jsx("div", {
+                className: `gedit-m-json-schema-editor-tree-item-left ${$level > 0 ? 'show-line' : ''} ${$isLast ? 'is-last' : ''} ${showCollapse ? 'show-collapse' : ''}`,
+                children: showCollapse && /*#__PURE__*/ jsx("div", {
+                    className: "gedit-m-json-schema-editor-collapse-trigger",
                     onClick: ()=>setCollapse((_collapse)=>!_collapse),
                     children: collapse ? /*#__PURE__*/ jsx(IconChevronDown, {
                         size: "small"
@@ -79,13 +80,17 @@ function PropertyEdit(props) {
                     })
                 })
             }),
-            /*#__PURE__*/ jsxs(UITreeItemRight, {
+            /*#__PURE__*/ jsxs("div", {
+                className: "gedit-m-json-schema-editor-tree-item-right",
                 children: [
-                    /*#__PURE__*/ jsxs(UITreeItemMain, {
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "gedit-m-json-schema-editor-tree-item-main",
                         children: [
-                            /*#__PURE__*/ jsxs(UIRow, {
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "gedit-m-json-schema-editor-row",
                                 children: [
-                                    /*#__PURE__*/ jsx(UIName, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-name",
                                         children: /*#__PURE__*/ jsx(BlurInput, {
                                             disabled: readonly,
                                             placeholder: config?.placeholder ?? I18n.t('Input Variable Name'),
@@ -94,7 +99,8 @@ function PropertyEdit(props) {
                                             onChange: (value)=>onChange('name', value)
                                         })
                                     }),
-                                    /*#__PURE__*/ jsx(UIType, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-type",
                                         children: /*#__PURE__*/ jsx(InjectTypeSelector, {
                                             value: typeSelectorValue,
                                             readonly: readonly,
@@ -106,14 +112,16 @@ function PropertyEdit(props) {
                                             }
                                         })
                                     }),
-                                    /*#__PURE__*/ jsx(UIRequired, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-required",
                                         children: /*#__PURE__*/ jsx(Checkbox, {
                                             disabled: readonly,
                                             checked: isPropertyRequired,
                                             onChange: (e)=>onChange('isPropertyRequired', e.target.checked)
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs(UIActions, {
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "gedit-m-json-schema-editor-actions",
                                         children: [
                                             /*#__PURE__*/ jsx(IconButton, {
                                                 disabled: readonly,
@@ -151,9 +159,11 @@ function PropertyEdit(props) {
                                     })
                                 ]
                             }),
-                            expand && /*#__PURE__*/ jsxs(UIExpandDetail, {
+                            expand && /*#__PURE__*/ jsxs("div", {
+                                className: "gedit-m-json-schema-editor-expand-detail",
                                 children: [
-                                    /*#__PURE__*/ jsx(UILabel, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-label",
                                         children: config?.descTitle ?? I18n.t("Description")
                                     }),
                                     /*#__PURE__*/ jsx(BlurInput, {
@@ -165,13 +175,15 @@ function PropertyEdit(props) {
                                     }),
                                     0 === $level && /*#__PURE__*/ jsxs(Fragment, {
                                         children: [
-                                            /*#__PURE__*/ jsx(UILabel, {
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: "gedit-m-json-schema-editor-label",
                                                 style: {
                                                     marginTop: 10
                                                 },
                                                 children: config?.defaultValueTitle ?? I18n.t('Default Value')
                                             }),
-                                            /*#__PURE__*/ jsx(DefaultValueWrapper, {
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: "gedit-m-json-schema-editor-default-value-wrapper",
                                                 children: /*#__PURE__*/ jsx(DefaultValue, {
                                                     value: defaultValue,
                                                     schema: value,
@@ -185,10 +197,10 @@ function PropertyEdit(props) {
                             })
                         ]
                     }),
-                    showCollapse && /*#__PURE__*/ jsx(UICollapsible, {
-                        $collapse: collapse,
-                        children: /*#__PURE__*/ jsx(UITreeItems, {
-                            $shrink: true,
+                    showCollapse && /*#__PURE__*/ jsx("div", {
+                        className: `gedit-m-json-schema-editor-collapsible ${collapse ? 'collapse' : ''}`,
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: "gedit-m-json-schema-editor-tree-items shrink",
                             children: propertyList.map((_property, index)=>/*#__PURE__*/ jsx(PropertyEdit, {
                                     readonly: readonly,
                                     value: _property,

package/dist/esm/components/json-schema-editor/styles.css

@@ -0,0 +1,113 @@
+.gedit-m-json-schema-editor-row {
+  align-items: center;
+  gap: 6px;
+  display: flex;
+}
+
+.gedit-m-json-schema-editor-collapse-trigger {
+  cursor: pointer;
+  margin-right: 5px;
+}
+
+.gedit-m-json-schema-editor-expand-detail {
+  flex-direction: column;
+  display: flex;
+}
+
+.gedit-m-json-schema-editor-label {
+  color: #999;
+  margin-bottom: 2px;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.gedit-m-json-schema-editor-tree-items {
+  grid-template-columns: auto 1fr;
+  display: grid;
+}
+
+.gedit-m-json-schema-editor-tree-items.shrink {
+  margin-top: 10px;
+  padding-left: 3px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left {
+  grid-column: 1;
+  width: 16px;
+  position: relative;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line:before {
+  content: "";
+  height: var(--line-height, 100%);
+  background: #d9d9d9;
+  width: 1px;
+  display: block;
+  position: absolute;
+  top: -16px;
+  left: -14px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line:after {
+  content: "";
+  width: var(--line-width, 30px);
+  background: #d9d9d9;
+  height: 1px;
+  display: block;
+  position: absolute;
+  top: 8px;
+  left: -14px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line.is-last:before {
+  height: 24px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line.show-collapse:after {
+  width: 12px;
+}
+
+.gedit-m-json-schema-editor-tree-item-right {
+  grid-column: 2;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.gedit-m-json-schema-editor-tree-item-main {
+  flex-direction: column;
+  gap: 10px;
+  display: flex;
+  position: relative;
+}
+
+.gedit-m-json-schema-editor-collapsible {
+  display: none;
+}
+
+.gedit-m-json-schema-editor-collapsible.collapse {
+  display: block;
+}
+
+.gedit-m-json-schema-editor-name {
+  flex-grow: 1;
+}
+
+.gedit-m-json-schema-editor-actions {
+  white-space: nowrap;
+}
+
+.gedit-m-json-schema-editor-default-value-wrapper {
+  margin: 0;
+}
+
+.gedit-m-json-schema-editor-constant-input-wrapper {
+  flex-grow: 1;
+
+  & .semi-tree-select, & .semi-input-number, & .semi-select {
+    width: 100%;
+  }
+}
+

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

@@ -2,20 +2,30 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { ActiveLinePlaceholder, EditorProvider, Renderer } from "@flowgram.ai/coze-editor/react";
 import preset_prompt from "@flowgram.ai/coze-editor/preset-prompt";
-import { UIContainer } from "./styles.mjs";
 import markdown from "./extensions/markdown.mjs";
 import language_support from "./extensions/language-support.mjs";
 import jinja from "./extensions/jinja.mjs";
+import "./styles.css";
 function PromptEditor(props) {
     const { value, onChange, readonly, placeholder, activeLinePlaceholder, style, hasError, children, disableMarkdownHighlight, options } = props || {};
     const editorRef = useRef(null);
+    const editorValue = String(value?.content || '');
     useEffect(()=>{
-        if (editorRef.current?.getValue() !== value?.content) editorRef.current?.setValue(String(value?.content || ''));
+        if (editorRef.current?.getValue() !== editorValue) {
+            const editorView = editorRef.current?.$view;
+            editorView?.dispatch({
+                changes: {
+                    from: 0,
+                    to: editorView?.state.doc.length,
+                    insert: editorValue
+                }
+            });
+        }
     }, [
-        value
+        editorValue
     ]);
-    return /*#__PURE__*/ jsx(UIContainer, {
-        $hasError: hasError,
+    return /*#__PURE__*/ jsx("div", {
+        className: `gedit-m-prompt-editor-container ${hasError ? 'has-error' : ''}`,
         style: style,
         children: /*#__PURE__*/ jsxs(EditorProvider, {
             children: [
@@ -24,7 +34,7 @@ function PromptEditor(props) {
                         editorRef.current = editor;
                     },
                     plugins: preset_prompt,
-                    defaultValue: String(value?.content),
+                    defaultValue: editorValue,
                     options: {
                         readOnly: readonly,
                         editable: !readonly,

package/dist/esm/components/prompt-editor/styles.css

@@ -0,0 +1,10 @@
+.gedit-m-prompt-editor-container {
+  background-color: var(--semi-color-fill-0);
+  padding-left: 10px;
+  padding-right: 6px;
+}
+
+.gedit-m-prompt-editor-container.has-error {
+  border: 1px solid var(--semi-color-danger-6);
+}
+

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

@@ -1,5 +1,13 @@
-import { lazySuspense } from "../../shared/index.mjs";
-const PromptEditorWithInputs = lazySuspense(()=>import("./editor.mjs").then((module)=>({
-            default: module.PromptEditorWithInputs
-        })));
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { PromptEditor } from "../prompt-editor/index.mjs";
+import { EditorInputsTree } from "../coze-editor-extensions/index.mjs";
+function PromptEditorWithInputs({ inputsValues, ...restProps }) {
+    return /*#__PURE__*/ jsx(PromptEditor, {
+        ...restProps,
+        children: /*#__PURE__*/ jsx(EditorInputsTree, {
+            inputsValues: inputsValues
+        })
+    });
+}
 export { PromptEditorWithInputs };

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

@@ -1,5 +1,14 @@
-import { lazySuspense } from "../../shared/index.mjs";
-const PromptEditorWithVariables = lazySuspense(()=>import("./editor.mjs").then((module)=>({
-            default: module.PromptEditorWithVariables
-        })));
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { PromptEditor } from "../prompt-editor/index.mjs";
+import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
+function PromptEditorWithVariables(props) {
+    return /*#__PURE__*/ jsxs(PromptEditor, {
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(EditorVariableTree, {}),
+            /*#__PURE__*/ jsx(EditorVariableTagInject, {})
+        ]
+    });
+}
 export { PromptEditorWithVariables };

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