@flowgram.ai/form-materials 0.4.13 → 0.4.14

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

@@ -3,4 +3,28 @@
  * SPDX-License-Identifier: MIT
  */
 import { type Extension } from '@codemirror/state';
+export declare const colors: {
+    background: string;
+    foreground: string;
+    selection: string;
+    cursor: string;
+    dropdownBackground: string;
+    dropdownBorder: string;
+    activeLine: string;
+    matchingBracket: string;
+    keyword: string;
+    storage: string;
+    variable: string;
+    parameter: string;
+    function: string;
+    string: string;
+    constant: string;
+    type: string;
+    class: string;
+    number: string;
+    comment: string;
+    heading: string;
+    invalid: string;
+    regexp: string;
+};
 export declare const lightTheme: Extension;

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

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import React from 'react';
+import { IConditionRule, ConditionOpConfigs } from './types';
+interface ContextType {
+    rules?: Record<string, IConditionRule>;
+    ops?: ConditionOpConfigs;
+}
+export declare const ConditionContext: React.Context<ContextType>;
+export declare const ConditionProvider: (props: React.PropsWithChildren<ContextType>) => React.JSX.Element;
+export declare const useConditionContext: () => ContextType;
+export {};

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

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { IJsonSchema } from '@flowgram.ai/json-schema';
+import { IConditionRule, ConditionOpConfigs } from '../types';
+interface HooksParams {
+    leftSchema?: IJsonSchema;
+    operator?: string;
+    /**
+     * custom rule config
+     */
+    ruleConfig?: {
+        ops?: ConditionOpConfigs;
+        rules?: Record<string, IConditionRule>;
+    };
+}
+export declare function useCondition({ leftSchema, operator, ruleConfig }: HooksParams): {
+    rule: IConditionRule | undefined;
+    opConfig: import("..").ConditionOpConfig;
+    opOptionList: {
+        value: string;
+        label: string;
+        abbreviation: string;
+        rightDisplay?: string;
+    }[];
+    targetSchema: IJsonSchema<string> | undefined;
+};
+export {};

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+export { type IConditionRule, type IConditionRuleFactory, type ConditionOpConfigs, type ConditionOpConfig, } from './types';
+export { ConditionPresetOp } from './op';
+export { ConditionProvider, useConditionContext } from './context';
+export { useCondition } from './hooks/use-condition';

package/dist/types/components/condition-context/op.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { ConditionOpConfigs } from './types';
+export declare enum ConditionPresetOp {
+    EQ = "eq",
+    NEQ = "neq",
+    GT = "gt",
+    GTE = "gte",
+    LT = "lt",
+    LTE = "lte",
+    IN = "in",
+    NIN = "nin",
+    CONTAINS = "contains",
+    NOT_CONTAINS = "not_contains",
+    IS_EMPTY = "is_empty",
+    IS_NOT_EMPTY = "is_not_empty",
+    IS_TRUE = "is_true",
+    IS_FALSE = "is_false"
+}
+export declare const defaultConditionOpConfigs: ConditionOpConfigs;

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

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { type IJsonSchema } from '@flowgram.ai/json-schema';
+export interface ConditionOpConfig {
+    label: string;
+    abbreviation: string;
+    rightDisplay?: string;
+}
+export type OpKey = string;
+export type ConditionOpConfigs = Record<OpKey, ConditionOpConfig>;
+export type IConditionRule = Record<OpKey, string | IJsonSchema | null>;
+export type IConditionRuleFactory = (schema?: IJsonSchema) => Record<OpKey, string | IJsonSchema | null>;

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

@@ -3,20 +3,17 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
-import { ConditionRowValueType, IRules, OpConfigs } from './types';
+import { IConditionRule, ConditionOpConfigs } from '../condition-context';
+import { ConditionRowValueType } from './types';
 interface PropTypes {
     value?: ConditionRowValueType;
     onChange: (value?: ConditionRowValueType) => void;
     style?: React.CSSProperties;
     readonly?: boolean;
     ruleConfig?: {
-        ops?: OpConfigs;
-        rules?: IRules;
+        ops?: ConditionOpConfigs;
+        rules?: Record<string, IConditionRule>;
     };
 }
 export declare function ConditionRow({ style, value, onChange, readonly, ruleConfig, }: PropTypes): React.JSX.Element;
-export declare namespace ConditionRow {
-    var defaultRules: IRules;
-    var defaultOpConfigs: OpConfigs;
-}
 export { type ConditionRowValueType };

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

