@flowgram.ai/form-materials 0.4.13 → 0.4.14

package/dist/cjs/plugins/json-schema-preset/type-definition/number.js

@@ -30,6 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const editor_namespaceObject = require("@flowgram.ai/editor");
 const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const op_js_namespaceObject = require("../../../components/condition-context/op.js");
 const numberRegistry = {
     type: 'number',
     ConstantRenderer: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.InputNumber, {
@@ -38,7 +39,39 @@ const numberRegistry = {
             disabled: props.readonly,
             hideButtons: true,
             ...props
-        })
+        }),
+    conditionRule: {
+        [op_js_namespaceObject.ConditionPresetOp.EQ]: {
+            type: 'number'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.NEQ]: {
+            type: 'number'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.GT]: {
+            type: 'number'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.GTE]: {
+            type: 'number'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.LT]: {
+            type: 'number'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.LTE]: {
+            type: 'number'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.IN]: {
+            type: 'array',
+            extra: {
+                weak: true
+            }
+        },
+        [op_js_namespaceObject.ConditionPresetOp.NIN]: {
+            type: 'array',
+            extra: {
+                weak: true
+            }
+        }
+    }
 };
 exports.numberRegistry = __webpack_exports__.numberRegistry;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/cjs/plugins/json-schema-preset/type-definition/object.js

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const editor_namespaceObject = require("@flowgram.ai/editor");
+const op_js_namespaceObject = require("../../../components/condition-context/op.js");
 const index_js_namespaceObject = require("../../../components/code-editor-mini/index.js");
 const objectRegistry = {
     type: 'object',
@@ -38,7 +39,11 @@ const objectRegistry = {
             languageId: "json",
             placeholder: editor_namespaceObject.I18n.t('Please Input Object'),
             readonly: props.readonly
-        })
+        }),
+    conditionRule: {
+        [op_js_namespaceObject.ConditionPresetOp.IS_EMPTY]: null,
+        [op_js_namespaceObject.ConditionPresetOp.IS_NOT_EMPTY]: null
+    }
 };
 exports.objectRegistry = __webpack_exports__.objectRegistry;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/cjs/plugins/json-schema-preset/type-definition/string.js

@@ -30,6 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const editor_namespaceObject = require("@flowgram.ai/editor");
 const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const op_js_namespaceObject = require("../../../components/condition-context/op.js");
 const stringRegistry = {
     type: 'string',
     ConstantRenderer: (props)=>props?.enableMultiLineStr ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.TextArea, {
@@ -43,7 +44,35 @@ const stringRegistry = {
             placeholder: editor_namespaceObject.I18n.t('Please Input String'),
             disabled: props.readonly,
             ...props
-        })
+        }),
+    conditionRule: {
+        [op_js_namespaceObject.ConditionPresetOp.EQ]: {
+            type: 'string'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.NEQ]: {
+            type: 'string'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.CONTAINS]: {
+            type: 'string'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.NOT_CONTAINS]: {
+            type: 'string'
+        },
+        [op_js_namespaceObject.ConditionPresetOp.IN]: {
+            type: 'array',
+            items: {
+                type: 'string'
+            }
+        },
+        [op_js_namespaceObject.ConditionPresetOp.NIN]: {
+            type: 'array',
+            items: {
+                type: 'string'
+            }
+        },
+        [op_js_namespaceObject.ConditionPresetOp.IS_EMPTY]: null,
+        [op_js_namespaceObject.ConditionPresetOp.IS_NOT_EMPTY]: null
+    }
 };
 exports.stringRegistry = __webpack_exports__.stringRegistry;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/cjs/plugins/json-schema-preset/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/shared/flow-value/utils.js

@@ -57,34 +57,48 @@ const external_schema_js_namespaceObject = require("./schema.js");
     function* traverse(value, options) {
         const { includeTypes = [
             'ref',
-            'template'
-        ], path = '' } = options;
+            'template',
+            'expression',
+            'constant'
+        ], path = '', pathArr = [] } = options || {};
         if ((0, external_lodash_es_namespaceObject.isPlainObject)(value)) {
             if (isRef(value) && includeTypes.includes('ref')) return void (yield {
                 value,
-                path
+                path,
+                pathArr
             });
             if (isTemplate(value) && includeTypes.includes('template')) return void (yield {
                 value,
-                path
+                path,
+                pathArr
             });
             if (isExpression(value) && includeTypes.includes('expression')) return void (yield {
                 value,
-                path
+                path,
+                pathArr
             });
             if (isConstant(value) && includeTypes.includes('constant')) return void (yield {
                 value,
-                path
+                path,
+                pathArr
             });
             for (const [_key, _value] of Object.entries(value))yield* traverse(_value, {
                 ...options,
-                path: `${path}.${_key}`
+                path: path ? `${path}.${_key}` : _key,
+                pathArr: [
+                    ...pathArr,
+                    _key
+                ]
             });
             return;
         }
         if ((0, external_lodash_es_namespaceObject.isArray)(value)) for (const [_idx, _value] of value.entries())yield* traverse(_value, {
             ...options,
-            path: `${path}[${_idx}]`
+            path: path ? `${path}[${_idx}]` : `[${_idx}]`,
+            pathArr: [
+                ...pathArr,
+                `[${_idx}]`
+            ]
         });
     }
     FlowValueUtils.traverse = traverse;

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

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { ActiveLinePlaceholder, EditorProvider, createRenderer } from "@flowgram.ai/coze-editor/react";
 import preset_code from "@flowgram.ai/coze-editor/preset-code";
