@flowgram.ai/form-materials 0.4.6 → 0.4.8

package/dist/esm/{chunk-6OZSB6PD.js → chunk-727SU246.js}

@@ -1,10 +1,13 @@
+import {
+  lazySuspense
+} from "./chunk-DEZUEMUM.js";
+
 // src/components/prompt-editor/index.tsx
-import { lazy } from "react";
-var PromptEditor = lazy(
+var PromptEditor = lazySuspense(
   () => import("./editor-6UMULJYB.js").then((module) => ({ default: module.PromptEditor }))
 );
 
 export {
   PromptEditor
 };
-//# sourceMappingURL=chunk-6OZSB6PD.js.map
+//# sourceMappingURL=chunk-727SU246.js.map

package/dist/esm/chunk-727SU246.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/prompt-editor/index.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { lazySuspense } from '@/shared';\n\nexport const PromptEditor = lazySuspense(() =>\n  import('./editor').then((module) => ({ default: module.PromptEditor }))\n);\n\nexport type { PromptEditorPropsType } from './editor';\n"],"mappings":";;;;;AAOO,IAAM,eAAe;AAAA,EAAa,MACvC,OAAO,sBAAU,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,OAAO,aAAa,EAAE;AACxE;","names":[]}

package/dist/esm/{chunk-QIJ4QVB2.js → chunk-DEZUEMUM.js}

@@ -1,5 +1,5 @@
 // src/shared/format-legacy-refs/index.ts
-import { isObject } from "lodash";
+import { isObject } from "lodash-es";
 function formatLegacyRefOnSubmit(value) {
   if (isObject(value)) {
     if (isLegacyFlowRefValueSchema(value)) {
@@ -87,7 +87,7 @@ function createInjectMaterial(Component, params) {
 }
 
 // src/shared/flow-value/utils.ts
-import { isArray, isObject as isObject2, isPlainObject, uniq } from "lodash";
+import { isArray, isObject as isObject2, isPlainObject, uniq } from "lodash-es";
 import { JsonSchemaUtils } from "@flowgram.ai/json-schema";
 
 // src/shared/flow-value/schema.ts
@@ -256,6 +256,17 @@ function unstableSetCreateRoot(createRoot) {
   unstableCreateRoot = createRoot;
 }
 
+// src/shared/lazy-suspense/index.tsx
+import React2, { lazy, Suspense } from "react";
+import { Skeleton } from "@douyinfe/semi-ui";
+function withSuspense(Component, fallback) {
+  const WithSuspenseComponent = (props) => /* @__PURE__ */ React2.createElement(Suspense, { fallback: fallback || /* @__PURE__ */ React2.createElement(Skeleton.Paragraph, { style: { width: "100%" }, rows: 1 }) }, /* @__PURE__ */ React2.createElement(Component, { ...props }));
+  return WithSuspenseComponent;
+}
+function lazySuspense(params, fallback) {
+  return withSuspense(lazy(params), fallback);
+}
+
 export {
   formatLegacyRefOnSubmit,
   formatLegacyRefOnInit,
@@ -266,6 +277,8 @@ export {
   createInjectMaterial,
   FlowValueUtils,
   polyfillCreateRoot,
-  unstableSetCreateRoot
+  unstableSetCreateRoot,
+  withSuspense,
+  lazySuspense
 };
-//# sourceMappingURL=chunk-QIJ4QVB2.js.map
+//# sourceMappingURL=chunk-DEZUEMUM.js.map

package/dist/esm/chunk-DEZUEMUM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/format-legacy-refs/index.ts","../../src/shared/inject-material/index.tsx","../../src/shared/flow-value/utils.ts","../../src/shared/flow-value/schema.ts","../../src/shared/polyfill-create-root/index.tsx","../../src/shared/lazy-suspense/index.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { isObject } from 'lodash-es';\n\ninterface LegacyFlowRefValueSchema {\n  type: 'ref';\n  content: string;\n}\n\ninterface NewFlowRefValueSchema {\n  type: 'ref';\n  content: string[];\n}\n\n/**\n * In flowgram 0.2.0, for introducing Loop variable functionality,\n * the FlowRefValueSchema type definition is updated:\n *\n * interface LegacyFlowRefValueSchema {\n *  type: 'ref';\n *  content: string;\n * }\n *\n * interface NewFlowRefValueSchema {\n *  type: 'ref';\n *  content: string[];\n * }\n *\n *\n * For making sure backend json will not be changed, we provide format legacy ref utils for updating the formData\n *\n * How to use:\n *\n * 1. Call formatLegacyRefOnSubmit on the formData before submitting\n * 2. Call formatLegacyRefOnInit on the formData after submitting\n *\n * Example:\n * import { formatLegacyRefOnSubmit, formatLegacyRefOnInit } from '@flowgram.ai/form-materials';\n * formMeta: {\n *  formatOnSubmit: (data) => formatLegacyRefOnSubmit(data),\n *  formatOnInit: (data) => formatLegacyRefOnInit(data),\n * }\n */\nexport function formatLegacyRefOnSubmit(value: any): any {\n  if (isObject(value)) {\n    if (isLegacyFlowRefValueSchema(value)) {\n      return formatLegacyRefToNewRef(value);\n    }\n\n    return Object.fromEntries(\n      Object.entries(value).map(([key, value]: [string, any]) => [\n        key,\n        formatLegacyRefOnSubmit(value),\n      ])\n    );\n  }\n\n  if (Array.isArray(value)) {\n    return value.map(formatLegacyRefOnSubmit);\n  }\n\n  return value;\n}\n\n/**\n * In flowgram 0.2.0, for introducing Loop variable functionality,\n * the FlowRefValueSchema type definition is updated:\n *\n * interface LegacyFlowRefValueSchema {\n *  type: 'ref';\n *  content: string;\n * }\n *\n * interface NewFlowRefValueSchema {\n *  type: 'ref';\n *  content: string[];\n * }\n *\n *\n * For making sure backend json will not be changed, we provide format legacy ref utils for updating the formData\n *\n * How to use:\n *\n * 1. Call formatLegacyRefOnSubmit on the formData before submitting\n * 2. Call formatLegacyRefOnInit on the formData after submitting\n *\n * Example:\n * import { formatLegacyRefOnSubmit, formatLegacyRefOnInit } from '@flowgram.ai/form-materials';\n *\n * formMeta: {\n *  formatOnSubmit: (data) => formatLegacyRefOnSubmit(data),\n *  formatOnInit: (data) => formatLegacyRefOnInit(data),\n * }\n */\nexport function formatLegacyRefOnInit(value: any): any {\n  if (isObject(value)) {\n    if (isNewFlowRefValueSchema(value)) {\n      return formatNewRefToLegacyRef(value);\n    }\n\n    return Object.fromEntries(\n      Object.entries(value).map(([key, value]: [string, any]) => [\n        key,\n        formatLegacyRefOnInit(value),\n      ])\n    );\n  }\n\n  if (Array.isArray(value)) {\n    return value.map(formatLegacyRefOnInit);\n  }\n\n  return value;\n}\n\nexport function isLegacyFlowRefValueSchema(value: any): value is LegacyFlowRefValueSchema {\n  return (\n    isObject(value) &&\n    Object.keys(value).length === 2 &&\n    (value as any).type === 'ref' &&\n    typeof (value as any).content === 'string'\n  );\n}\n\nexport function isNewFlowRefValueSchema(value: any): value is NewFlowRefValueSchema {\n  return (\n    isObject(value) &&\n    Object.keys(value).length === 2 &&\n    (value as any).type === 'ref' &&\n    Array.isArray((value as any).content)\n  );\n}\n\nexport function formatLegacyRefToNewRef(value: LegacyFlowRefValueSchema) {\n  const keyPath = value.content.split('.');\n\n  if (keyPath[1] === 'outputs') {\n    return {\n      type: 'ref',\n      content: [`${keyPath[0]}.${keyPath[1]}`, ...(keyPath.length > 2 ? keyPath.slice(2) : [])],\n    };\n  }\n\n  return {\n    type: 'ref',\n    content: keyPath,\n  };\n}\n\nexport function formatNewRefToLegacyRef(value: NewFlowRefValueSchema) {\n  return {\n    type: 'ref',\n    content: value.content.join('.'),\n  };\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport {\n  FlowRendererComponentType,\n  FlowRendererRegistry,\n  usePlaygroundContainer,\n} from '@flowgram.ai/editor';\n\n/**\n * Creates a material component wrapper with dependency injection support\n *\n * This Higher-Order Component (HOC) implements a dynamic component replacement mechanism\n * for material components. It automatically checks if a custom renderer is registered\n * in the editor context, using the injected component if available, otherwise\n * falling back to the default component.\n *\n * @example\n * ```tsx\n * // 1.Create an injectable material component\n * const InjectVariableSelector = createInjectMaterial(VariableSelector)\n *\n * // 2. Register custom components in editor\n * // Configure in use-editor-props.tsx:\n * const editorProps = {\n *   materials: {\n *     components: {\n *       [VariableSelector.renderKey]: YourCustomVariableSelector\n *     }\n *   }\n * }\n * ```\n *\n * @description\n * Data flow explanation:\n * - Register components to FlowRendererRegistry in use-editor-props\n * - InjectMaterial reads renderers from FlowRendererRegistry\n * - If registered renderer exists and type is REACT, use injected component\n * - If not exists or type mismatch, fallback to default component\n *\n * @param Component - Default React component\n * @param params - Optional parameters\n * @param params.renderKey - Custom render key name, highest priority\n * @returns Wrapper component with dependency injection support\n */\nexport function createInjectMaterial<Props>(\n  Component: React.FC<Props> & { renderKey?: string },\n  params?: {\n    renderKey?: string;\n  }\n): React.FC<Props> {\n  const InjectComponent: React.FC<Props> = (props) => {\n    const container = usePlaygroundContainer();\n\n    // Check if renderer registry is bound in container\n    if (!container?.isBound(FlowRendererRegistry)) {\n      // If no registry, use default component directly\n      return React.createElement(Component as (props?: any) => any, { ...props });\n    }\n\n    // Get renderer registry instance\n    const rendererRegistry = container.get(FlowRendererRegistry);\n\n    // Determine render key: prioritize param specified, then component renderKey, finally component name\n    const renderKey = params?.renderKey || Component.renderKey || Component.name || '';\n\n    // Get corresponding renderer from registry\n    const renderer = rendererRegistry.tryToGetRendererComponent(renderKey);\n\n    // Check if renderer exists and type is React component\n    if (renderer?.type !== FlowRendererComponentType.REACT) {\n      // If no suitable renderer found, fallback to default component\n      return React.createElement(Component as (props?: any) => any, { ...props });\n    }\n\n    // Render using injected React component\n    return React.createElement(renderer.renderer, {\n      ...props,\n    });\n  };\n\n  return InjectComponent;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { isArray, isObject, isPlainObject, uniq } from 'lodash-es';\nimport { IJsonSchema, JsonSchemaUtils } from '@flowgram.ai/json-schema';\nimport { Scope } from '@flowgram.ai/editor';\n\nimport {\n  IFlowConstantValue,\n  IFlowRefValue,\n  IFlowExpressionValue,\n  IFlowTemplateValue,\n  IFlowValue,\n  IFlowConstantRefValue,\n  FlowValueType,\n} from '@/typings';\n\nimport { constantSchema, refSchema, expressionSchema, templateSchema } from './schema';\n\nexport namespace FlowValueUtils {\n  /**\n   * Check if the value is a constant type\n   */\n  export function isConstant(value: any): value is IFlowConstantValue {\n    return constantSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is a reference type\n   */\n  export function isRef(value: any): value is IFlowRefValue {\n    return refSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is an expression type\n   */\n  export function isExpression(value: any): value is IFlowExpressionValue {\n    return expressionSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is a template type\n   */\n  export function isTemplate(value: any): value is IFlowTemplateValue {\n    return templateSchema.safeParse(value).success;\n  }\n\n  /**\n   * Check if the value is either a constant or reference type\n   */\n  export function isConstantOrRef(value: any): value is IFlowConstantRefValue {\n    return isConstant(value) || isRef(value);\n  }\n\n  /**\n   * Check if the value is a valid flow value type\n   */\n  export function isFlowValue(value: any): value is IFlowValue {\n    return isConstant(value) || isRef(value) || isExpression(value) || isTemplate(value);\n  }\n\n  /**\n   * Traverse all flow values in the given value\n   * @param value The value to traverse\n   * @param options The options to traverse\n   * @returns A generator of flow values\n   */\n  export function* traverse(\n    value: any,\n    options: {\n      includeTypes?: FlowValueType[];\n      path?: string;\n    }\n  ): Generator<{ value: IFlowValue; path: string }> {\n    const { includeTypes = ['ref', 'template'], path = '' } = options;\n\n    if (isPlainObject(value)) {\n      if (isRef(value) && includeTypes.includes('ref')) {\n        yield { value, path };\n        return;\n      }\n\n      if (isTemplate(value) && includeTypes.includes('template')) {\n        yield { value, path };\n        return;\n      }\n\n      if (isExpression(value) && includeTypes.includes('expression')) {\n        yield { value, path };\n        return;\n      }\n\n      if (isConstant(value) && includeTypes.includes('constant')) {\n        yield { value, path };\n        return;\n      }\n\n      for (const [_key, _value] of Object.entries(value)) {\n        yield* traverse(_value, { ...options, path: `${path}.${_key}` });\n      }\n      return;\n    }\n\n    if (isArray(value)) {\n      for (const [_idx, _value] of value.entries()) {\n        yield* traverse(_value, { ...options, path: `${path}[${_idx}]` });\n      }\n      return;\n    }\n\n    return;\n  }\n\n  /**\n   * Get all key paths in the template value\n   * @param value The template value\n   * @returns A list of key paths\n   */\n  export function getTemplateKeyPaths(value: IFlowTemplateValue) {\n    // find all keyPath wrapped in {{}}\n    const keyPathReg = /\\{\\{([^\\}\\{]+)\\}\\}/g;\n    return uniq(value.content?.match(keyPathReg) || []).map((_keyPath) =>\n      _keyPath.slice(2, -2).split('.')\n    );\n  }\n\n  /**\n   * Infer the schema of the constant value\n   * @param value\n   * @returns\n   */\n  export function inferConstantJsonSchema(value: IFlowConstantValue): IJsonSchema | undefined {\n    if (value?.schema) {\n      return value.schema;\n    }\n\n    if (typeof value.content === 'string') {\n      return {\n        type: 'string',\n      };\n    }\n\n    if (typeof value.content === 'number') {\n      return {\n        type: 'number',\n      };\n    }\n\n    if (typeof value.content === 'boolean') {\n      return {\n        type: 'boolean',\n      };\n    }\n\n    if (isObject(value.content)) {\n      return {\n        type: 'object',\n      };\n    }\n    return undefined;\n  }\n\n  /**\n   * Infer the schema of the flow value\n   * @param values The flow value or object contains flow value\n   * @param scope\n   * @returns\n   */\n  export function inferJsonSchema(values: any, scope: Scope): IJsonSchema | undefined {\n    if (isPlainObject(values)) {\n      if (isConstant(values)) {\n        return inferConstantJsonSchema(values);\n      }\n\n      if (isRef(values)) {\n        const variable = scope.available.getByKeyPath(values?.content);\n        const schema = variable?.type ? JsonSchemaUtils.astToSchema(variable?.type) : undefined;\n\n        return schema;\n      }\n\n      if (isTemplate(values)) {\n        return { type: 'string' };\n      }\n\n      return {\n        type: 'object',\n        properties: Object.keys(values).reduce((acc, key) => {\n          const schema = inferJsonSchema((values as any)[key], scope);\n          if (schema) {\n            acc[key] = schema;\n          }\n          return acc;\n        }, {} as Record<string, IJsonSchema>),\n      };\n    }\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport z from 'zod';\n\n// Shared extra schema for flow value types\nexport const extraSchema = z\n  .object({\n    index: z.number().optional(),\n  })\n  .optional();\n\nexport const constantSchema = z.object({\n  type: z.literal('constant'),\n  content: z.any().optional(),\n  schema: z.any().optional(),\n  extra: extraSchema,\n});\n\nexport const refSchema = z.object({\n  type: z.literal('ref'),\n  content: z.array(z.string()).optional(),\n  extra: extraSchema,\n});\n\nexport const expressionSchema = z.object({\n  type: z.literal('expression'),\n  content: z.string().optional(),\n  extra: extraSchema,\n});\n\nexport const templateSchema = z.object({\n  type: z.literal('template'),\n  content: z.string().optional(),\n  extra: extraSchema,\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport * as ReactDOM from 'react-dom';\n\nexport interface IPolyfillRoot {\n  render(children: React.ReactNode): void;\n  unmount(): void;\n}\n\n/**\n * React 18 polyfill\n * @param dom\n * @returns\n */\nlet unstableCreateRoot = (dom: HTMLElement): IPolyfillRoot => ({\n  render(children: JSX.Element) {\n    ReactDOM.render(children, dom);\n  },\n  unmount() {\n    ReactDOM.unmountComponentAtNode(dom);\n  },\n});\n\nexport function polyfillCreateRoot(dom: HTMLElement): IPolyfillRoot {\n  return unstableCreateRoot(dom);\n}\n\nexport function unstableSetCreateRoot(createRoot: (dom: HTMLElement) => IPolyfillRoot) {\n  unstableCreateRoot = createRoot;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { ComponentType, lazy, Suspense } from 'react';\n\nimport { Skeleton } from '@douyinfe/semi-ui';\n\nexport function withSuspense<T extends ComponentType<any>>(\n  Component: T,\n  fallback?: React.ReactNode\n): T {\n  const WithSuspenseComponent: T = ((props: any) => (\n    <Suspense fallback={fallback || <Skeleton.Paragraph style={{ width: '100%' }} rows={1} />}>\n      <Component {...props} />\n    </Suspense>\n  )) as any;\n\n  return WithSuspenseComponent;\n}\n\nexport function lazySuspense<T extends ComponentType<any>>(\n  params: Parameters<typeof lazy<T>>[0],\n  fallback?: React.ReactNode\n) {\n  return withSuspense(lazy(params), fallback);\n}\n"],"mappings":"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","names":["value","isObject","FlowValueUtils","isObject","React"]}

package/dist/esm/{chunk-G4HQ7OSI.js → chunk-IHOHRV5V.js}

@@ -1,10 +1,10 @@
 import {
-  createInjectMaterial
-} from "./chunk-QIJ4QVB2.js";
+  createInjectMaterial,
+  lazySuspense
+} from "./chunk-DEZUEMUM.js";
 
 // src/components/code-editor/index.tsx
-import { lazy } from "react";
-var CodeEditor = lazy(
+var CodeEditor = lazySuspense(
   () => import("./editor-E2BQTPCD.js").then((module) => ({ default: module.CodeEditor }))
 );
 
@@ -119,15 +119,33 @@ var integerRegistry = {
   )
 };
 
-// src/plugins/json-schema-preset/type-definition/boolean.tsx
+// src/plugins/json-schema-preset/type-definition/date-time.tsx
 import React6 from "react";
+import { DatePicker } from "@douyinfe/semi-ui";
+var dateTimeRegistry = {
+  type: "date-time",
+  ConstantRenderer: (props) => /* @__PURE__ */ React6.createElement(
+    DatePicker,
+    {
+      size: "small",
+      type: "dateTime",
+      density: "compact",
+      style: { width: "100%", ...props.style || {} },
+      disabled: props.readonly,
+      ...props
+    }
+  )
+};
+
+// src/plugins/json-schema-preset/type-definition/boolean.tsx
+import React7 from "react";
 import { I18n as I18n5 } from "@flowgram.ai/editor";
 import { Select } from "@douyinfe/semi-ui";
 var booleanRegistry = {
   type: "boolean",
   ConstantRenderer: (props) => {
     const { value, onChange, ...rest } = props;
-    return /* @__PURE__ */ React6.createElement(
+    return /* @__PURE__ */ React7.createElement(
       Select,
       {
         placeholder: I18n5.t("Please Select Boolean"),
@@ -146,11 +164,11 @@ var booleanRegistry = {
 };
 
 // src/plugins/json-schema-preset/type-definition/array.tsx
-import React7 from "react";
+import React8 from "react";
 import { I18n as I18n6 } from "@flowgram.ai/editor";
 var arrayRegistry = {
   type: "array",
-  ConstantRenderer: (props) => /* @__PURE__ */ React7.createElement(
+  ConstantRenderer: (props) => /* @__PURE__ */ React8.createElement(
     CodeEditorMini,
     {
       value: props.value,
@@ -169,7 +187,8 @@ var jsonSchemaTypePreset = [
   numberRegistry,
   integerRegistry,
   booleanRegistry,
-  arrayRegistry
+  arrayRegistry,
+  dateTimeRegistry
 ];
 jsonSchemaTypePreset.forEach((_type) => jsonSchemaTypeManager.register(_type));
 
@@ -185,7 +204,7 @@ var createTypePresetPlugin = definePluginCreator({
 });
 
 // src/plugins/json-schema-preset/index.tsx
-import React8 from "react";
+import React9 from "react";
 import {
   JsonSchemaUtils,
   useTypeManager as useOriginTypeManager,
@@ -195,7 +214,7 @@ var useTypeManager = () => useOriginTypeManager();
 var JsonSchemaTypePresetProvider = ({
   types = [],
   children
-}) => /* @__PURE__ */ React8.createElement(OriginTypePresetProvider, { types: [...jsonSchemaTypePreset, ...types] }, children);
+}) => /* @__PURE__ */ React9.createElement(OriginTypePresetProvider, { types: [...jsonSchemaTypePreset, ...types] }, children);
 
 // src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts
 import {
@@ -222,23 +241,23 @@ var createDisableDeclarationPlugin = definePluginCreator2({
 });
 
 // src/components/variable-selector/use-variable-tree.tsx
-import React9, { useCallback } from "react";
+import React10, { useCallback } from "react";
 import { JsonSchemaUtils as JsonSchemaUtils2 } from "@flowgram.ai/json-schema";
 import { ASTMatch as ASTMatch2, useAvailableVariables } from "@flowgram.ai/editor";
 import { Icon } from "@douyinfe/semi-ui";
 function useVariableTree(params) {
-  const { includeSchema, excludeSchema, customSkip } = params;
+  const { includeSchema, excludeSchema, skipVariable } = params;
   const typeManager = useTypeManager();
   const variables = useAvailableVariables();
   const getVariableTypeIcon = useCallback((variable) => {
     if (variable.meta?.icon) {
       if (typeof variable.meta.icon === "string") {
-        return /* @__PURE__ */ React9.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: variable.meta.icon });
+        return /* @__PURE__ */ React10.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: variable.meta.icon });
       }
       return variable.meta.icon;
     }
     const schema = JsonSchemaUtils2.astToSchema(variable.type, { drilldownObject: false });
-    return /* @__PURE__ */ React9.createElement(Icon, { size: "small", svg: typeManager.getDisplayIcon(schema || {}) });
+    return /* @__PURE__ */ React10.createElement(Icon, { size: "small", svg: typeManager.getDisplayIcon(schema || {}) });
   }, []);
   const renderVariable = (variable, parentFields = []) => {
     let type = variable?.type;
@@ -253,7 +272,7 @@ function useVariableTree(params) {
     const key = keyPath.join(".");
     const isSchemaInclude = includeSchema ? JsonSchemaUtils2.isASTMatchSchema(type, includeSchema) : true;
     const isSchemaExclude = excludeSchema ? JsonSchemaUtils2.isASTMatchSchema(type, excludeSchema) : false;
-    const isCustomSkip = customSkip ? customSkip(variable) : false;
+    const isCustomSkip = skipVariable ? skipVariable(variable) : false;
     const isMetaDisabled = variable.meta?.disabled;
     const isSchemaMatch = isSchemaInclude && !isSchemaExclude && !isCustomSkip && !isMetaDisabled;
     if (!isSchemaMatch && !children?.length) {
@@ -274,8 +293,20 @@ function useVariableTree(params) {
   return [...variables.slice(0).reverse()].map((_variable) => renderVariable(_variable)).filter(Boolean);
 }
 
+// src/components/variable-selector/context.tsx
+import React11, { createContext, useContext, useMemo } from "react";
+var VariableSelectorContext = createContext({});
+var useVariableSelectorContext = () => useContext(VariableSelectorContext);
+var VariableSelectorProvider = ({
+  children,
+  skipVariable
+}) => {
+  const context = useMemo(() => ({ skipVariable }), [skipVariable]);
+  return /* @__PURE__ */ React11.createElement(VariableSelectorContext.Provider, { value: context }, children);
+};
+
 // src/components/variable-selector/index.tsx
-import React10, { useMemo } from "react";
+import React12, { useMemo as useMemo2 } from "react";
 import { I18n as I18n7 } from "@flowgram.ai/editor";
 import { Popover } from "@douyinfe/semi-ui";
 import { IconChevronDownStroked, IconIssueStroked } from "@douyinfe/semi-icons";
@@ -351,8 +382,13 @@ var VariableSelector = ({
   hasError,
   triggerRender
 }) => {
-  const treeData = useVariableTree({ includeSchema, excludeSchema });
-  const treeValue = useMemo(() => {
+  const { skipVariable } = useVariableSelectorContext();
+  const treeData = useVariableTree({
+    includeSchema,
+    excludeSchema,
+    skipVariable
+  });
+  const treeValue = useMemo2(() => {
     if (typeof value === "string") {
       console.warn(
         "The Value of VariableSelector is a string, it should be an ARRAY. \n",
@@ -364,11 +400,11 @@ var VariableSelector = ({
   }, [value]);
   const renderIcon = (icon) => {
     if (typeof icon === "string") {
-      return /* @__PURE__ */ React10.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
+      return /* @__PURE__ */ React12.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: icon });
     }
     return icon;
   };
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
     UITreeSelect,
     {
       dropdownMatchSelectWidth: false,
@@ -385,10 +421,10 @@ var VariableSelector = ({
       },
       renderSelectedItem: (_option) => {
         if (!_option?.keyPath) {
-          return /* @__PURE__ */ React10.createElement(
+          return /* @__PURE__ */ React12.createElement(
             UITag,
             {
-              prefixIcon: /* @__PURE__ */ React10.createElement(IconIssueStroked, null),
+              prefixIcon: /* @__PURE__ */ React12.createElement(IconIssueStroked, null),
               color: "amber",
               closable: !readonly,
               onClose: () => onChange(void 0)
@@ -397,13 +433,13 @@ var VariableSelector = ({
           );
         }
         const rootIcon = renderIcon(_option.rootMeta?.icon || _option?.icon);
-        const rootTitle = /* @__PURE__ */ React10.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} ${_option.isRoot ? "" : "-"} ` : null);
-        return /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement(
+        const rootTitle = /* @__PURE__ */ React12.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} ${_option.isRoot ? "" : "-"} ` : null);
+        return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(
           Popover,
           {
-            content: /* @__PURE__ */ React10.createElement(UIPopoverContent, null, rootIcon, rootTitle, /* @__PURE__ */ React10.createElement(UIVarName, null, _option.keyPath.slice(1).join(".")))
+            content: /* @__PURE__ */ React12.createElement(UIPopoverContent, null, rootIcon, rootTitle, /* @__PURE__ */ React12.createElement(UIVarName, null, _option.keyPath.slice(1).join(".")))
           },
-          /* @__PURE__ */ React10.createElement(
+          /* @__PURE__ */ React12.createElement(
             UITag,
             {
               prefixIcon: rootIcon,
@@ -411,12 +447,12 @@ var VariableSelector = ({
               onClose: () => onChange(void 0)
             },
             rootTitle,
-            !_option.isRoot && /* @__PURE__ */ React10.createElement(UIVarName, { $inSelector: true }, _option.label)
+            !_option.isRoot && /* @__PURE__ */ React12.createElement(UIVarName, { $inSelector: true }, _option.label)
           )
         ));
       },
       showClear: false,
-      arrowIcon: /* @__PURE__ */ React10.createElement(IconChevronDownStroked, { size: "small" }),
+      arrowIcon: /* @__PURE__ */ React12.createElement(IconChevronDownStroked, { size: "small" }),
       triggerRender,
       placeholder: config?.placeholder ?? I18n7.t("Select Variable")
     }
@@ -434,7 +470,8 @@ export {
   JsonSchemaTypePresetProvider,
   createDisableDeclarationPlugin,
   useVariableTree,
+  VariableSelectorProvider,
   VariableSelector,
   InjectVariableSelector
 };
-//# sourceMappingURL=chunk-G4HQ7OSI.js.map
+//# sourceMappingURL=chunk-IHOHRV5V.js.map

package/dist/esm/chunk-IHOHRV5V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/code-editor/index.tsx","../../src/components/code-editor-mini/index.tsx","../../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../../src/plugins/json-schema-preset/type-definition/index.tsx","../../src/plugins/json-schema-preset/type-definition/string.tsx","../../src/plugins/json-schema-preset/type-definition/object.tsx","../../src/plugins/json-schema-preset/type-definition/number.tsx","../../src/plugins/json-schema-preset/type-definition/integer.tsx","../../src/plugins/json-schema-preset/type-definition/date-time.tsx","../../src/plugins/json-schema-preset/type-definition/boolean.tsx","../../src/plugins/json-schema-preset/type-definition/array.tsx","../../src/plugins/json-schema-preset/index.tsx","../../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../../src/components/variable-selector/use-variable-tree.tsx","../../src/components/variable-selector/context.tsx","../../src/components/variable-selector/index.tsx","../../src/components/variable-selector/styles.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { lazySuspense } from '@/shared';\n\nexport const CodeEditor = lazySuspense(() =>\n  import('./editor').then((module) => ({ default: module.CodeEditor }))\n);\n\nexport type { CodeEditorPropsType } from './editor';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport styled from 'styled-components';\n\nimport { CodeEditor, type CodeEditorPropsType } from '@/components/code-editor';\n\nconst UIMini = styled.div`\n  .ͼ1 .cm-content {\n  }\n`;\n\nexport function CodeEditorMini(props: CodeEditorPropsType) {\n  return (\n    <UIMini>\n      <CodeEditor\n        {...props}\n        options={{\n          lineNumbersGutter: false,\n          foldGutter: false,\n          minHeight: 24,\n          ...(props.options || {}),\n        }}\n      />\n    </UIMini>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport {\n  BaseTypeManager,\n  jsonSchemaContainerModule,\n  JsonSchemaTypeManager,\n} from '@flowgram.ai/json-schema';\nimport { definePluginCreator } from '@flowgram.ai/editor';\n\nimport { jsonSchemaTypePreset } from './type-definition';\nimport { JsonSchemaTypeRegistry } from './manager';\n\nexport const createTypePresetPlugin = definePluginCreator<{\n  types?: Partial<JsonSchemaTypeRegistry> & Pick<JsonSchemaTypeRegistry, 'type'>[];\n  unregisterTypes?: string[];\n}>({\n  onInit(ctx, opts) {\n    const typeManager = ctx.get(BaseTypeManager) as JsonSchemaTypeManager;\n    jsonSchemaTypePreset.forEach((_type) => typeManager.register(_type));\n\n    opts.types?.forEach((_type) => typeManager.register(_type));\n    opts.unregisterTypes?.forEach((_type) => typeManager.unregister(_type));\n  },\n  containerModules: [jsonSchemaContainerModule],\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { jsonSchemaTypeManager } from '@flowgram.ai/json-schema';\n\nimport { stringRegistry } from './string';\nimport { objectRegistry } from './object';\nimport { numberRegistry } from './number';\nimport { integerRegistry } from './integer';\nimport { dateTimeRegistry } from './date-time';\nimport { booleanRegistry } from './boolean';\nimport { arrayRegistry } from './array';\n\nexport const jsonSchemaTypePreset = [\n  stringRegistry,\n  objectRegistry,\n  numberRegistry,\n  integerRegistry,\n  booleanRegistry,\n  arrayRegistry,\n  dateTimeRegistry,\n];\n\njsonSchemaTypePreset.forEach((_type) => jsonSchemaTypeManager.register(_type));\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { Input, TextArea } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const stringRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'string',\n  ConstantRenderer: (props) =>\n    props?.enableMultiLineStr ? (\n      <TextArea\n        autosize\n        rows={1}\n        placeholder={I18n.t('Please Input String')}\n        disabled={props.readonly}\n        {...props}\n      />\n    ) : (\n      <Input\n        size=\"small\"\n        placeholder={I18n.t('Please Input String')}\n        disabled={props.readonly}\n        {...props}\n      />\n    ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\n\nimport { CodeEditorMini } from '@/components/code-editor-mini';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const objectRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'object',\n  ConstantRenderer: (props) => (\n    <CodeEditorMini\n      value={props.value}\n      onChange={(v) => props.onChange?.(v)}\n      languageId=\"json\"\n      placeholder={I18n.t('Please Input Object')}\n      readonly={props.readonly}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { InputNumber } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const numberRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'number',\n  ConstantRenderer: (props) => (\n    <InputNumber\n      placeholder={I18n.t('Please Input Number')}\n      size=\"small\"\n      disabled={props.readonly}\n      hideButtons\n      {...props}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { InputNumber } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const integerRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'integer',\n  ConstantRenderer: (props) => (\n    <InputNumber\n      placeholder={I18n.t('Please Input Integer')}\n      size=\"small\"\n      disabled={props.readonly}\n      precision={0}\n      {...props}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { DatePicker } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const dateTimeRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'date-time',\n  ConstantRenderer: (props) => (\n    <DatePicker\n      size=\"small\"\n      type=\"dateTime\"\n      density=\"compact\"\n      style={{ width: '100%', ...(props.style || {}) }}\n      disabled={props.readonly}\n      {...props}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { Select } from '@douyinfe/semi-ui';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const booleanRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'boolean',\n  ConstantRenderer: (props) => {\n    const { value, onChange, ...rest } = props;\n    return (\n      <Select\n        placeholder={I18n.t('Please Select Boolean')}\n        size=\"small\"\n        disabled={props.readonly}\n        optionList={[\n          { label: I18n.t('True'), value: 1 },\n          { label: I18n.t('False'), value: 0 },\n        ]}\n        value={value ? 1 : 0}\n        onChange={(value) => onChange?.(!!value)}\n        {...rest}\n      />\n    );\n  },\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\n/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\n\nimport { CodeEditorMini } from '@/components/code-editor-mini';\n\nimport { type JsonSchemaTypeRegistry } from '../manager';\n\nexport const arrayRegistry: Partial<JsonSchemaTypeRegistry> = {\n  type: 'array',\n  ConstantRenderer: (props) => (\n    <CodeEditorMini\n      value={props.value}\n      languageId=\"json\"\n      onChange={(v) => props.onChange?.(v)}\n      placeholder={I18n.t('Please Input Array')}\n      readonly={props.readonly}\n    />\n  ),\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport React from 'react';\n\nimport {\n  type IJsonSchema,\n  JsonSchemaUtils,\n  useTypeManager as useOriginTypeManager,\n  TypePresetProvider as OriginTypePresetProvider,\n  JsonSchemaTypeManager,\n  type JsonSchemaBasicType,\n} from '@flowgram.ai/json-schema';\n\nimport { jsonSchemaTypePreset } from './type-definition';\nimport { type JsonSchemaTypeRegistry, type ConstantRendererProps } from './manager';\nimport { createTypePresetPlugin } from './create-type-preset-plugin';\n\nconst useTypeManager = () =>\n  useOriginTypeManager() as JsonSchemaTypeManager<IJsonSchema, JsonSchemaTypeRegistry>;\n\nconst JsonSchemaTypePresetProvider = ({\n  types = [],\n  children,\n}: React.PropsWithChildren<{ types: JsonSchemaTypeRegistry[] }>) => (\n  <OriginTypePresetProvider types={[...jsonSchemaTypePreset, ...types]}>\n    {children}\n  </OriginTypePresetProvider>\n);\n\nexport {\n  createTypePresetPlugin,\n  useTypeManager,\n  JsonSchemaTypePresetProvider,\n  IJsonSchema,\n  JsonSchemaUtils,\n  JsonSchemaTypeRegistry,\n  ConstantRendererProps,\n  JsonSchemaBasicType,\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport {\n  ASTMatch,\n  definePluginCreator,\n  type GlobalEventActionType,\n  VariableEngine,\n} from '@flowgram.ai/editor';\n\nexport const createDisableDeclarationPlugin = definePluginCreator<void>({\n  onInit(ctx) {\n    const variableEngine = ctx.get(VariableEngine);\n\n    const handleEvent = (action: GlobalEventActionType) => {\n      if (ASTMatch.isVariableDeclaration(action.ast)) {\n        if (!action.ast.meta?.disabled) {\n          action.ast.updateMeta({\n            ...(action.ast.meta || {}),\n            disabled: true,\n          });\n        }\n      }\n    };\n\n    variableEngine.onGlobalEvent('NewAST', handleEvent);\n    variableEngine.onGlobalEvent('UpdateAST', handleEvent);\n  },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useCallback } from 'react';\n\nimport { IJsonSchema, JsonSchemaUtils } from '@flowgram.ai/json-schema';\nimport { ASTMatch, BaseVariableField, useAvailableVariables } from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Icon } from '@douyinfe/semi-ui';\n\nimport { useTypeManager } from '@/plugins';\n\ntype VariableField = BaseVariableField<{\n  icon?: string | JSX.Element;\n  title?: string;\n  disabled?: boolean;\n}>;\n\nexport function useVariableTree(params: {\n  includeSchema?: IJsonSchema | IJsonSchema[];\n  excludeSchema?: IJsonSchema | IJsonSchema[];\n  skipVariable?: (variable: VariableField) => boolean;\n}): TreeNodeData[] {\n  const { includeSchema, excludeSchema, skipVariable } = params;\n\n  const typeManager = useTypeManager();\n  const variables = useAvailableVariables();\n\n  const getVariableTypeIcon = useCallback((variable: VariableField) => {\n    if (variable.meta?.icon) {\n      if (typeof variable.meta.icon === 'string') {\n        return <img style={{ marginRight: 8 }} width={12} height={12} src={variable.meta.icon} />;\n      }\n\n      return variable.meta.icon;\n    }\n\n    const schema = JsonSchemaUtils.astToSchema(variable.type, { drilldownObject: false });\n\n    return <Icon size=\"small\" svg={typeManager.getDisplayIcon(schema || {})} />;\n  }, []);\n\n  const renderVariable = (\n    variable: VariableField,\n    parentFields: VariableField[] = []\n  ): TreeNodeData | null => {\n    let type = variable?.type;\n\n    if (!type) {\n      return null;\n    }\n\n    let children: TreeNodeData[] | undefined;\n\n    if (ASTMatch.isObject(type)) {\n      children = (type.properties || [])\n        .map((_property) => renderVariable(_property as VariableField, [...parentFields, variable]))\n        .filter(Boolean) as TreeNodeData[];\n    }\n\n    const keyPath = [...parentFields.map((_field) => _field.key), variable.key];\n    const key = keyPath.join('.');\n\n    const isSchemaInclude = includeSchema\n      ? JsonSchemaUtils.isASTMatchSchema(type, includeSchema)\n      : true;\n    const isSchemaExclude = excludeSchema\n      ? JsonSchemaUtils.isASTMatchSchema(type, excludeSchema)\n      : false;\n    const isCustomSkip = skipVariable ? skipVariable(variable) : false;\n\n    // disabled in meta when created\n    const isMetaDisabled = variable.meta?.disabled;\n\n    const isSchemaMatch = isSchemaInclude && !isSchemaExclude && !isCustomSkip && !isMetaDisabled;\n\n    // If not match, and no children, return null\n    if (!isSchemaMatch && !children?.length) {\n      return null;\n    }\n\n    return {\n      key: key,\n      label: variable.meta?.title || variable.key,\n      value: key,\n      keyPath,\n      icon: getVariableTypeIcon(variable),\n      children,\n      disabled: !isSchemaMatch,\n      rootMeta: parentFields[0]?.meta || variable.meta,\n      isRoot: !parentFields?.length,\n    };\n  };\n\n  return [...variables.slice(0).reverse()]\n    .map((_variable) => renderVariable(_variable as VariableField))\n    .filter(Boolean) as TreeNodeData[];\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { createContext, useContext, useMemo } from 'react';\n\nimport { BaseVariableField } from '@flowgram.ai/editor';\n\nexport const VariableSelectorContext = createContext<{\n  skipVariable?: (variable?: BaseVariableField) => boolean;\n}>({});\n\nexport const useVariableSelectorContext = () => useContext(VariableSelectorContext);\n\nexport const VariableSelectorProvider = ({\n  children,\n  skipVariable,\n}: {\n  skipVariable?: (variable?: BaseVariableField) => boolean;\n  children: React.ReactNode;\n}) => {\n  const context = useMemo(() => ({ skipVariable }), [skipVariable]);\n\n  return (\n    <VariableSelectorContext.Provider value={context}>{children}</VariableSelectorContext.Provider>\n  );\n};\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useMemo } from 'react';\n\nimport { IJsonSchema } from '@flowgram.ai/json-schema';\nimport { I18n } from '@flowgram.ai/editor';\nimport { TriggerRenderProps } from '@douyinfe/semi-ui/lib/es/treeSelect';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Popover } from '@douyinfe/semi-ui';\nimport { IconChevronDownStroked, IconIssueStroked } from '@douyinfe/semi-icons';\n\nimport { createInjectMaterial } from '@/shared';\n\nimport { useVariableTree } from './use-variable-tree';\nimport { UIPopoverContent, UIRootTitle, UITag, UITreeSelect, UIVarName } from './styles';\nimport { useVariableSelectorContext } from './context';\n\nexport interface VariableSelectorProps {\n  value?: string[];\n  config?: {\n    placeholder?: string;\n    notFoundContent?: string;\n  };\n  onChange: (value?: string[]) => void;\n  includeSchema?: IJsonSchema | IJsonSchema[];\n  excludeSchema?: IJsonSchema | IJsonSchema[];\n  readonly?: boolean;\n  hasError?: boolean;\n  style?: React.CSSProperties;\n  triggerRender?: (props: TriggerRenderProps) => React.ReactNode;\n}\n\nexport { useVariableTree };\n\nexport const VariableSelector = ({\n  value,\n  config = {},\n  onChange,\n  style,\n  readonly = false,\n  includeSchema,\n  excludeSchema,\n  hasError,\n  triggerRender,\n}: VariableSelectorProps) => {\n  const { skipVariable } = useVariableSelectorContext();\n\n  const treeData = useVariableTree({\n    includeSchema,\n    excludeSchema,\n    skipVariable,\n  });\n\n  const treeValue = useMemo(() => {\n    if (typeof value === 'string') {\n      console.warn(\n        'The Value of VariableSelector is a string, it should be an ARRAY. \\n',\n        'Please check the value of VariableSelector \\n'\n      );\n      return value;\n    }\n    return value?.join('.');\n  }, [value]);\n\n  const renderIcon = (icon: string | JSX.Element) => {\n    if (typeof icon === 'string') {\n      return <img style={{ marginRight: 8 }} width={12} height={12} src={icon} />;\n    }\n\n    return icon;\n  };\n\n  return (\n    <>\n      <UITreeSelect\n        dropdownMatchSelectWidth={false}\n        disabled={readonly}\n        treeData={treeData}\n        size=\"small\"\n        value={treeValue}\n        clearIcon={null}\n        $error={hasError}\n        style={style}\n        validateStatus={hasError ? 'error' : undefined}\n        onChange={(_, _config) => {\n          onChange((_config as TreeNodeData).keyPath as string[]);\n        }}\n        renderSelectedItem={(_option: TreeNodeData) => {\n          if (!_option?.keyPath) {\n            return (\n              <UITag\n                prefixIcon={<IconIssueStroked />}\n                color=\"amber\"\n                closable={!readonly}\n                onClose={() => onChange(undefined)}\n              >\n                {config?.notFoundContent ?? 'Undefined'}\n              </UITag>\n            );\n          }\n\n          const rootIcon = renderIcon(_option.rootMeta?.icon || _option?.icon);\n\n          const rootTitle = (\n            <UIRootTitle>\n              {_option.rootMeta?.title\n                ? `${_option.rootMeta?.title} ${_option.isRoot ? '' : '-'} `\n                : null}\n            </UIRootTitle>\n          );\n\n          return (\n            <div>\n              <Popover\n                content={\n                  <UIPopoverContent>\n                    {rootIcon}\n                    {rootTitle}\n                    <UIVarName>{_option.keyPath.slice(1).join('.')}</UIVarName>\n                  </UIPopoverContent>\n                }\n              >\n                <UITag\n                  prefixIcon={rootIcon}\n                  closable={!readonly}\n                  onClose={() => onChange(undefined)}\n                >\n                  {rootTitle}\n                  {!_option.isRoot && <UIVarName $inSelector>{_option.label}</UIVarName>}\n                </UITag>\n              </Popover>\n            </div>\n          );\n        }}\n        showClear={false}\n        arrowIcon={<IconChevronDownStroked size=\"small\" />}\n        triggerRender={triggerRender}\n        placeholder={config?.placeholder ?? I18n.t('Select Variable')}\n      />\n    </>\n  );\n};\n\nVariableSelector.renderKey = 'variable-selector-render-key';\nexport const InjectVariableSelector = createInjectMaterial(VariableSelector);\n\nexport { VariableSelectorProvider } from './context';\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport styled, { css } from 'styled-components';\nimport { Tag, TreeSelect } from '@douyinfe/semi-ui';\n\nexport const UIRootTitle = styled.div`\n  margin-right: 4px;\n  min-width: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--semi-color-text-2);\n`;\n\nexport const UIVarName = styled.div<{ $inSelector?: boolean }>`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  ${({ $inSelector }) =>\n    $inSelector &&\n    css`\n      min-width: 50%;\n    `}\n`;\n\nexport const UITag = styled(Tag)`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  & .semi-tag-content-center {\n    justify-content: flex-start;\n  }\n\n  &.semi-tag {\n    margin: 0;\n    height: 22px;\n  }\n`;\n\nexport const UITreeSelect = styled(TreeSelect)<{ $error?: boolean }>`\n  outline: ${({ $error }) => ($error ? '1px solid red' : 'none')};\n\n  & .semi-tree-select-selection {\n    padding: 0px;\n    height: 22px;\n  }\n\n  & .semi-tree-select-selection-content {\n    width: 100%;\n  }\n\n  & .semi-tree-select-selection-placeholder {\n    padding-left: 10px;\n  }\n`;\n\nexport const UIPopoverContent = styled.div`\n  padding: 10px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  white-space: nowrap;\n`;\n"],"mappings":";;;;;;AAOO,IAAM,aAAa;AAAA,EAAa,MACrC,OAAO,sBAAU,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,OAAO,WAAW,EAAE;AACtE;;;ACJA,OAAO,WAAW;AAElB,OAAO,YAAY;AAInB,IAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAKf,SAAS,eAAe,OAA4B;AACzD,SACE,oCAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS;AAAA,QACP,mBAAmB;AAAA,QACnB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,GAAI,MAAM,WAAW,CAAC;AAAA,MACxB;AAAA;AAAA,EACF,CACF;AAEJ;;;ACzBA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,2BAA2B;;;ACLpC,SAAS,6BAA6B;;;ACCtC,OAAOA,YAAW;AAElB,SAAS,YAAY;AACrB,SAAS,OAAO,gBAAgB;AAIzB,IAAM,iBAAkD;AAAA,EAC7D,MAAM;AAAA,EACN,kBAAkB,CAAC,UACjB,OAAO,qBACL,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAa,KAAK,EAAE,qBAAqB;AAAA,MACzC,UAAU,MAAM;AAAA,MACf,GAAG;AAAA;AAAA,EACN,IAEA,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAa,KAAK,EAAE,qBAAqB;AAAA,MACzC,UAAU,MAAM;AAAA,MACf,GAAG;AAAA;AAAA,EACN;AAEN;;;AC1BA,OAAOC,YAAW;AAElB,SAAS,QAAAC,aAAY;AAMd,IAAM,iBAAkD;AAAA,EAC7D,MAAM;AAAA,EACN,kBAAkB,CAAC,UACjB,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,UAAU,CAAC,MAAM,MAAM,WAAW,CAAC;AAAA,MACnC,YAAW;AAAA,MACX,aAAaC,MAAK,EAAE,qBAAqB;AAAA,MACzC,UAAU,MAAM;AAAA;AAAA,EAClB;AAEJ;;;ACnBA,OAAOC,YAAW;AAElB,SAAS,QAAAC,aAAY;AACrB,SAAS,mBAAmB;AAIrB,IAAM,iBAAkD;AAAA,EAC7D,MAAM;AAAA,EACN,kBAAkB,CAAC,UACjB,gBAAAD,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,aAAaC,MAAK,EAAE,qBAAqB;AAAA,MACzC,MAAK;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,aAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;;;AClBA,OAAOC,YAAW;AAElB,SAAS,QAAAC,aAAY;AACrB,SAAS,eAAAC,oBAAmB;AAIrB,IAAM,kBAAmD;AAAA,EAC9D,MAAM;AAAA,EACN,kBAAkB,CAAC,UACjB,gBAAAF,OAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAaD,MAAK,EAAE,sBAAsB;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,WAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;;;AClBA,OAAOE,YAAW;AAElB,SAAS,kBAAkB;AAIpB,IAAM,mBAAoD;AAAA,EAC/D,MAAM;AAAA,EACN,kBAAkB,CAAC,UACjB,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAO,EAAE,OAAO,QAAQ,GAAI,MAAM,SAAS,CAAC,EAAG;AAAA,MAC/C,UAAU,MAAM;AAAA,MACf,GAAG;AAAA;AAAA,EACN;AAEJ;;;AClBA,OAAOC,YAAW;AAElB,SAAS,QAAAC,aAAY;AACrB,SAAS,cAAc;AAIhB,IAAM,kBAAmD;AAAA,EAC9D,MAAM;AAAA,EACN,kBAAkB,CAAC,UAAU;AAC3B,UAAM,EAAE,OAAO,UAAU,GAAG,KAAK,IAAI;AACrC,WACE,gBAAAD,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,aAAaC,MAAK,EAAE,uBAAuB;AAAA,QAC3C,MAAK;AAAA,QACL,UAAU,MAAM;AAAA,QAChB,YAAY;AAAA,UACV,EAAE,OAAOA,MAAK,EAAE,MAAM,GAAG,OAAO,EAAE;AAAA,UAClC,EAAE,OAAOA,MAAK,EAAE,OAAO,GAAG,OAAO,EAAE;AAAA,QACrC;AAAA,QACA,OAAO,QAAQ,IAAI;AAAA,QACnB,UAAU,CAACC,WAAU,WAAW,CAAC,CAACA,MAAK;AAAA,QACtC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;;;AC1BA,OAAOC,YAAW;AAElB,SAAS,QAAAC,aAAY;AAMd,IAAM,gBAAiD;AAAA,EAC5D,MAAM;AAAA,EACN,kBAAkB,CAAC,UACjB,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,YAAW;AAAA,MACX,UAAU,CAAC,MAAM,MAAM,WAAW,CAAC;AAAA,MACnC,aAAaC,MAAK,EAAE,oBAAoB;AAAA,MACxC,UAAU,MAAM;AAAA;AAAA,EAClB;AAEJ;;;APVO,IAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,qBAAqB,QAAQ,CAAC,UAAU,sBAAsB,SAAS,KAAK,CAAC;;;ADVtE,IAAM,yBAAyB,oBAGnC;AAAA,EACD,OAAO,KAAK,MAAM;AAChB,UAAM,cAAc,IAAI,IAAI,eAAe;AAC3C,yBAAqB,QAAQ,CAAC,UAAU,YAAY,SAAS,KAAK,CAAC;AAEnE,SAAK,OAAO,QAAQ,CAAC,UAAU,YAAY,SAAS,KAAK,CAAC;AAC1D,SAAK,iBAAiB,QAAQ,CAAC,UAAU,YAAY,WAAW,KAAK,CAAC;AAAA,EACxE;AAAA,EACA,kBAAkB,CAAC,yBAAyB;AAC9C,CAAC;;;ASvBD,OAAOC,YAAW;AAElB;AAAA,EAEE;AAAA,EACA,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,OAGjB;AAMP,IAAM,iBAAiB,MACrB,qBAAqB;AAEvB,IAAM,+BAA+B,CAAC;AAAA,EACpC,QAAQ,CAAC;AAAA,EACT;AACF,MACE,gBAAAC,OAAA,cAAC,4BAAyB,OAAO,CAAC,GAAG,sBAAsB,GAAG,KAAK,KAChE,QACH;;;ACvBF;AAAA,EACE;AAAA,EACA,uBAAAC;AAAA,EAEA;AAAA,OACK;AAEA,IAAM,iCAAiCA,qBAA0B;AAAA,EACtE,OAAO,KAAK;AACV,UAAM,iBAAiB,IAAI,IAAI,cAAc;AAE7C,UAAM,cAAc,CAAC,WAAkC;AACrD,UAAI,SAAS,sBAAsB,OAAO,GAAG,GAAG;AAC9C,YAAI,CAAC,OAAO,IAAI,MAAM,UAAU;AAC9B,iBAAO,IAAI,WAAW;AAAA,YACpB,GAAI,OAAO,IAAI,QAAQ,CAAC;AAAA,YACxB,UAAU;AAAA,UACZ,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAEA,mBAAe,cAAc,UAAU,WAAW;AAClD,mBAAe,cAAc,aAAa,WAAW;AAAA,EACvD;AACF,CAAC;;;ACzBD,OAAOC,WAAS,mBAAmB;AAEnC,SAAsB,mBAAAC,wBAAuB;AAC7C,SAAS,YAAAC,WAA6B,6BAA6B;AAEnE,SAAS,YAAY;AAUd,SAAS,gBAAgB,QAIb;AACjB,QAAM,EAAE,eAAe,eAAe,aAAa,IAAI;AAEvD,QAAM,cAAc,eAAe;AACnC,QAAM,YAAY,sBAAsB;AAExC,QAAM,sBAAsB,YAAY,CAAC,aAA4B;AACnE,QAAI,SAAS,MAAM,MAAM;AACvB,UAAI,OAAO,SAAS,KAAK,SAAS,UAAU;AAC1C,eAAO,gBAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,aAAa,EAAE,GAAG,OAAO,IAAI,QAAQ,IAAI,KAAK,SAAS,KAAK,MAAM;AAAA,MACzF;AAEA,aAAO,SAAS,KAAK;AAAA,IACvB;AAEA,UAAM,SAASC,iBAAgB,YAAY,SAAS,MAAM,EAAE,iBAAiB,MAAM,CAAC;AAEpF,WAAO,gBAAAD,QAAA,cAAC,QAAK,MAAK,SAAQ,KAAK,YAAY,eAAe,UAAU,CAAC,CAAC,GAAG;AAAA,EAC3E,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,CACrB,UACA,eAAgC,CAAC,MACT;AACxB,QAAI,OAAO,UAAU;AAErB,QAAI,CAAC,MAAM;AACT,aAAO;AAAA,IACT;AAEA,QAAI;AAEJ,QAAIE,UAAS,SAAS,IAAI,GAAG;AAC3B,kBAAY,KAAK,cAAc,CAAC,GAC7B,IAAI,CAAC,cAAc,eAAe,WAA4B,CAAC,GAAG,cAAc,QAAQ,CAAC,CAAC,EAC1F,OAAO,OAAO;AAAA,IACnB;AAEA,UAAM,UAAU,CAAC,GAAG,aAAa,IAAI,CAAC,WAAW,OAAO,GAAG,GAAG,SAAS,GAAG;AAC1E,UAAM,MAAM,QAAQ,KAAK,GAAG;AAE5B,UAAM,kBAAkB,gBACpBD,iBAAgB,iBAAiB,MAAM,aAAa,IACpD;AACJ,UAAM,kBAAkB,gBACpBA,iBAAgB,iBAAiB,MAAM,aAAa,IACpD;AACJ,UAAM,eAAe,eAAe,aAAa,QAAQ,IAAI;AAG7D,UAAM,iBAAiB,SAAS,MAAM;AAEtC,UAAM,gBAAgB,mBAAmB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;AAG/E,QAAI,CAAC,iBAAiB,CAAC,UAAU,QAAQ;AACvC,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,MACL;AAAA,MACA,OAAO,SAAS,MAAM,SAAS,SAAS;AAAA,MACxC,OAAO;AAAA,MACP;AAAA,MACA,MAAM,oBAAoB,QAAQ;AAAA,MAClC;AAAA,MACA,UAAU,CAAC;AAAA,MACX,UAAU,aAAa,CAAC,GAAG,QAAQ,SAAS;AAAA,MAC5C,QAAQ,CAAC,cAAc;AAAA,IACzB;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,UAAU,MAAM,CAAC,EAAE,QAAQ,CAAC,EACpC,IAAI,CAAC,cAAc,eAAe,SAA0B,CAAC,EAC7D,OAAO,OAAO;AACnB;;;AC9FA,OAAOE,WAAS,eAAe,YAAY,eAAe;AAInD,IAAM,0BAA0B,cAEpC,CAAC,CAAC;AAEE,IAAM,6BAA6B,MAAM,WAAW,uBAAuB;AAE3E,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,UAAU,QAAQ,OAAO,EAAE,aAAa,IAAI,CAAC,YAAY,CAAC;AAEhE,SACE,gBAAAA,QAAA,cAAC,wBAAwB,UAAxB,EAAiC,OAAO,WAAU,QAAS;AAEhE;;;ACtBA,OAAOC,WAAS,WAAAC,gBAAe;AAG/B,SAAS,QAAAC,aAAY;AAGrB,SAAS,eAAe;AACxB,SAAS,wBAAwB,wBAAwB;;;ACPzD,OAAOC,WAAU,WAAW;AAC5B,SAAS,KAAK,kBAAkB;AAEzB,IAAM,cAAcA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3B,IAAM,YAAYA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK5B,CAAC,EAAE,YAAY,MACf,eACA;AAAA;AAAA,KAEC;AAAA;AAGE,IAAM,QAAQA,QAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBxB,IAAM,eAAeA,QAAO,UAAU;AAAA,aAChC,CAAC,EAAE,OAAO,MAAO,SAAS,kBAAkB,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBzD,IAAM,mBAAmBA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADzBhC,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,EAAE,aAAa,IAAI,2BAA2B;AAEpD,QAAM,WAAW,gBAAgB;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,YAAYC,SAAQ,MAAM;AAC9B,QAAI,OAAO,UAAU,UAAU;AAC7B,cAAQ;AAAA,QACN;AAAA,QACA;AAAA,MACF;AACA,aAAO;AAAA,IACT;AACA,WAAO,OAAO,KAAK,GAAG;AAAA,EACxB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,aAAa,CAAC,SAA+B;AACjD,QAAI,OAAO,SAAS,UAAU;AAC5B,aAAO,gBAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,aAAa,EAAE,GAAG,OAAO,IAAI,QAAQ,IAAI,KAAK,MAAM;AAAA,IAC3E;AAEA,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA,QAAA,cAAAA,QAAA,gBACE,gBAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,0BAA0B;AAAA,MAC1B,UAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,OAAO;AAAA,MACP,WAAW;AAAA,MACX,QAAQ;AAAA,MACR;AAAA,MACA,gBAAgB,WAAW,UAAU;AAAA,MACrC,UAAU,CAAC,GAAG,YAAY;AACxB,iBAAU,QAAyB,OAAmB;AAAA,MACxD;AAAA,MACA,oBAAoB,CAAC,YAA0B;AAC7C,YAAI,CAAC,SAAS,SAAS;AACrB,iBACE,gBAAAA,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY,gBAAAA,QAAA,cAAC,sBAAiB;AAAA,cAC9B,OAAM;AAAA,cACN,UAAU,CAAC;AAAA,cACX,SAAS,MAAM,SAAS,MAAS;AAAA;AAAA,YAEhC,QAAQ,mBAAmB;AAAA,UAC9B;AAAA,QAEJ;AAEA,cAAM,WAAW,WAAW,QAAQ,UAAU,QAAQ,SAAS,IAAI;AAEnE,cAAM,YACJ,gBAAAA,QAAA,cAAC,mBACE,QAAQ,UAAU,QACf,GAAG,QAAQ,UAAU,KAAK,IAAI,QAAQ,SAAS,KAAK,GAAG,MACvD,IACN;AAGF,eACE,gBAAAA,QAAA,cAAC,aACC,gBAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,SACE,gBAAAA,QAAA,cAAC,wBACE,UACA,WACD,gBAAAA,QAAA,cAAC,iBAAW,QAAQ,QAAQ,MAAM,CAAC,EAAE,KAAK,GAAG,CAAE,CACjD;AAAA;AAAA,UAGF,gBAAAA,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,UAAU,CAAC;AAAA,cACX,SAAS,MAAM,SAAS,MAAS;AAAA;AAAA,YAEhC;AAAA,YACA,CAAC,QAAQ,UAAU,gBAAAA,QAAA,cAAC,aAAU,aAAW,QAAE,QAAQ,KAAM;AAAA,UAC5D;AAAA,QACF,CACF;AAAA,MAEJ;AAAA,MACA,WAAW;AAAA,MACX,WAAW,gBAAAA,QAAA,cAAC,0BAAuB,MAAK,SAAQ;AAAA,MAChD;AAAA,MACA,aAAa,QAAQ,eAAeC,MAAK,EAAE,iBAAiB;AAAA;AAAA,EAC9D,CACF;AAEJ;AAEA,iBAAiB,YAAY;AACtB,IAAM,yBAAyB,qBAAqB,gBAAgB;","names":["React","React","I18n","React","I18n","React","I18n","React","I18n","InputNumber","React","React","I18n","value","React","I18n","React","I18n","React","React","definePluginCreator","React","JsonSchemaUtils","ASTMatch","React","JsonSchemaUtils","ASTMatch","React","React","useMemo","I18n","styled","useMemo","React","I18n"]}

package/dist/esm/{editor-H2R7JJLO.js → editor-4X7K477H.js}

@@ -1,10 +1,10 @@
 import {
   CodeEditor,
   useVariableTree
-} from "./chunk-G4HQ7OSI.js";
+} from "./chunk-IHOHRV5V.js";
 import {
   polyfillCreateRoot
-} from "./chunk-QIJ4QVB2.js";
+} from "./chunk-DEZUEMUM.js";
 
 // src/components/json-editor-with-variables/editor.tsx
 import React3 from "react";
@@ -75,7 +75,7 @@ function VariableTree() {
 
 // src/components/json-editor-with-variables/extensions/variable-tag.tsx
 import React2, { useLayoutEffect } from "react";
-import { isEqual, last } from "lodash";
+import { isEqual, last } from "lodash-es";
 import {
   Disposable,
   DisposableCollection,
@@ -279,4 +279,4 @@ function JsonEditorWithVariables(props) {
 export {
   JsonEditorWithVariables
 };
-//# sourceMappingURL=editor-H2R7JJLO.js.map
+//# sourceMappingURL=editor-4X7K477H.js.map

package/dist/esm/editor-4X7K477H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/json-editor-with-variables/editor.tsx","../../src/components/json-editor-with-variables/extensions/variable-tree.tsx","../../src/components/json-editor-with-variables/extensions/variable-tag.tsx","../../src/components/json-editor-with-variables/styles.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport { I18n } from '@flowgram.ai/editor';\nimport { transformerCreator } from '@coze-editor/editor/preset-code';\nimport { Text } from '@coze-editor/editor/language-json';\n\nimport { CodeEditor, type CodeEditorPropsType } from '@/components/code-editor';\n\nimport { VariableTree } from './extensions/variable-tree';\nimport { VariableTagInject } from './extensions/variable-tag';\n\ntype Match = { match: string; range: [number, number] };\nfunction findAllMatches(inputString: string, regex: RegExp): Match[] {\n  const globalRegex = new RegExp(\n    regex,\n    regex.flags.includes('g') ? regex.flags : regex.flags + 'g'\n  );\n  let match;\n  const matches: Match[] = [];\n\n  while ((match = globalRegex.exec(inputString)) !== null) {\n    if (match.index === globalRegex.lastIndex) {\n      globalRegex.lastIndex++;\n    }\n    matches.push({\n      match: match[0],\n      range: [match.index, match.index + match[0].length],\n    });\n  }\n\n  return matches;\n}\n\nconst transformer = transformerCreator((text: Text) => {\n  const originalSource = text.toString();\n  const matches = findAllMatches(originalSource, /\\{\\{([^\\}]*)\\}\\}/g);\n\n  if (matches.length > 0) {\n    matches.forEach(({ range }) => {\n      text.replaceRange(range[0], range[1], 'null');\n    });\n  }\n\n  return text;\n});\n\nexport interface JsonEditorWithVariablesProps extends Omit<CodeEditorPropsType, 'languageId'> {}\n\nexport function JsonEditorWithVariables(props: JsonEditorWithVariablesProps) {\n  return (\n    <CodeEditor\n      languageId=\"json\"\n      activeLinePlaceholder={I18n.t(\"Press '@' to Select variable\")}\n      {...props}\n      options={{\n        transformer,\n        ...(props.options || {}),\n      }}\n    >\n      <VariableTree />\n      <VariableTagInject />\n    </CodeEditor>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useEffect, useState } from 'react';\n\nimport { Popover, Tree } from '@douyinfe/semi-ui';\nimport {\n  Mention,\n  MentionOpenChangeEvent,\n  getCurrentMentionReplaceRange,\n  useEditor,\n  PositionMirror,\n} from '@coze-editor/editor/react';\nimport { EditorAPI } from '@coze-editor/editor/preset-prompt';\n\nimport { useVariableTree } from '@/components/variable-selector';\n\nexport function VariableTree() {\n  const [posKey, setPosKey] = useState('');\n  const [visible, setVisible] = useState(false);\n  const [position, setPosition] = useState(-1);\n  const editor = useEditor<EditorAPI>();\n\n  function insert(variablePath: string) {\n    const range = getCurrentMentionReplaceRange(editor.$view.state);\n\n    if (!range) {\n      return;\n    }\n\n    editor.replaceText({\n      ...range,\n      text: '{{' + variablePath + '}}',\n    });\n\n    setVisible(false);\n  }\n\n  function handleOpenChange(e: MentionOpenChangeEvent) {\n    setPosition(e.state.selection.main.head);\n    setVisible(e.value);\n  }\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n  }, [editor, visible]);\n\n  const treeData = useVariableTree({});\n\n  return (\n    <>\n      <Mention triggerCharacters={['@']} onOpenChange={handleOpenChange} />\n\n      <Popover\n        visible={visible}\n        trigger=\"custom\"\n        position=\"topLeft\"\n        rePosKey={posKey}\n        content={\n          <div style={{ width: 300 }}>\n            <Tree\n              treeData={treeData}\n              onSelect={(v) => {\n                insert(v);\n              }}\n            />\n          </div>\n        }\n      >\n        {/* PositionMirror allows the Popover to appear at the specified cursor position */}\n        <PositionMirror\n          position={position}\n          // When Doc scroll, update position\n          onChange={() => setPosKey(String(Math.random()))}\n        />\n      </Popover>\n    </>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useLayoutEffect } from 'react';\n\nimport { isEqual, last } from 'lodash-es';\nimport {\n  BaseVariableField,\n  Disposable,\n  DisposableCollection,\n  Scope,\n  useCurrentScope,\n} from '@flowgram.ai/editor';\nimport { Popover } from '@douyinfe/semi-ui';\nimport { IconIssueStroked } from '@douyinfe/semi-icons';\nimport { useInjector } from '@coze-editor/editor/react';\nimport {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  MatchDecorator,\n  ViewPlugin,\n  WidgetType,\n} from '@codemirror/view';\n\nimport { IPolyfillRoot, polyfillCreateRoot } from '@/shared';\n\nimport { UIPopoverContent, UIRootTitle, UITag, UIVarName } from '../styles';\n\nclass VariableTagWidget extends WidgetType {\n  keyPath?: string[];\n\n  toDispose = new DisposableCollection();\n\n  scope: Scope;\n\n  root: IPolyfillRoot;\n\n  constructor({ keyPath, scope }: { keyPath?: string[]; scope: Scope }) {\n    super();\n\n    this.keyPath = keyPath;\n    this.scope = scope;\n  }\n\n  renderIcon = (icon: string | JSX.Element) => {\n    if (typeof icon === 'string') {\n      return <img style={{ marginRight: 8 }} width={12} height={12} src={icon} />;\n    }\n\n    return icon;\n  };\n\n  renderVariable(v?: BaseVariableField) {\n    if (!v) {\n      this.root.render(\n        <UITag prefixIcon={<IconIssueStroked />} color=\"amber\">\n          Unknown\n        </UITag>\n      );\n      return;\n    }\n\n    const rootField = last(v.parentFields);\n\n    const rootTitle = (\n      <UIRootTitle>{rootField?.meta.title ? `${rootField.meta.title} -` : ''}</UIRootTitle>\n    );\n    const rootIcon = this.renderIcon(rootField?.meta.icon);\n\n    this.root.render(\n      <Popover\n        content={\n          <UIPopoverContent>\n            {rootIcon}\n            {rootTitle}\n            <UIVarName>{v?.keyPath.slice(1).join('.')}</UIVarName>\n          </UIPopoverContent>\n        }\n      >\n        <UITag prefixIcon={rootIcon}>\n          {rootTitle}\n          <UIVarName>{v?.key}</UIVarName>\n        </UITag>\n      </Popover>\n    );\n  }\n\n  toDOM(view: EditorView): HTMLElement {\n    const dom = document.createElement('span');\n\n    this.root = polyfillCreateRoot(dom);\n\n    this.toDispose.push(\n      Disposable.create(() => {\n        this.root.unmount();\n      })\n    );\n\n    this.toDispose.push(\n      this.scope.available.trackByKeyPath(\n        this.keyPath,\n        (v) => {\n          this.renderVariable(v);\n        },\n        { triggerOnInit: false }\n      )\n    );\n\n    this.renderVariable(this.scope.available.getByKeyPath(this.keyPath));\n\n    return dom;\n  }\n\n  eq(other: VariableTagWidget) {\n    return isEqual(this.keyPath, other.keyPath);\n  }\n\n  ignoreEvent(): boolean {\n    return false;\n  }\n\n  destroy(dom: HTMLElement): void {\n    this.toDispose.dispose();\n  }\n}\n\nexport function VariableTagInject() {\n  const injector = useInjector();\n\n  const scope = useCurrentScope();\n\n  // 基于 {{var}} 的正则进行匹配，匹配后进行自定义渲染\n  useLayoutEffect(() => {\n    const atMatcher = new MatchDecorator({\n      regexp: /\\{\\{([^\\}\\{]+)\\}\\}/g,\n      decoration: (match) =>\n        Decoration.replace({\n          widget: new VariableTagWidget({\n            keyPath: match[1]?.split('.') ?? [],\n            scope,\n          }),\n        }),\n    });\n\n    return injector.inject([\n      ViewPlugin.fromClass(\n        class {\n          decorations: DecorationSet;\n\n          constructor(private view: EditorView) {\n            this.decorations = atMatcher.createDeco(view);\n          }\n\n          update() {\n            this.decorations = atMatcher.createDeco(this.view);\n          }\n        },\n        {\n          decorations: (p) => p.decorations,\n          provide(p) {\n            return EditorView.atomicRanges.of(\n              (view) => view.plugin(p)?.decorations ?? Decoration.none\n            );\n          },\n        }\n      ),\n    ]);\n  }, [injector]);\n\n  return null;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport styled from 'styled-components';\nimport { Tag } from '@douyinfe/semi-ui';\n\nexport const UIRootTitle = styled.div`\n  margin-right: 4px;\n  min-width: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--semi-color-text-2);\n`;\n\nexport const UIVarName = styled.div`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const UITag = styled(Tag)`\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  max-width: 300px;\n\n  & .semi-tag-content-center {\n    justify-content: flex-start;\n  }\n\n  &.semi-tag {\n    margin: 0 5px;\n  }\n`;\n\nexport const UIPopoverContent = styled.div`\n  padding: 10px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n`;\n"],"mappings":"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","names":["React","React","Popover","React","Popover","React"]}

package/dist/esm/{editor-YMNCDGUR.js → editor-OXPGKPF5.js}

@@ -1,9 +1,9 @@
 import {
   PromptEditor
-} from "./chunk-6OZSB6PD.js";
+} from "./chunk-727SU246.js";
 import {
   FlowValueUtils
-} from "./chunk-QIJ4QVB2.js";
+} from "./chunk-DEZUEMUM.js";
 
 // src/components/prompt-editor-with-inputs/editor.tsx
 import React3 from "react";
@@ -20,7 +20,7 @@ import {
 
 // src/components/prompt-editor-with-inputs/inputs-picker.tsx
 import React, { useMemo } from "react";
-import { isPlainObject, last } from "lodash";
+import { isPlainObject, last } from "lodash-es";
 import {
   ASTMatch,
   useScopeAvailable
@@ -164,4 +164,4 @@ function PromptEditorWithInputs({
 export {
   PromptEditorWithInputs
 };
-//# sourceMappingURL=editor-YMNCDGUR.js.map
+//# sourceMappingURL=editor-OXPGKPF5.js.map

package/dist/esm/editor-OXPGKPF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/prompt-editor-with-inputs/editor.tsx","../../src/components/prompt-editor-with-inputs/extensions/inputs-tree.tsx","../../src/components/prompt-editor-with-inputs/inputs-picker.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport { PromptEditor, PromptEditorPropsType } from '@/components/prompt-editor';\n\nimport { InputsTree } from './extensions/inputs-tree';\n\nexport interface PromptEditorWithInputsProps extends PromptEditorPropsType {\n  inputsValues: any;\n}\n\nexport function PromptEditorWithInputs({\n  inputsValues,\n  ...restProps\n}: PromptEditorWithInputsProps) {\n  return (\n    <PromptEditor {...restProps}>\n      <InputsTree inputsValues={inputsValues} />\n    </PromptEditor>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useEffect, useState } from 'react';\n\nimport { Popover } from '@douyinfe/semi-ui';\nimport {\n  Mention,\n  MentionOpenChangeEvent,\n  getCurrentMentionReplaceRange,\n  useEditor,\n  PositionMirror,\n} from '@coze-editor/editor/react';\nimport { EditorAPI } from '@coze-editor/editor/preset-prompt';\n\nimport { IFlowValue } from '@/typings';\n\nimport { InputsPicker } from '../inputs-picker';\n\nexport function InputsTree({ inputsValues }: { inputsValues: Record<string, IFlowValue> }) {\n  const [posKey, setPosKey] = useState('');\n  const [visible, setVisible] = useState(false);\n  const [position, setPosition] = useState(-1);\n  const editor = useEditor<EditorAPI>();\n\n  function insert(variablePath: string) {\n    const range = getCurrentMentionReplaceRange(editor.$view.state);\n\n    if (!range) {\n      return;\n    }\n\n    /**\n     * When user input {{xxxx}}, {{{xxx}}}(more brackets if possible), replace all brackets with {{xxxx}}\n     */\n    let { from, to } = range;\n    while (editor.$view.state.doc.sliceString(from - 1, from) === '{') {\n      from--;\n    }\n    while (editor.$view.state.doc.sliceString(to, to + 1) === '}') {\n      to++;\n    }\n\n    editor.replaceText({\n      ...range,\n      text: '{{' + variablePath + '}}',\n    });\n\n    setVisible(false);\n  }\n\n  function handleOpenChange(e: MentionOpenChangeEvent) {\n    setPosition(e.state.selection.main.head);\n    setVisible(e.value);\n  }\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n  }, [editor, visible]);\n\n  return (\n    <>\n      <Mention triggerCharacters={['{', '{}', '@']} onOpenChange={handleOpenChange} />\n\n      <Popover\n        visible={visible}\n        trigger=\"custom\"\n        position=\"topLeft\"\n        rePosKey={posKey}\n        content={\n          <div style={{ width: 300 }}>\n            <InputsPicker\n              inputsValues={inputsValues}\n              onSelect={(v) => {\n                insert(v);\n              }}\n            />\n          </div>\n        }\n      >\n        {/* PositionMirror allows the Popover to appear at the specified cursor position */}\n        <PositionMirror\n          position={position}\n          // When Doc scroll, update position\n          onChange={() => setPosKey(String(Math.random()))}\n        />\n      </Popover>\n    </>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useMemo } from 'react';\n\nimport { isPlainObject, last } from 'lodash-es';\nimport {\n  type ArrayType,\n  ASTMatch,\n  type BaseType,\n  type BaseVariableField,\n  useScopeAvailable,\n} from '@flowgram.ai/editor';\nimport { TreeNodeData } from '@douyinfe/semi-ui/lib/es/tree';\nimport { Tree } from '@douyinfe/semi-ui';\n\nimport { FlowValueUtils } from '@/shared';\n\ntype VariableField = BaseVariableField<{ icon?: string | JSX.Element; title?: string }>;\n\nexport function InputsPicker({\n  inputsValues,\n  onSelect,\n}: {\n  inputsValues: any;\n  onSelect: (v: string) => void;\n}) {\n  const available = useScopeAvailable();\n\n  const getArrayDrilldown = (type: ArrayType, depth = 1): { type: BaseType; depth: number } => {\n    if (ASTMatch.isArray(type.items)) {\n      return getArrayDrilldown(type.items, depth + 1);\n    }\n\n    return { type: type.items, depth: depth };\n  };\n\n  const renderVariable = (variable: VariableField, keyPath: string[]): TreeNodeData => {\n    let type = variable?.type;\n\n    let children: TreeNodeData[] | undefined;\n\n    if (ASTMatch.isObject(type)) {\n      children = (type.properties || [])\n        .map((_property) => renderVariable(_property as VariableField, [...keyPath, _property.key]))\n        .filter(Boolean) as TreeNodeData[];\n    }\n\n    if (ASTMatch.isArray(type)) {\n      const drilldown = getArrayDrilldown(type);\n\n      if (ASTMatch.isObject(drilldown.type)) {\n        children = (drilldown.type.properties || [])\n          .map((_property) =>\n            renderVariable(_property as VariableField, [\n              ...keyPath,\n              ...new Array(drilldown.depth).fill('[0]'),\n              _property.key,\n            ])\n          )\n          .filter(Boolean) as TreeNodeData[];\n      }\n    }\n\n    const key = keyPath\n      .map((_key, idx) => (_key === '[0]' || idx === 0 ? _key : `.${_key}`))\n      .join('');\n\n    return {\n      key: key,\n      label: last(keyPath),\n      value: key,\n      children,\n    };\n  };\n\n  const getTreeData = (value: any, keyPath: string[]): TreeNodeData | undefined => {\n    const currKey = keyPath.join('.');\n\n    if (FlowValueUtils.isFlowValue(value)) {\n      if (FlowValueUtils.isRef(value)) {\n        const variable = available.getByKeyPath(value.content || []);\n        if (variable) {\n          return renderVariable(variable, keyPath);\n        }\n      }\n      return {\n        key: currKey,\n        value: currKey,\n        label: last(keyPath),\n      };\n    }\n\n    if (isPlainObject(value)) {\n      return {\n        key: currKey,\n        value: currKey,\n        label: last(keyPath),\n        children: Object.entries(value)\n          .map(([key, value]) => getTreeData(value, [...keyPath, key])!)\n          .filter(Boolean),\n      };\n    }\n  };\n\n  const treeData: TreeNodeData[] = useMemo(\n    () =>\n      Object.entries(inputsValues)\n        .map(([key, value]) => getTreeData(value, [key])!)\n        .filter(Boolean),\n    []\n  );\n\n  return <Tree treeData={treeData} onSelect={(v) => onSelect(v)} />;\n}\n"],"mappings":"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","names":["React","React","value","React","React"]}

package/dist/esm/{editor-JX42GFAZ.js → editor-Z24WLBPO.js}

@@ -1,12 +1,12 @@
 import {
   PromptEditor
-} from "./chunk-6OZSB6PD.js";
+} from "./chunk-727SU246.js";
 import {
   useVariableTree
-} from "./chunk-G4HQ7OSI.js";
+} from "./chunk-IHOHRV5V.js";
 import {
   polyfillCreateRoot
-} from "./chunk-QIJ4QVB2.js";
+} from "./chunk-DEZUEMUM.js";
 
 // src/components/prompt-editor-with-variables/editor.tsx
 import React3 from "react";
@@ -83,7 +83,7 @@ function VariableTree() {
 
 // src/components/prompt-editor-with-variables/extensions/variable-tag.tsx
 import React2, { useLayoutEffect } from "react";
-import { isEqual, last } from "lodash";
+import { isEqual, last } from "lodash-es";
 import {
   Disposable,
   DisposableCollection,
@@ -246,4 +246,4 @@ function PromptEditorWithVariables(props) {
 export {
   PromptEditorWithVariables
 };
-//# sourceMappingURL=editor-JX42GFAZ.js.map
+//# sourceMappingURL=editor-Z24WLBPO.js.map

package/dist/esm/editor-Z24WLBPO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/prompt-editor-with-variables/editor.tsx","../../src/components/prompt-editor-with-variables/extensions/variable-tree.tsx","../../src/components/prompt-editor-with-variables/extensions/variable-tag.tsx","../../src/components/prompt-editor-with-variables/styles.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React from 'react';\n\nimport { PromptEditor, PromptEditorPropsType } from '@/components/prompt-editor';\n\nimport { VariableTree } from './extensions/variable-tree';\nimport { VariableTagInject } from './extensions/variable-tag';\n\nexport interface PromptEditorWithVariablesProps extends PromptEditorPropsType {}\n\nexport function PromptEditorWithVariables(props: PromptEditorWithVariablesProps) {\n  return (\n    <PromptEditor {...props}>\n      <VariableTree />\n      <VariableTagInject />\n    </PromptEditor>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useEffect, useState } from 'react';\n\nimport { Popover, Tree } from '@douyinfe/semi-ui';\nimport {\n  Mention,\n  MentionOpenChangeEvent,\n  getCurrentMentionReplaceRange,\n  useEditor,\n  PositionMirror,\n} from '@coze-editor/editor/react';\nimport { EditorAPI } from '@coze-editor/editor/preset-prompt';\n\nimport { useVariableTree } from '@/components/variable-selector';\n\nexport function VariableTree() {\n  const [posKey, setPosKey] = useState('');\n  const [visible, setVisible] = useState(false);\n  const [position, setPosition] = useState(-1);\n  const editor = useEditor<EditorAPI>();\n\n  function insert(variablePath: string) {\n    const range = getCurrentMentionReplaceRange(editor.$view.state);\n\n    if (!range) {\n      return;\n    }\n\n    /**\n     * When user input {{xxxx}}, {{{xxx}}}(more brackets if possible), replace all brackets with {{xxxx}}\n     */\n    let { from, to } = range;\n    while (editor.$view.state.doc.sliceString(from - 1, from) === '{') {\n      from--;\n    }\n    while (editor.$view.state.doc.sliceString(to, to + 1) === '}') {\n      to++;\n    }\n\n    editor.replaceText({\n      from,\n      to,\n      text: '{{' + variablePath + '}}',\n    });\n\n    setVisible(false);\n  }\n\n  function handleOpenChange(e: MentionOpenChangeEvent) {\n    setPosition(e.state.selection.main.head);\n    setVisible(e.value);\n  }\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n  }, [editor, visible]);\n\n  const treeData = useVariableTree({});\n\n  return (\n    <>\n      <Mention triggerCharacters={['{', '{}', '@']} onOpenChange={handleOpenChange} />\n\n      <Popover\n        visible={visible}\n        trigger=\"custom\"\n        position=\"topLeft\"\n        rePosKey={posKey}\n        content={\n          <div style={{ width: 300 }}>\n            <Tree\n              treeData={treeData}\n              onSelect={(v) => {\n                insert(v);\n              }}\n            />\n          </div>\n        }\n      >\n        {/* PositionMirror allows the Popover to appear at the specified cursor position */}\n        <PositionMirror\n          position={position}\n          // When Doc scroll, update position\n          onChange={() => setPosKey(String(Math.random()))}\n        />\n      </Popover>\n    </>\n  );\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport React, { useLayoutEffect } from 'react';\n\nimport { isEqual, last } from 'lodash-es';\nimport {\n  BaseVariableField,\n  Disposable,\n  DisposableCollection,\n  Scope,\n  useCurrentScope,\n} from '@flowgram.ai/editor';\nimport { Popover } from '@douyinfe/semi-ui';\nimport { IconIssueStroked } from '@douyinfe/semi-icons';\nimport { useInjector } from '@coze-editor/editor/react';\nimport {\n  Decoration,\n  DecorationSet,\n  EditorView,\n  MatchDecorator,\n  ViewPlugin,\n  WidgetType,\n} from '@codemirror/view';\n\nimport { IPolyfillRoot, polyfillCreateRoot } from '@/shared';\n\nimport { UIPopoverContent, UIRootTitle, UITag, UIVarName } from '../styles';\n\nclass VariableTagWidget extends WidgetType {\n  keyPath?: string[];\n\n  toDispose = new DisposableCollection();\n\n  scope: Scope;\n\n  root: IPolyfillRoot;\n\n  constructor({ keyPath, scope }: { keyPath?: string[]; scope: Scope }) {\n    super();\n\n    this.keyPath = keyPath;\n    this.scope = scope;\n  }\n\n  renderIcon = (icon: string | JSX.Element) => {\n    if (typeof icon === 'string') {\n      return <img style={{ marginRight: 8 }} width={12} height={12} src={icon} />;\n    }\n\n    return icon;\n  };\n\n  renderVariable(v?: BaseVariableField) {\n    if (!v) {\n      this.root.render(\n        <UITag prefixIcon={<IconIssueStroked />} color=\"amber\">\n          Unknown\n        </UITag>\n      );\n      return;\n    }\n\n    const rootField = last(v.parentFields);\n\n    const rootTitle = (\n      <UIRootTitle>{rootField?.meta.title ? `${rootField.meta.title} -` : ''}</UIRootTitle>\n    );\n    const rootIcon = this.renderIcon(rootField?.meta.icon);\n\n    this.root.render(\n      <Popover\n        content={\n          <UIPopoverContent>\n            {rootIcon}\n            {rootTitle}\n            <UIVarName>{v?.keyPath.slice(1).join('.')}</UIVarName>\n          </UIPopoverContent>\n        }\n      >\n        <UITag prefixIcon={rootIcon}>\n          {rootTitle}\n          <UIVarName>{v?.key}</UIVarName>\n        </UITag>\n      </Popover>\n    );\n  }\n\n  toDOM(view: EditorView): HTMLElement {\n    const dom = document.createElement('span');\n\n    this.root = polyfillCreateRoot(dom);\n\n    this.toDispose.push(\n      Disposable.create(() => {\n        this.root.unmount();\n      })\n    );\n\n    this.toDispose.push(\n      this.scope.available.trackByKeyPath(\n        this.keyPath,\n        (v) => {\n          this.renderVariable(v);\n        },\n        { triggerOnInit: false }\n      )\n    );\n\n    this.renderVariable(this.scope.available.getByKeyPath(this.keyPath));\n\n    return dom;\n  }\n\n  eq(other: VariableTagWidget) {\n    return isEqual(this.keyPath, other.keyPath);\n  }\n\n  ignoreEvent(): boolean {\n    return false;\n  }\n\n  destroy(dom: HTMLElement): void {\n    this.toDispose.dispose();\n  }\n}\n\nexport function VariableTagInject() {\n  const injector = useInjector();\n\n  const scope = useCurrentScope();\n\n  // 基于 {{var}} 的正则进行匹配，匹配后进行自定义渲染\n  useLayoutEffect(() => {\n    const atMatcher = new MatchDecorator({\n      regexp: /\\{\\{([^\\}\\{]+)\\}\\}/g,\n      decoration: (match) =>\n        Decoration.replace({\n          widget: new VariableTagWidget({\n            keyPath: match[1]?.split('.') ?? [],\n            scope,\n          }),\n        }),\n    });\n\n    return injector.inject([\n      ViewPlugin.fromClass(\n        class {\n          decorations: DecorationSet;\n\n          constructor(private view: EditorView) {\n            this.decorations = atMatcher.createDeco(view);\n          }\n\n          update() {\n            this.decorations = atMatcher.createDeco(this.view);\n          }\n        },\n        {\n          decorations: (p) => p.decorations,\n          provide(p) {\n            return EditorView.atomicRanges.of(\n              (view) => view.plugin(p)?.decorations ?? Decoration.none\n            );\n          },\n        }\n      ),\n    ]);\n  }, [injector]);\n\n  return null;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport styled from 'styled-components';\nimport { Tag } from '@douyinfe/semi-ui';\n\nexport const UIRootTitle = styled.div`\n  margin-right: 4px;\n  min-width: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--semi-color-text-2);\n`;\n\nexport const UIVarName = styled.div`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const UITag = styled(Tag)`\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  max-width: 300px;\n\n  & .semi-tag-content-center {\n    justify-content: flex-start;\n  }\n\n  &.semi-tag {\n    margin: 0 5px;\n  }\n`;\n\nexport const UIPopoverContent = styled.div`\n  padding: 10px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n`;\n"],"mappings":"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","names":["React","React","Popover","React","Popover","React"]}