@flowgram.ai/form-materials 0.2.29 → 0.2.31

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import React$1 from 'react';
 import { TriggerRenderProps } from '@douyinfe/semi-ui/lib/es/treeSelect';
 import { InferValues } from '@coze-editor/editor/react';
 import preset from '@coze-editor/editor/preset-code';
-import { EffectOptions, ASTNodeJSON, ASTNode, BaseType, FormPluginCreator } from '@flowgram.ai/editor';
+import { BaseVariableField, EffectOptions, ASTNodeJSON, ASTNode, BaseType, FormPluginCreator } from '@flowgram.ai/editor';
 import * as _flowgram_ai_node from '@flowgram.ai/node';
 import { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';
 
@@ -36,9 +36,14 @@ type IBasicJsonSchema = IJsonSchema<JsonSchemaBasicType>;
  * SPDX-License-Identifier: MIT
  */
 
+type VariableField = BaseVariableField<{
+    icon?: string | JSX.Element;
+    title?: string;
+}>;
 declare function useVariableTree(params: {
     includeSchema?: IJsonSchema | IJsonSchema[];
     excludeSchema?: IJsonSchema | IJsonSchema[];
+    customSkip?: (variable: VariableField) => boolean;
 }): TreeNodeData[];
 
 /**
@@ -69,22 +74,29 @@ declare const VariableSelector: ({ value, config, onChange, style, readonly, inc
  * SPDX-License-Identifier: MIT
  */
 
+interface IFlowValueExtra {
+    index?: number;
+}
 interface IFlowConstantValue {
     type: 'constant';
     content?: string | number | boolean;
     schema?: IJsonSchema;
+    extra?: IFlowValueExtra;
 }
 interface IFlowRefValue {
     type: 'ref';
     content?: string[];
+    extra?: IFlowValueExtra;
 }
 interface IFlowExpressionValue {
     type: 'expression';
     content?: string;
+    extra?: IFlowValueExtra;
 }
 interface IFlowTemplateValue {
     type: 'template';
     content?: string;
+    extra?: IFlowValueExtra;
 }
 type IFlowValue = IFlowConstantValue | IFlowRefValue | IFlowExpressionValue | IFlowTemplateValue;
 type IFlowConstantRefValue = IFlowConstantValue | IFlowRefValue;
@@ -342,6 +354,7 @@ interface PropsType {
     onChange: (value?: Record<string, IFlowValue | undefined>) => void;
     readonly?: boolean;
     hasError?: boolean;
+    schema?: IJsonSchema;
     style?: React.CSSProperties;
     constantProps?: {
         strategies?: Strategy[];
@@ -354,7 +367,7 @@ interface PropsType {
  * SPDX-License-Identifier: MIT
  */
 
-declare function InputsValues({ value, onChange, style, readonly, constantProps }: PropsType): React$1.JSX.Element;
+declare function InputsValues({ value, onChange, style, readonly, constantProps, schema, hasError, }: PropsType): React$1.JSX.Element;
 
 /**
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
@@ -537,4 +550,4 @@ interface InputConfig {
 }
 declare const createInferInputsPlugin: _flowgram_ai_node.FormPluginCreator<InputConfig>;
 
-export { ArrayIcons, BatchOutputs, BatchVariableSelector, CodeEditor, type CodeEditorPropsType, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IJsonSchema, InputsValues, JsonEditorWithVariables, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, PromptEditor, type PromptEditorPropsType, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, createBatchOutputsFormPlugin, createInferInputsPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, useVariableTree };
+export { ArrayIcons, BatchOutputs, BatchVariableSelector, CodeEditor, type CodeEditorPropsType, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IFlowValueExtra, type IJsonSchema, InputsValues, JsonEditorWithVariables, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, PromptEditor, type PromptEditorPropsType, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, createBatchOutputsFormPlugin, createInferInputsPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, useVariableTree };

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import React$1 from 'react';
 import { TriggerRenderProps } from '@douyinfe/semi-ui/lib/es/treeSelect';
 import { InferValues } from '@coze-editor/editor/react';
 import preset from '@coze-editor/editor/preset-code';
-import { EffectOptions, ASTNodeJSON, ASTNode, BaseType, FormPluginCreator } from '@flowgram.ai/editor';
+import { BaseVariableField, EffectOptions, ASTNodeJSON, ASTNode, BaseType, FormPluginCreator } from '@flowgram.ai/editor';
 import * as _flowgram_ai_node from '@flowgram.ai/node';
 import { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';
 
@@ -36,9 +36,14 @@ type IBasicJsonSchema = IJsonSchema<JsonSchemaBasicType>;
  * SPDX-License-Identifier: MIT
  */
 
+type VariableField = BaseVariableField<{
+    icon?: string | JSX.Element;
+    title?: string;
+}>;
 declare function useVariableTree(params: {
     includeSchema?: IJsonSchema | IJsonSchema[];
     excludeSchema?: IJsonSchema | IJsonSchema[];
+    customSkip?: (variable: VariableField) => boolean;
 }): TreeNodeData[];
 
 /**
@@ -69,22 +74,29 @@ declare const VariableSelector: ({ value, config, onChange, style, readonly, inc
  * SPDX-License-Identifier: MIT
  */
 
+interface IFlowValueExtra {
+    index?: number;
+}
 interface IFlowConstantValue {
     type: 'constant';
     content?: string | number | boolean;
     schema?: IJsonSchema;
+    extra?: IFlowValueExtra;
 }
 interface IFlowRefValue {
     type: 'ref';
     content?: string[];
+    extra?: IFlowValueExtra;
 }
 interface IFlowExpressionValue {
     type: 'expression';
     content?: string;
+    extra?: IFlowValueExtra;
 }
 interface IFlowTemplateValue {
     type: 'template';
     content?: string;
+    extra?: IFlowValueExtra;
 }
 type IFlowValue = IFlowConstantValue | IFlowRefValue | IFlowExpressionValue | IFlowTemplateValue;
 type IFlowConstantRefValue = IFlowConstantValue | IFlowRefValue;
@@ -342,6 +354,7 @@ interface PropsType {
     onChange: (value?: Record<string, IFlowValue | undefined>) => void;
     readonly?: boolean;
     hasError?: boolean;
+    schema?: IJsonSchema;
     style?: React.CSSProperties;
     constantProps?: {
         strategies?: Strategy[];
@@ -354,7 +367,7 @@ interface PropsType {
  * SPDX-License-Identifier: MIT
  */
 
-declare function InputsValues({ value, onChange, style, readonly, constantProps }: PropsType): React$1.JSX.Element;
+declare function InputsValues({ value, onChange, style, readonly, constantProps, schema, hasError, }: PropsType): React$1.JSX.Element;
 
 /**
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
@@ -537,4 +550,4 @@ interface InputConfig {
 }
 declare const createInferInputsPlugin: _flowgram_ai_node.FormPluginCreator<InputConfig>;
 
-export { ArrayIcons, BatchOutputs, BatchVariableSelector, CodeEditor, type CodeEditorPropsType, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IJsonSchema, InputsValues, JsonEditorWithVariables, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, PromptEditor, type PromptEditorPropsType, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, createBatchOutputsFormPlugin, createInferInputsPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, useVariableTree };
+export { ArrayIcons, BatchOutputs, BatchVariableSelector, CodeEditor, type CodeEditorPropsType, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IFlowValueExtra, type IJsonSchema, InputsValues, JsonEditorWithVariables, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, PromptEditor, type PromptEditorPropsType, PromptEditorWithInputs, PromptEditorWithVariables, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, createBatchOutputsFormPlugin, createInferInputsPlugin, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle, useVariableTree };

package/dist/index.js

@@ -67,6 +67,10 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// ../../../common/temp/node_modules/.pnpm/tsup@8.3.5_typescript@5.8.3/node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
+
 // src/components/variable-selector/index.tsx
 var import_react3 = __toESM(require("react"));
 var import_semi_ui3 = require("@douyinfe/semi-ui");
@@ -593,7 +597,7 @@ var JsonSchemaUtils;
 
 // src/components/variable-selector/use-variable-tree.tsx
 function useVariableTree(params) {
-  const { includeSchema, excludeSchema } = params;
+  const { includeSchema, excludeSchema, customSkip } = params;
   const variables = (0, import_editor2.useAvailableVariables)();
   const getVariableTypeIcon = (0, import_react2.useCallback)((variable) => {
     if (variable.meta?.icon) {
@@ -630,7 +634,8 @@ function useVariableTree(params) {
     const key = keyPath.join(".");
     const isSchemaInclude = includeSchema ? JsonSchemaUtils.isASTMatchSchema(type, includeSchema) : true;
     const isSchemaExclude = excludeSchema ? JsonSchemaUtils.isASTMatchSchema(type, excludeSchema) : false;
-    const isSchemaMatch = isSchemaInclude && !isSchemaExclude;
+    const isCustomSkip = customSkip ? customSkip(variable) : false;
+    const isSchemaMatch = isSchemaInclude && !isSchemaExclude && !isCustomSkip;
     if (!isSchemaMatch && !children?.length) {
       return null;
     }
@@ -642,7 +647,8 @@ function useVariableTree(params) {
       icon: getVariableTypeIcon(variable),
       children,
       disabled: !isSchemaMatch,
-      rootMeta: parentFields[0]?.meta
+      rootMeta: parentFields[0]?.meta || variable.meta,
+      isRoot: !parentFields?.length
     };
   };
   return [...variables.slice(0).reverse()].map((_variable) => renderVariable(_variable)).filter(Boolean);
@@ -765,7 +771,7 @@ var VariableSelector = ({
           );
         }
         const rootIcon = renderIcon(_option.rootMeta?.icon || _option?.icon);
-        const rootTitle = /* @__PURE__ */ import_react3.default.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} -` : null);
+        const rootTitle = /* @__PURE__ */ import_react3.default.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} ${_option.isRoot ? "" : "-"} ` : null);
         return /* @__PURE__ */ import_react3.default.createElement("div", null, /* @__PURE__ */ import_react3.default.createElement(
           import_semi_ui3.Popover,
           {
@@ -779,7 +785,7 @@ var VariableSelector = ({
               onClose: () => onChange(void 0)
             },
             rootTitle,
-            /* @__PURE__ */ import_react3.default.createElement(UIVarName, { $inSelector: true }, _option.label)
+            !_option.isRoot && /* @__PURE__ */ import_react3.default.createElement(UIVarName, { $inSelector: true }, _option.label)
           )
         ));
       },
@@ -1806,8 +1812,8 @@ var rules = {
     ["not_contains" /* NOT_CONTAINS */]: "string",
     ["in" /* IN */]: "array",
     ["nin" /* NIN */]: "array",
-    ["is_empty" /* IS_EMPTY */]: "string",
-    ["is_not_empty" /* IS_NOT_EMPTY */]: "string"
+    ["is_empty" /* IS_EMPTY */]: null,
+    ["is_not_empty" /* IS_NOT_EMPTY */]: null
   },
   number: {
     ["eq" /* EQ */]: "number",
@@ -1817,9 +1823,7 @@ var rules = {
     ["lt" /* LT */]: "number",
     ["lte" /* LTE */]: "number",
     ["in" /* IN */]: "array",
-    ["nin" /* NIN */]: "array",
-    ["is_empty" /* IS_EMPTY */]: null,
-    ["is_not_empty" /* IS_NOT_EMPTY */]: null
+    ["nin" /* NIN */]: "array"
   },
   integer: {
     ["eq" /* EQ */]: "number",
@@ -1829,9 +1833,7 @@ var rules = {
     ["lt" /* LT */]: "number",
     ["lte" /* LTE */]: "number",
     ["in" /* IN */]: "array",
-    ["nin" /* NIN */]: "array",
-    ["is_empty" /* IS_EMPTY */]: null,
-    ["is_not_empty" /* IS_NOT_EMPTY */]: null
+    ["nin" /* NIN */]: "array"
   },
   boolean: {
     ["eq" /* EQ */]: "boolean",
@@ -1839,9 +1841,7 @@ var rules = {
     ["is_true" /* IS_TRUE */]: null,
     ["is_false" /* IS_FALSE */]: null,
     ["in" /* IN */]: "array",
-    ["nin" /* NIN */]: "array",
-    ["is_empty" /* IS_EMPTY */]: null,
-    ["is_not_empty" /* IS_NOT_EMPTY */]: null
+    ["nin" /* NIN */]: "array"
   },
   object: {
     ["is_empty" /* IS_EMPTY */]: null,
@@ -2023,12 +2023,13 @@ function genId2() {
 }
 function useObjectList({
   value,
-  onChange
+  onChange,
+  sortIndexKey
 }) {
   const [list, setList] = (0, import_react16.useState)([]);
   (0, import_react16.useEffect)(() => {
     setList((_prevList) => {
-      const newKeys = Object.keys(value || {});
+      const newKeys = Object.entries(value || {}).sort((a, b) => (0, import_lodash4.get)(a[1], sortIndexKey || 0) - (0, import_lodash4.get)(b[1], sortIndexKey || 0)).map(([key]) => key);
       const oldKeys = _prevList.map((item) => item.key).filter(Boolean);
       const addKeys = (0, import_lodash4.difference)(newKeys, oldKeys);
       return _prevList.filter((item) => !item.key || newKeys.includes(item.key)).map((item) => ({
@@ -2065,7 +2066,12 @@ function useObjectList({
       });
       onChange(
         Object.fromEntries(
-          nextList.filter((item) => item.key).map((item) => [item.key, item.value])
+          nextList.filter((item) => item.key).map((item) => [item.key, item.value]).map((_res, idx) => {
+            if ((0, import_lodash4.isObject)(_res[1]) && sortIndexKey) {
+              (0, import_lodash4.set)(_res[1], sortIndexKey, idx);
+            }
+            return _res;
+          })
         )
       );
       return nextList;
@@ -2452,8 +2458,9 @@ var VariableTagWidget = class extends import_view3.WidgetType {
       );
       return;
     }
-    const rootField = (0, import_lodash5.last)(v.parentFields);
-    const rootTitle = /* @__PURE__ */ import_react28.default.createElement(UIRootTitle2, null, rootField?.meta.title ? `${rootField.meta.title} -` : "");
+    const rootField = (0, import_lodash5.last)(v.parentFields) || v;
+    const isRoot = v.parentFields.length === 0;
+    const rootTitle = /* @__PURE__ */ import_react28.default.createElement(UIRootTitle2, null, rootField?.meta.title ? `${rootField.meta.title} ${isRoot ? "" : "-"} ` : "");
     const rootIcon = this.renderIcon(rootField?.meta.icon);
     this.renderReact(
       /* @__PURE__ */ import_react28.default.createElement(
@@ -2461,7 +2468,7 @@ var VariableTagWidget = class extends import_view3.WidgetType {
         {
           content: /* @__PURE__ */ import_react28.default.createElement(UIPopoverContent2, null, rootIcon, rootTitle, /* @__PURE__ */ import_react28.default.createElement(UIVarName2, null, v?.keyPath.slice(1).join(".")))
         },
-        /* @__PURE__ */ import_react28.default.createElement(UITag2, { prefixIcon: rootIcon }, rootTitle, /* @__PURE__ */ import_react28.default.createElement(UIVarName2, null, v?.key))
+        /* @__PURE__ */ import_react28.default.createElement(UITag2, { prefixIcon: rootIcon }, rootTitle, !isRoot && /* @__PURE__ */ import_react28.default.createElement(UIVarName2, null, v?.key))
       )
     );
   }
@@ -2688,11 +2695,47 @@ function getSuffixByLanguageId(languageId) {
   return "";
 }
 
+// src/components/code-editor/language-features.ts
+var import_preset_code = require("@coze-editor/editor/preset-code");
+var import_language_typescript = require("@coze-editor/editor/language-typescript");
+var import_language_shell = require("@coze-editor/editor/language-shell");
+var import_language_python = require("@coze-editor/editor/language-python");
+var import_language_json = require("@coze-editor/editor/language-json");
+var import_editor10 = require("@coze-editor/editor");
+import_preset_code.languages.register("python", import_language_python.python);
+import_preset_code.languages.register("shell", import_language_shell.shell);
+import_preset_code.languages.register("typescript", import_language_typescript.typescript);
+import_preset_code.languages.register("json", {
+  // mixLanguages is used to solve the problem that interpolation also uses parentheses, which causes incorrect highlighting
+  language: (0, import_editor10.mixLanguages)({
+    outerLanguage: import_language_json.json.language
+  }),
+  languageService: import_language_json.json.languageService
+});
+var tsWorkerInit = false;
+var initTsWorker = () => {
+  if (tsWorkerInit) {
+    return;
+  }
+  tsWorkerInit = true;
+  const tsWorker = new Worker(
+    new URL(`@coze-editor/editor/language-typescript/worker`, importMetaUrl),
+    { type: "module" }
+  );
+  import_language_typescript.typescript.languageService.initialize(tsWorker, {
+    compilerOptions: {
+      // eliminate Promise error
+      lib: ["es2015", "dom"],
+      noImplicitAny: false
+    }
+  });
+};
+
 // src/components/code-editor/theme/index.ts
-var import_preset_code3 = require("@coze-editor/editor/preset-code");
+var import_preset_code4 = require("@coze-editor/editor/preset-code");
 
 // src/components/code-editor/theme/light.ts
-var import_preset_code = require("@coze-editor/editor/preset-code");
+var import_preset_code2 = require("@coze-editor/editor/preset-code");
 var colors = {
   background: "#F7F7FC",
   // syntax
@@ -2704,7 +2747,7 @@ var colors = {
   null: "#2B57D9",
   separator: "#0F1529D1"
 };
-var lightTheme = (0, import_preset_code.createTheme)({
+var lightTheme = (0, import_preset_code2.createTheme)({
   variant: "light",
   settings: {
     background: "#fff",
@@ -2747,63 +2790,63 @@ var lightTheme = (0, import_preset_code.createTheme)({
   styles: [
     // JSON
     {
-      tag: import_preset_code.tags.comment,
+      tag: import_preset_code2.tags.comment,
       color: colors.comment
     },
     {
-      tag: [import_preset_code.tags.propertyName],
+      tag: [import_preset_code2.tags.propertyName],
       color: colors.key
     },
     {
-      tag: [import_preset_code.tags.string],
+      tag: [import_preset_code2.tags.string],
       color: colors.string
     },
     {
-      tag: [import_preset_code.tags.number],
+      tag: [import_preset_code2.tags.number],
       color: colors.number
     },
     {
-      tag: [import_preset_code.tags.bool],
+      tag: [import_preset_code2.tags.bool],
       color: colors.boolean
     },
     {
-      tag: [import_preset_code.tags.null],
+      tag: [import_preset_code2.tags.null],
       color: colors.null
     },
     {
-      tag: [import_preset_code.tags.separator],
+      tag: [import_preset_code2.tags.separator],
       color: colors.separator
     },
     // markdown
     {
-      tag: [import_preset_code.tags.heading],
+      tag: [import_preset_code2.tags.heading],
       color: "#3e76ef"
     },
     {
-      tag: [import_preset_code.tags.processingInstruction],
+      tag: [import_preset_code2.tags.processingInstruction],
       color: "#3e76ef"
     },
     // shell
     // curl
     {
-      tag: [import_preset_code.tags.standard(import_preset_code.tags.variableName)],
+      tag: [import_preset_code2.tags.standard(import_preset_code2.tags.variableName)],
       color: "#00804A"
     },
     // -X
     {
-      tag: [import_preset_code.tags.attributeName],
+      tag: [import_preset_code2.tags.attributeName],
       color: "#C74200"
     },
     // url in string (includes quotes), e.g. "https://..."
     {
-      tag: [import_preset_code.tags.special(import_preset_code.tags.string)],
+      tag: [import_preset_code2.tags.special(import_preset_code2.tags.string)],
       color: "#2B57D9"
     }
   ]
 });
 
 // src/components/code-editor/theme/dark.ts
-var import_preset_code2 = require("@coze-editor/editor/preset-code");
+var import_preset_code3 = require("@coze-editor/editor/preset-code");
 var colors2 = {
   background: "#151B27",
   // syntax
@@ -2815,7 +2858,7 @@ var colors2 = {
   null: "#78B0FF",
   separator: "#FFFFFFC9"
 };
-var darkTheme = (0, import_preset_code2.createTheme)({
+var darkTheme = (0, import_preset_code3.createTheme)({
   variant: "dark",
   settings: {
     background: colors2.background,
@@ -2858,82 +2901,64 @@ var darkTheme = (0, import_preset_code2.createTheme)({
   styles: [
     // json
     {
-      tag: import_preset_code2.tags.comment,
+      tag: import_preset_code3.tags.comment,
       color: colors2.comment
     },
     {
-      tag: [import_preset_code2.tags.propertyName],
+      tag: [import_preset_code3.tags.propertyName],
       color: colors2.key
     },
     {
-      tag: [import_preset_code2.tags.string],
+      tag: [import_preset_code3.tags.string],
       color: colors2.string
     },
     {
-      tag: [import_preset_code2.tags.number],
+      tag: [import_preset_code3.tags.number],
       color: colors2.number
     },
     {
-      tag: [import_preset_code2.tags.bool],
+      tag: [import_preset_code3.tags.bool],
       color: colors2.boolean
     },
     {
-      tag: [import_preset_code2.tags.null],
+      tag: [import_preset_code3.tags.null],
       color: colors2.null
     },
     {
-      tag: [import_preset_code2.tags.separator],
+      tag: [import_preset_code3.tags.separator],
       color: colors2.separator
     },
     // markdown
     {
-      tag: [import_preset_code2.tags.heading],
+      tag: [import_preset_code3.tags.heading],
       color: "#6b6bff"
     },
     {
-      tag: [import_preset_code2.tags.processingInstruction],
+      tag: [import_preset_code3.tags.processingInstruction],
       color: "#6b6bff"
     },
     // shell
     // curl
     {
-      tag: [import_preset_code2.tags.standard(import_preset_code2.tags.variableName)],
+      tag: [import_preset_code3.tags.standard(import_preset_code3.tags.variableName)],
       color: "#3BEB84"
     },
     // -X
     {
-      tag: [import_preset_code2.tags.attributeName],
+      tag: [import_preset_code3.tags.attributeName],
       color: "#FF9933"
     },
     // url in string (includes quotes), e.g. "https://..."
     {
-      tag: [import_preset_code2.tags.special(import_preset_code2.tags.string)],
+      tag: [import_preset_code3.tags.special(import_preset_code3.tags.string)],
       color: "#78B0FF"
     }
   ]
 });
 
 // src/components/code-editor/theme/index.ts
-import_preset_code3.themes.register("dark", darkTheme);
-import_preset_code3.themes.register("light", lightTheme);
-
-// src/components/code-editor/language-features.ts
-var import_preset_code4 = require("@coze-editor/editor/preset-code");
-var import_language_typescript = require("@coze-editor/editor/language-typescript");
-var import_language_shell = require("@coze-editor/editor/language-shell");
-var import_language_python = require("@coze-editor/editor/language-python");
-var import_language_json = require("@coze-editor/editor/language-json");
-var import_editor10 = require("@coze-editor/editor");
-import_preset_code4.languages.register("python", import_language_python.python);
-import_preset_code4.languages.register("typescript", import_language_typescript.typescript);
-import_preset_code4.languages.register("shell", import_language_shell.shell);
-import_preset_code4.languages.register("json", {
-  // mixLanguages is used to solve the problem that interpolation also uses parentheses, which causes incorrect highlighting
-  language: (0, import_editor10.mixLanguages)({
-    outerLanguage: import_language_json.json.language
-  }),
-  languageService: import_language_json.json.languageService
-});
+import_preset_code4.themes.register("dark", darkTheme);
+import_preset_code4.themes.register("light", lightTheme);
 
 // src/components/code-editor/index.tsx
 var OriginCodeEditor = (0, import_react36.createRenderer)(import_preset_code5.default, [
@@ -2955,6 +2980,11 @@ function CodeEditor({
   readonly
 }) {
   const editorRef = (0, import_react35.useRef)(null);
+  (0, import_react35.useEffect)(() => {
+    if (languageId === "typescript") {
+      initTsWorker();
+    }
+  }, [languageId]);
   (0, import_react35.useEffect)(() => {
     if (editorRef.current?.getValue() !== value) {
       editorRef.current?.setValue(String(value || ""));
@@ -3240,7 +3270,7 @@ function JsonEditorWithVariables(props) {
 }
 
 // src/components/inputs-values/index.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 var import_semi_ui20 = require("@douyinfe/semi-ui");
 var import_semi_icons11 = require("@douyinfe/semi-icons");
 
@@ -3258,43 +3288,76 @@ var UIRow3 = import_styled_components9.default.div`
   gap: 5px;
 `;
 
+// src/components/inputs-values/components/blur-input.tsx
+var import_react42 = __toESM(require("react"));
+var import_input2 = __toESM(require("@douyinfe/semi-ui/lib/es/input"));
+function BlurInput2(props) {
+  const [value, setValue] = (0, import_react42.useState)("");
+  (0, import_react42.useEffect)(() => {
+    setValue(props.value);
+  }, [props.value]);
+  return /* @__PURE__ */ import_react42.default.createElement(
+    import_input2.default,
+    {
+      ...props,
+      value,
+      onChange: (value2) => {
+        setValue(value2);
+      },
+      onBlur: (e) => props.onChange?.(value, e)
+    }
+  );
+}
+
 // src/components/inputs-values/index.tsx
-function InputsValues({ value, onChange, style, readonly, constantProps }) {
+function InputsValues({
+  value,
+  onChange,
+  style,
+  readonly,
+  constantProps,
+  schema,
+  hasError
+}) {
   const { list, updateKey, updateValue, remove, add } = useObjectList({
     value,
-    onChange
+    onChange,
+    sortIndexKey: "extra.index"
   });
-  return /* @__PURE__ */ import_react42.default.createElement("div", null, /* @__PURE__ */ import_react42.default.createElement(UIRows2, { style }, list.map((item) => /* @__PURE__ */ import_react42.default.createElement(UIRow3, { key: item.id }, /* @__PURE__ */ import_react42.default.createElement(
-    import_semi_ui20.Input,
+  return /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement(UIRows2, { style }, list.map((item) => /* @__PURE__ */ import_react43.default.createElement(UIRow3, { key: item.id }, /* @__PURE__ */ import_react43.default.createElement(
+    BlurInput2,
     {
       style: { width: 100, minWidth: 100, maxWidth: 100 },
       disabled: readonly,
       size: "small",
       value: item.key,
-      onChange: (v) => updateKey(item.id, v)
+      onChange: (v) => updateKey(item.id, v),
+      placeholder: "Input Key"
     }
-  ), /* @__PURE__ */ import_react42.default.createElement(
+  ), /* @__PURE__ */ import_react43.default.createElement(
     DynamicValueInput,
     {
       style: { flexGrow: 1 },
       readonly,
       value: item.value,
       onChange: (v) => updateValue(item.id, v),
+      schema,
+      hasError,
       constantProps: {
         ...constantProps,
         strategies: [...constantProps?.strategies || []]
       }
     }
-  ), /* @__PURE__ */ import_react42.default.createElement(
+  ), /* @__PURE__ */ import_react43.default.createElement(
     import_semi_ui20.IconButton,
     {
       disabled: readonly,
       theme: "borderless",
-      icon: /* @__PURE__ */ import_react42.default.createElement(import_semi_icons11.IconDelete, { size: "small" }),
+      icon: /* @__PURE__ */ import_react43.default.createElement(import_semi_icons11.IconDelete, { size: "small" }),
       size: "small",
       onClick: () => remove(item.id)
     }
-  )))), /* @__PURE__ */ import_react42.default.createElement(import_semi_ui20.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react42.default.createElement(import_semi_icons11.IconPlus, null), size: "small", onClick: add }, "Add"));
+  )))), /* @__PURE__ */ import_react43.default.createElement(import_semi_ui20.Button, { disabled: readonly, icon: /* @__PURE__ */ import_react43.default.createElement(import_semi_icons11.IconPlus, null), size: "small", onClick: add }, "Add"));
 }
 
 // src/effects/provide-batch-input/index.ts