+import { Skeleton } from "@douyinfe/semi-ui";
 import { EditorView } from "@codemirror/view";
 import { getSuffixByLanguageId } from "./utils.mjs";
-import "./theme/index.mjs";
-import "./language-features.mjs";
+import { useDynamicLoadLanguage } from "./language-features.mjs";
 const OriginCodeEditor = createRenderer(preset_code, [
     EditorView.theme({
         '&.cm-focused': {
@@ -14,19 +14,14 @@ const OriginCodeEditor = createRenderer(preset_code, [
     })
 ]);
 function CodeEditor({ value, onChange, languageId = 'python', theme = 'light', children, placeholder, activeLinePlaceholder, options, readonly }) {
+    const { loaded } = useDynamicLoadLanguage(languageId);
     const editorRef = useRef(null);
     useEffect(()=>{
         if (editorRef.current?.getValue() !== value) editorRef.current?.setValue(String(value || ''));
     }, [
         value
     ]);
-    useEffect(()=>{
-        if ("typescript" === languageId) import("./init-worker.mjs").then((module)=>{
-            module.initTsWorker();
-        });
-    }, [
-        languageId
-    ]);
+    if (!loaded) return /*#__PURE__*/ jsx(Skeleton, {});
     return /*#__PURE__*/ jsx(EditorProvider, {
         children: /*#__PURE__*/ jsxs(OriginCodeEditor, {
             defaultValue: String(value || ''),

package/dist/esm/components/code-editor/index.mjs

@@ -1,5 +1,8 @@
 import { lazySuspense } from "../../shared/index.mjs";
-const CodeEditor = lazySuspense(()=>import("./editor.mjs").then((module)=>({
-            default: module.CodeEditor
+const CodeEditor = lazySuspense(()=>Promise.all([
+        import("./editor.mjs"),
+        import("./theme/index.mjs")
+    ]).then(([editorModule])=>({
+            default: editorModule.CodeEditor
         })));
 export { CodeEditor };

package/dist/esm/components/code-editor/language-features.mjs

@@ -1,15 +1,51 @@
+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);
-languages.register('json', {
-    language: mixLanguages({
-        outerLanguage: json.language
-    }),
-    languageService: json.languageService
-});
+const dynamicLoadLanguages = {
+    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);
+            const tsWorker = new Worker(new URL("@flowgram.ai/coze-editor/language-typescript/worker", import.meta.url), {
+                type: 'module'
+            });
+            module.typescript.languageService.initialize(tsWorker, {
+                compilerOptions: {
+                    lib: [
+                        'es2015',
+                        'dom'
+                    ],
+                    noImplicitAny: false
+                }
+            });
+        }),
+    json: ()=>import("@flowgram.ai/coze-editor/language-json").then((module)=>{
+            languages.register('json', {
+                language: mixLanguages({
+                    outerLanguage: module.json.language
+                }),
+                languageService: module.json.languageService
+            });
+        })
+};
+const useDynamicLoadLanguage = (languageId)=>{
+    const [loaded, setLoaded] = useState(useMemo(()=>!!languages.get(languageId), [
+        languageId
+    ]));
+    useEffect(()=>{
+        if (!loaded && dynamicLoadLanguages[languageId]) dynamicLoadLanguages[languageId]().then(()=>{
+            setLoaded(true);
+        });
+    }, [
+        languageId,
+        loaded
+    ]);
+    return {
+        loaded
+    };
+};
+export { dynamicLoadLanguages, useDynamicLoadLanguage };

package/dist/esm/components/code-editor/theme/dark.mjs

@@ -1,24 +1,42 @@
 import { createTheme, tags } from "@flowgram.ai/coze-editor/preset-code";
 const colors = {
-    background: '#0D1117',
-    comment: '#8B949E',
-    key: '#7DD3FC',
-    variable: '#F472B6',
-    string: '#34D399',
-    number: '#FBBF24',
-    boolean: '#A78BFA',
-    null: '#A78BFA',
-    separator: '#E6EDF3'
+    background: '#24292e',
+    foreground: '#d1d5da',
+    selection: '#3392FF44',
+    cursor: '#c8e1ff',
+    dropdownBackground: '#24292e',
+    dropdownBorder: '#1b1f23',
+    activeLine: '#4d566022',
+    matchingBracket: '#888892',
+    keyword: '#9197F1',
+    storage: '#f97583',
+    variable: '#ffab70',
+    variableName: '#D9DCFA',
+    parameter: '#e1e4e8',
+    function: '#FFCA66',
+    string: '#FF9878',
+    constant: '#79b8ff',
+    type: '#79b8ff',
+    class: '#b392f0',
+    number: '#2EC7D9',
+    comment: '#568B2A',
+    heading: '#79b8ff',
+    invalid: '#f97583',
+    regexp: '#9ecbff',
+    propertyName: '#9197F1',
+    separator: '#888892',
+    gutters: '#888892',
+    moduleKeyword: '#CC4FD4'
 };
 const darkTheme = createTheme({
     variant: 'dark',
     settings: {
         background: colors.background,
-        foreground: '#E6EDF3',
-        caret: '#7DD3FC',
-        selection: '#264F7833',
+        foreground: colors.foreground,
+        caret: colors.cursor,
+        selection: colors.selection,
         gutterBackground: colors.background,
-        gutterForeground: '#6E7681',
+        gutterForeground: colors.foreground,
         gutterBorderColor: 'transparent',
         gutterBorderWidth: 0,
         lineHighlight: '#21262D',
@@ -39,7 +57,8 @@ const darkTheme = createTheme({
             backgroundColor: '#21262D'
         },
         completionItemSelected: {
-            backgroundColor: '#1F6EEB'
+            backgroundColor: colors.selection,
+            color: colors.foreground
         },
         completionItemIcon: {
             color: '#8B949E'
@@ -56,99 +75,147 @@ const darkTheme = createTheme({
     },
     styles: [
         {
-            tag: tags.comment,
-            color: colors.comment
+            tag: tags.keyword,
+            color: colors.keyword
+        },
+        {
+            tag: tags.variableName,
+            color: colors.variableName
         },
         {
             tag: [
-                tags.propertyName
+                tags.name,
+                tags.deleted,
+                tags.character,
+                tags.macroName
             ],
-            color: colors.key
+            color: colors.variable
         },
         {
             tag: [
-                tags.string
+                tags.propertyName
             ],
-            color: colors.string
+            color: colors.propertyName
         },
         {
             tag: [
-                tags.number
+                tags.processingInstruction,
+                tags.string,
+                tags.inserted,
+                tags.special(tags.string)
             ],
-            color: colors.number
+            color: colors.string
         },
         {
             tag: [
-                tags.bool
+                tags["function"](tags.variableName),
+                tags["function"](tags.propertyName),
+                tags.labelName
             ],
-            color: colors.boolean
+            color: colors.function
         },
         {
             tag: [
-                tags["null"]
+                tags.moduleKeyword,
+                tags.controlKeyword
             ],
-            color: colors.null
+            color: colors.moduleKeyword
         },
         {
             tag: [
-                tags.separator
+                tags.color,
+                tags.constant(tags.name),
+                tags.standard(tags.name)
             ],
-            color: colors.separator
+            color: colors.constant
+        },
+        {
+            tag: tags.definition(tags.name),
+            color: colors.variable
         },
         {
             tag: [
-                tags.definitionKeyword
+                tags.className
             ],
-            color: '#C084FC'
+            color: colors.class
         },
         {
             tag: [
-                tags.modifier
+                tags.number,
+                tags.changed,
+                tags.annotation,
+                tags.modifier,
+                tags.self,
+                tags.namespace
             ],
-            color: '#C084FC'
+            color: colors.number
         },
         {
             tag: [
-                tags.controlKeyword
+                tags.typeName
             ],
-            color: '#C084FC'
+            color: colors.type,
+            fontStyle: colors.type
         },
         {
             tag: [
                 tags.operatorKeyword
             ],
-            color: '#C084FC'
+            color: colors.keyword
         },
         {
             tag: [
-                tags.heading
+                tags.url,
+                tags.escape,
+                tags.regexp,
+                tags.link
             ],
-            color: '#7DD3FC'
+            color: colors.regexp
         },
         {
             tag: [
-                tags.processingInstruction
+                tags.meta,
+                tags.comment
             ],
-            color: '#7DD3FC'
+            color: colors.comment
         },
         {
-            tag: [
-                tags.standard(tags.variableName)
-            ],
-            color: '#34D399'
+            tag: tags.strong,
+            fontWeight: 'bold'
         },
         {
-            tag: [
-                tags.attributeName
-            ],
-            color: '#FBBF24'
+            tag: tags.emphasis,
+            fontStyle: 'italic'
+        },
+        {
+            tag: tags.link,
+            textDecoration: 'underline'
+        },
+        {
+            tag: tags.heading,
+            fontWeight: 'bold',
+            color: colors.heading
         },
         {
             tag: [
-                tags.special(tags.string)
+                tags.atom,
+                tags.bool,
+                tags.special(tags.variableName)
             ],
-            color: '#7DD3FC'
+            color: colors.variable
+        },
+        {
+            tag: tags.invalid,
+            color: colors.invalid
+        },
+        {
+            tag: tags.strikethrough,
+            textDecoration: 'line-through'
+        },
+        {
+            tag: tags.separator,
+            color: colors.separator
         }
     ]
 });
-export { darkTheme };
+export { colors, darkTheme };