@@ -3,30 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 import { IFlowConstantRefValue, IFlowRefValue } from '../../shared';
-export declare enum Op {
-    EQ = "eq",
-    NEQ = "neq",
-    GT = "gt",
-    GTE = "gte",
-    LT = "lt",
-    LTE = "lte",
-    IN = "in",
-    NIN = "nin",
-    CONTAINS = "contains",
-    NOT_CONTAINS = "not_contains",
-    IS_EMPTY = "is_empty",
-    IS_NOT_EMPTY = "is_not_empty",
-    IS_TRUE = "is_true",
-    IS_FALSE = "is_false"
-}
-export interface OpConfig {
-    label: string;
-    abbreviation: string;
-    rightDisplay?: string;
-}
-export type OpConfigs = Record<string, OpConfig>;
-export type IRule = Partial<Record<string, string | null>>;
-export type IRules = Record<string, IRule>;
 export interface ConditionRowValueType {
     left?: IFlowRefValue;
     operator?: string;

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

@@ -3,7 +3,8 @@
  * SPDX-License-Identifier: MIT
  */
 import React from 'react';
-import { DBConditionOptionType, DBConditionRowValueType, IRules, OpConfigs } from './types';
+import { type ConditionOpConfigs, type IConditionRule } from '../condition-context';
+import { DBConditionOptionType, DBConditionRowValueType } from './types';
 interface PropTypes {
     value?: DBConditionRowValueType;
     onChange: (value?: DBConditionRowValueType) => void;
@@ -11,8 +12,8 @@ interface PropTypes {
     options?: DBConditionOptionType[];
     readonly?: boolean;
     ruleConfig?: {
-        ops?: OpConfigs;
-        rules?: IRules;
+        ops?: ConditionOpConfigs;
+        rules?: Record<string, IConditionRule>;
     };
 }
 export declare function DBConditionRow({ style, value, onChange, readonly, options, ruleConfig, }: PropTypes): React.JSX.Element;

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

@@ -4,14 +4,6 @@
  */
 import { IJsonSchema } from '@flowgram.ai/json-schema';
 import { IFlowConstantRefValue } from '../../shared';
-export interface OpConfig {
-    label: string;
-    abbreviation: string;
-    rightDisplay?: string;
-}
-export type OpConfigs = Record<string, OpConfig>;
-export type IRule = Partial<Record<string, string | null>>;
-export type IRules = Record<string, IRule>;
 export interface DBConditionRowValueType {
     left?: string;
     schema?: IJsonSchema;

package/dist/types/form-plugins/infer-inputs-plugin/index.d.ts

@@ -6,6 +6,10 @@ interface InputConfig {
     sourceKey: string;
     targetKey: string;
     scope?: 'private' | 'public';
+    /**
+     * For backend runtime, constant schema is redundant, so we can choose to ignore it
+     */
+    ignoreConstantSchema?: boolean;
 }
 export declare const createInferInputsPlugin: import("@flowgram.ai/node").FormPluginCreator<InputConfig>;
 export {};

package/dist/types/plugins/json-schema-preset/create-type-preset-plugin.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { JsonSchemaTypeRegistry } from './manager';
+import { JsonSchemaTypeRegistry } from './types';
 export declare const createTypePresetPlugin: import("@flowgram.ai/core").PluginCreator<{
     types?: Partial<JsonSchemaTypeRegistry> & Pick<JsonSchemaTypeRegistry, "type">[];
     unregisterTypes?: string[];

package/dist/types/plugins/json-schema-preset/index.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 import { type JsonSchemaBasicType, JsonSchemaUtils, type IJsonSchema } from '@flowgram.ai/json-schema';
+import { type ConstantRendererProps, type JsonSchemaTypeRegistry } from './types';
 import { useTypeManager, JsonSchemaTypePresetProvider } from './react';
-import { ConstantRendererProps, type JsonSchemaTypeRegistry } from './manager';
 import { createTypePresetPlugin } from './create-type-preset-plugin';
 export { createTypePresetPlugin, useTypeManager, JsonSchemaTypePresetProvider, JsonSchemaUtils, type IJsonSchema, type JsonSchemaTypeRegistry, type ConstantRendererProps, type JsonSchemaBasicType, };

package/dist/types/plugins/json-schema-preset/react.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { type IJsonSchema, JsonSchemaTypeManager } from '@flowgram.ai/json-schema';
-import { type JsonSchemaTypeRegistry } from './manager';
+import { type JsonSchemaTypeRegistry } from './types';
 export declare const useTypeManager: () => JsonSchemaTypeManager<IJsonSchema, JsonSchemaTypeRegistry>;
 export declare const JsonSchemaTypePresetProvider: ({ types, children, }: React.PropsWithChildren<{
     types: JsonSchemaTypeRegistry[];

package/dist/types/plugins/json-schema-preset/type-definition/array.d.ts

@@ -2,5 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { type JsonSchemaTypeRegistry } from '../manager';
+import { type JsonSchemaTypeRegistry } from '../types';
 export declare const arrayRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/type-definition/boolean.d.ts

@@ -2,5 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { type JsonSchemaTypeRegistry } from '../manager';
+import { type JsonSchemaTypeRegistry } from '../types';
 export declare const booleanRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/type-definition/date-time.d.ts

@@ -2,5 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { type JsonSchemaTypeRegistry } from '../manager';
+import { type JsonSchemaTypeRegistry } from '../types';
 export declare const dateTimeRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/type-definition/index.d.ts

@@ -2,4 +2,6 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-export declare const jsonSchemaTypePreset: Partial<import("..").JsonSchemaTypeRegistry<any>>[];
+import { type JsonSchemaTypeRegistry } from '../types';
+export declare const jsonSchemaTypePreset: Partial<JsonSchemaTypeRegistry<any>>[];
+export declare const initRegistries: () => void;

package/dist/types/plugins/json-schema-preset/type-definition/integer.d.ts

@@ -2,5 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { type JsonSchemaTypeRegistry } from '../manager';
+import { type JsonSchemaTypeRegistry } from '../types';
 export declare const integerRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/type-definition/map.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { type JsonSchemaTypeRegistry } from '../types';
+export declare const mapRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/type-definition/number.d.ts

@@ -2,5 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { type JsonSchemaTypeRegistry } from '../manager';
+import { type JsonSchemaTypeRegistry } from '../types';
 export declare const numberRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/type-definition/object.d.ts

@@ -2,5 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { type JsonSchemaTypeRegistry } from '../manager';
+import { type JsonSchemaTypeRegistry } from '../types';
 export declare const objectRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/type-definition/string.d.ts

@@ -2,5 +2,5 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { type JsonSchemaTypeRegistry } from '../manager';
+import { type JsonSchemaTypeRegistry } from '../types';
 export declare const stringRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/{manager.d.ts → types.d.ts}

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: MIT
  */
 import { JsonSchemaTypeRegistry as OriginJsonSchemaTypeRegistry } from '@flowgram.ai/json-schema';
+import { IConditionRule, IConditionRuleFactory } from '../../components/condition-context/types';
 export interface ConstantRendererProps<Value = any> {
     value?: Value;
     onChange?: (value: Value) => void;
@@ -14,4 +15,8 @@ export interface JsonSchemaTypeRegistry<Value = any> extends OriginJsonSchemaTyp
      * Render Constant Input
      */
     ConstantRenderer: React.FC<ConstantRendererProps<Value>>;
+    /**
+     * Condition Rules
+     */
+    conditionRule?: IConditionRule | IConditionRuleFactory;
 }

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

@@ -37,11 +37,13 @@ export declare namespace FlowValueUtils {
      * @returns A generator of flow values
      */
     function traverse(value: any, options: {
-        includeTypes?: FlowValueType[];
+        includeTypes: FlowValueType[];
         path?: string;
+        pathArr?: string[];
     }): Generator<{
         value: IFlowValue;
         path: string;
+        pathArr: string[];
     }>;
     /**
      * Get all key paths in the template value

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/form-materials",
-  "version": "0.4.13",
+  "version": "0.4.14",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
@@ -68,9 +68,9 @@
     "@codemirror/view": "~6.38.0",
     "@codemirror/state": "~6.5.2",
     "zod": "^3.24.4",
-    "@flowgram.ai/editor": "0.4.13",
-    "@flowgram.ai/json-schema": "0.4.13",
-    "@flowgram.ai/coze-editor": "0.4.13"
+    "@flowgram.ai/json-schema": "0.4.14",
+    "@flowgram.ai/coze-editor": "0.4.14",
+    "@flowgram.ai/editor": "0.4.14"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -88,8 +88,9 @@
     "@rslib/core": "~0.12.4",
     "cross-env": "~7.0.3",
     "@rsbuild/plugin-react": "^1.1.1",
-    "@flowgram.ai/ts-config": "0.4.13",
-    "@flowgram.ai/eslint-config": "0.4.13"
+    "date-fns": "~4.1.0",
+    "@flowgram.ai/eslint-config": "0.4.14",
+    "@flowgram.ai/ts-config": "0.4.14"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/src/components/code-editor/editor.tsx

@@ -12,12 +12,11 @@ import {
   InferValues,
 } from '@flowgram.ai/coze-editor/react';
 import preset, { type EditorAPI } from '@flowgram.ai/coze-editor/preset-code';
+import { Skeleton } from '@douyinfe/semi-ui';
 import { EditorView } from '@codemirror/view';
 
 import { getSuffixByLanguageId } from './utils';
-
-import './theme';
-import './language-features';
+import { useDynamicLoadLanguage } from './language-features';
 
 const OriginCodeEditor = createRenderer(preset, [
   EditorView.theme({
@@ -52,6 +51,8 @@ export function CodeEditor({
   options,
   readonly,
 }: CodeEditorPropsType) {
+  const { loaded } = useDynamicLoadLanguage(languageId);
+
   const editorRef = useRef<EditorAPI | null>(null);
 
   useEffect(() => {
@@ -61,13 +62,9 @@ export function CodeEditor({
     }
   }, [value]);
 
-  useEffect(() => {
-    if (languageId === 'typescript') {
-      import('./init-worker').then((module) => {
-        module.initTsWorker();
-      });
-    }
-  }, [languageId]);
+  if (!loaded) {
+    return <Skeleton />;
+  }
 
   return (
     <EditorProvider>

package/src/components/code-editor/index.tsx

@@ -6,7 +6,9 @@
 import { lazySuspense } from '@/shared';
 
 export const CodeEditor = lazySuspense(() =>
-  import('./editor').then((module) => ({ default: module.CodeEditor }))
+  Promise.all([import('./editor'), import('./theme')]).then(([editorModule]) => ({
+    default: editorModule.CodeEditor,
+  }))
 );
 
 export type { CodeEditorPropsType } from './editor';

package/src/components/code-editor/language-features.ts

@@ -3,21 +3,59 @@
  * SPDX-License-Identifier: MIT
  */
 
+import { useEffect, useMemo, useState } from 'react';
+
 import { languages } from '@flowgram.ai/coze-editor/preset-code';
-import { typescript } from '@flowgram.ai/coze-editor/language-typescript';
-import { shell } from '@flowgram.ai/coze-editor/language-shell';
-import { python } from '@flowgram.ai/coze-editor/language-python';
-import { json } from '@flowgram.ai/coze-editor/language-json';
 import { mixLanguages } from '@flowgram.ai/coze-editor';
 
-languages.register('python', python);
-languages.register('shell', shell);
-languages.register('typescript', typescript);
+export const dynamicLoadLanguages: Record<string, () => Promise<void>> = {
+  python: () =>
+    import('@flowgram.ai/coze-editor/language-python').then((module) => {
+      languages.register('python', module.python);
+    }),
+  shell: () =>
+    import('@flowgram.ai/coze-editor/language-shell').then((module) => {
+      languages.register('shell', module.shell);
+    }),
+  typescript: () =>
+    import('@flowgram.ai/coze-editor/language-typescript').then((module) => {
+      languages.register('typescript', module.typescript);
+
+      // Init TypeScript language service
+      const tsWorker = new Worker(
+        new URL(`@flowgram.ai/coze-editor/language-typescript/worker`, import.meta.url),
+        { type: 'module' }
+      );
+      module.typescript.languageService.initialize(tsWorker, {
+        compilerOptions: {
+          // eliminate Promise error
+          lib: ['es2015', 'dom'],
+          noImplicitAny: false,
+        },
+      });
+    }),
+  json: () =>
+    import('@flowgram.ai/coze-editor/language-json').then((module) => {
+      languages.register('json', {
+        // mixLanguages is used to solve the problem that interpolation also uses parentheses, which causes incorrect highlighting
+        language: mixLanguages({
+          outerLanguage: module.json.language,
+        }),
+        languageService: module.json.languageService,
+      });
+    }),
+};
+
+export const useDynamicLoadLanguage = (languageId: string) => {
+  const [loaded, setLoaded] = useState(useMemo(() => !!languages.get(languageId), [languageId]));
+
+  useEffect(() => {
+    if (!loaded && dynamicLoadLanguages[languageId]) {
+      dynamicLoadLanguages[languageId]().then(() => {
+        setLoaded(true);
+      });
+    }
+  }, [languageId, loaded]);
 
-languages.register('json', {
-  // mixLanguages is used to solve the problem that interpolation also uses parentheses, which causes incorrect highlighting
-  language: mixLanguages({
-    outerLanguage: json.language,
-  }),
-  languageService: json.languageService,
-});
+  return { loaded };
+};