@flowgram.ai/form-materials 0.1.0-alpha.15 → 0.1.0-alpha.17

package/dist/cjs/components/code-editor/index.js

@@ -1,21 +1,5 @@
 "use strict";
-var __webpack_modules__ = {
-    "./editor": function(module) {
-        module.exports = import("./editor.js").then(function(module) {
-            return module;
-        });
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -38,19 +22,38 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        CodeEditor: ()=>CodeEditor
-    });
-    const index_js_namespaceObject = require("../../shared/index.js");
-    const CodeEditor = (0, index_js_namespaceObject.lazySuspense)(()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./editor")).then((module)=>({
-                default: module.CodeEditor
-            })));
-})();
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    SQLCodeEditor: ()=>external_editor_sql_js_namespaceObject.SQLCodeEditor,
+    CodeEditor: ()=>external_editor_all_js_namespaceObject.CodeEditor,
+    PythonCodeEditor: ()=>external_editor_python_js_namespaceObject.PythonCodeEditor,
+    JsonCodeEditor: ()=>external_editor_json_js_namespaceObject.JsonCodeEditor,
+    BaseCodeEditor: ()=>external_editor_js_namespaceObject.BaseCodeEditor,
+    TypeScriptCodeEditor: ()=>external_editor_ts_js_namespaceObject.TypeScriptCodeEditor,
+    ShellCodeEditor: ()=>external_editor_shell_js_namespaceObject.ShellCodeEditor
+});
+const external_editor_all_js_namespaceObject = require("./editor-all.js");
+const external_editor_ts_js_namespaceObject = require("./editor-ts.js");
+const external_editor_shell_js_namespaceObject = require("./editor-shell.js");
+const external_editor_json_js_namespaceObject = require("./editor-json.js");
+const external_editor_sql_js_namespaceObject = require("./editor-sql.js");
+const external_editor_python_js_namespaceObject = require("./editor-python.js");
+const external_editor_js_namespaceObject = require("./editor.js");
+exports.BaseCodeEditor = __webpack_exports__.BaseCodeEditor;
 exports.CodeEditor = __webpack_exports__.CodeEditor;
+exports.JsonCodeEditor = __webpack_exports__.JsonCodeEditor;
+exports.PythonCodeEditor = __webpack_exports__.PythonCodeEditor;
+exports.SQLCodeEditor = __webpack_exports__.SQLCodeEditor;
+exports.ShellCodeEditor = __webpack_exports__.ShellCodeEditor;
+exports.TypeScriptCodeEditor = __webpack_exports__.TypeScriptCodeEditor;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "CodeEditor"
+    "BaseCodeEditor",
+    "CodeEditor",
+    "JsonCodeEditor",
+    "PythonCodeEditor",
+    "SQLCodeEditor",
+    "ShellCodeEditor",
+    "TypeScriptCodeEditor"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/components/code-editor/theme/dark.js

@@ -24,29 +24,48 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    darkTheme: ()=>darkTheme
+    darkTheme: ()=>darkTheme,
+    colors: ()=>colors
 });
 const preset_code_namespaceObject = require("@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 = (0, preset_code_namespaceObject.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',
@@ -67,7 +86,8 @@ const darkTheme = (0, preset_code_namespaceObject.createTheme)({
             backgroundColor: '#21262D'
         },
         completionItemSelected: {
-            backgroundColor: '#1F6EEB'
+            backgroundColor: colors.selection,
+            color: colors.foreground
         },
         completionItemIcon: {
             color: '#8B949E'
@@ -84,103 +104,153 @@ const darkTheme = (0, preset_code_namespaceObject.createTheme)({
     },
     styles: [
         {
-            tag: preset_code_namespaceObject.tags.comment,
-            color: colors.comment
+            tag: preset_code_namespaceObject.tags.keyword,
+            color: colors.keyword
+        },
+        {
+            tag: preset_code_namespaceObject.tags.variableName,
+            color: colors.variableName
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.propertyName
+                preset_code_namespaceObject.tags.name,
+                preset_code_namespaceObject.tags.deleted,
+                preset_code_namespaceObject.tags.character,
+                preset_code_namespaceObject.tags.macroName
             ],
-            color: colors.key
+            color: colors.variable
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.string
+                preset_code_namespaceObject.tags.propertyName
             ],
-            color: colors.string
+            color: colors.propertyName
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.number
+                preset_code_namespaceObject.tags.processingInstruction,
+                preset_code_namespaceObject.tags.string,
+                preset_code_namespaceObject.tags.inserted,
+                preset_code_namespaceObject.tags.special(preset_code_namespaceObject.tags.string)
             ],
-            color: colors.number
+            color: colors.string
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.bool
+                preset_code_namespaceObject.tags["function"](preset_code_namespaceObject.tags.variableName),
+                preset_code_namespaceObject.tags["function"](preset_code_namespaceObject.tags.propertyName),
+                preset_code_namespaceObject.tags.labelName
             ],
-            color: colors.boolean
+            color: colors.function
         },
         {
             tag: [
-                preset_code_namespaceObject.tags["null"]
+                preset_code_namespaceObject.tags.moduleKeyword,
+                preset_code_namespaceObject.tags.controlKeyword
             ],
-            color: colors.null
+            color: colors.moduleKeyword
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.separator
+                preset_code_namespaceObject.tags.color,
+                preset_code_namespaceObject.tags.constant(preset_code_namespaceObject.tags.name),
+                preset_code_namespaceObject.tags.standard(preset_code_namespaceObject.tags.name)
             ],
-            color: colors.separator
+            color: colors.constant
+        },
+        {
+            tag: preset_code_namespaceObject.tags.definition(preset_code_namespaceObject.tags.name),
+            color: colors.variable
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.definitionKeyword
+                preset_code_namespaceObject.tags.className
             ],
-            color: '#C084FC'
+            color: colors.class
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.modifier
+                preset_code_namespaceObject.tags.number,
+                preset_code_namespaceObject.tags.changed,
+                preset_code_namespaceObject.tags.annotation,
+                preset_code_namespaceObject.tags.modifier,
+                preset_code_namespaceObject.tags.self,
+                preset_code_namespaceObject.tags.namespace
             ],
-            color: '#C084FC'
+            color: colors.number
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.controlKeyword
+                preset_code_namespaceObject.tags.typeName
             ],
-            color: '#C084FC'
+            color: colors.type,
+            fontStyle: colors.type
         },
         {
             tag: [
                 preset_code_namespaceObject.tags.operatorKeyword
             ],
-            color: '#C084FC'
+            color: colors.keyword
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.heading
+                preset_code_namespaceObject.tags.url,
+                preset_code_namespaceObject.tags.escape,
+                preset_code_namespaceObject.tags.regexp,
+                preset_code_namespaceObject.tags.link
             ],
-            color: '#7DD3FC'
+            color: colors.regexp
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.processingInstruction
+                preset_code_namespaceObject.tags.meta,
+                preset_code_namespaceObject.tags.comment
             ],
-            color: '#7DD3FC'
+            color: colors.comment
         },
         {
-            tag: [
-                preset_code_namespaceObject.tags.standard(preset_code_namespaceObject.tags.variableName)
-            ],
-            color: '#34D399'
+            tag: preset_code_namespaceObject.tags.strong,
+            fontWeight: 'bold'
         },
         {
-            tag: [
-                preset_code_namespaceObject.tags.attributeName
-            ],
-            color: '#FBBF24'
+            tag: preset_code_namespaceObject.tags.emphasis,
+            fontStyle: 'italic'
+        },
+        {
+            tag: preset_code_namespaceObject.tags.link,
+            textDecoration: 'underline'
+        },
+        {
+            tag: preset_code_namespaceObject.tags.heading,
+            fontWeight: 'bold',
+            color: colors.heading
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.special(preset_code_namespaceObject.tags.string)
+                preset_code_namespaceObject.tags.atom,
+                preset_code_namespaceObject.tags.bool,
+                preset_code_namespaceObject.tags.special(preset_code_namespaceObject.tags.variableName)
             ],
-            color: '#7DD3FC'
+            color: colors.variable
+        },
+        {
+            tag: preset_code_namespaceObject.tags.invalid,
+            color: colors.invalid
+        },
+        {
+            tag: preset_code_namespaceObject.tags.strikethrough,
+            textDecoration: 'line-through'
+        },
+        {
+            tag: preset_code_namespaceObject.tags.separator,
+            color: colors.separator
         }
     ]
 });
+exports.colors = __webpack_exports__.colors;
 exports.darkTheme = __webpack_exports__.darkTheme;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "colors",
     "darkTheme"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/components/code-editor/theme/light.js

@@ -24,51 +24,68 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    colors: ()=>colors,
     lightTheme: ()=>lightTheme
 });
 const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
 const colors = {
-    background: '#FFFFFF',
-    comment: '#6B7280',
-    key: '#2563EB',
-    variable: '#DC2626',
-    string: '#059669',
-    number: '#EA580C',
-    boolean: '#7C3AED',
-    null: '#7C3AED',
-    separator: '#374151'
+    background: '#f4f5f5',
+    foreground: '#444d56',
+    selection: '#0366d625',
+    cursor: '#044289',
+    dropdownBackground: '#fff',
+    dropdownBorder: '#e1e4e8',
+    activeLine: '#c6c6c622',
+    matchingBracket: '#34d05840',
+    keyword: '#d73a49',
+    storage: '#d73a49',
+    variable: '#e36209',
+    parameter: '#24292e',
+    function: '#005cc5',
+    string: '#032f62',
+    constant: '#005cc5',
+    type: '#005cc5',
+    class: '#6f42c1',
+    number: '#005cc5',
+    comment: '#6a737d',
+    heading: '#005cc5',
+    invalid: '#cb2431',
+    regexp: '#032f62'
 };
 const lightTheme = (0, preset_code_namespaceObject.createTheme)({
     variant: 'light',
     settings: {
-        background: '#FFFFFF',
-        foreground: '#1F2937',
-        caret: '#2563EB',
-        selection: '#E5E7EB',
-        gutterBackground: '#F9FAFB',
-        gutterForeground: '#6B7280',
+        background: colors.background,
+        foreground: colors.foreground,
+        caret: colors.cursor,
+        selection: colors.selection,
+        gutterBackground: colors.background,
+        gutterForeground: colors.foreground,
         gutterBorderColor: 'transparent',
         gutterBorderWidth: 0,
-        lineHighlight: '#F3F4F680',
+        lineHighlight: colors.background,
         bracketColors: [
             '#F59E0B',
             '#8B5CF6',
             '#06B6D4'
         ],
         tooltip: {
-            backgroundColor: '#FFFFFF',
-            color: '#1F2937',
-            border: '1px solid #E5E7EB',
-            boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)'
+            backgroundColor: colors.dropdownBackground,
+            color: colors.foreground,
+            border: 'none',
+            boxShadow: '0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1)!important',
+            maxWidth: '400px'
         },
         link: {
-            color: '#2563EB'
+            color: '#2563EB',
+            caret: colors.cursor
         },
         completionItemHover: {
             backgroundColor: '#F3F4F6'
         },
         completionItemSelected: {
-            backgroundColor: '#E5E7EB'
+            backgroundColor: colors.selection,
+            color: colors.foreground
         },
         completionItemIcon: {
             color: '#4B5563'
@@ -85,109 +102,141 @@ const lightTheme = (0, preset_code_namespaceObject.createTheme)({
     },
     styles: [
         {
-            tag: preset_code_namespaceObject.tags.comment,
-            color: colors.comment
+            tag: preset_code_namespaceObject.tags.keyword,
+            color: colors.keyword
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.propertyName
+                preset_code_namespaceObject.tags.name,
+                preset_code_namespaceObject.tags.deleted,
+                preset_code_namespaceObject.tags.character,
+                preset_code_namespaceObject.tags.macroName
             ],
-            color: colors.key
+            color: colors.variable
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.variableName
+                preset_code_namespaceObject.tags.propertyName
             ],
-            color: colors.variable
+            color: colors.function
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.string
+                preset_code_namespaceObject.tags.processingInstruction,
+                preset_code_namespaceObject.tags.string,
+                preset_code_namespaceObject.tags.inserted,
+                preset_code_namespaceObject.tags.special(preset_code_namespaceObject.tags.string)
             ],
             color: colors.string
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.number
+                preset_code_namespaceObject.tags["function"](preset_code_namespaceObject.tags.variableName),
+                preset_code_namespaceObject.tags.labelName
             ],
-            color: colors.number
+            color: colors.function
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.bool
+                preset_code_namespaceObject.tags.color,
+                preset_code_namespaceObject.tags.constant(preset_code_namespaceObject.tags.name),
+                preset_code_namespaceObject.tags.standard(preset_code_namespaceObject.tags.name)
             ],
-            color: colors.boolean
+            color: colors.constant
         },
         {
             tag: [
-                preset_code_namespaceObject.tags["null"]
+                preset_code_namespaceObject.tags.definition(preset_code_namespaceObject.tags.name),
+                preset_code_namespaceObject.tags.separator
             ],
-            color: colors.null
+            color: colors.variable
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.separator
+                preset_code_namespaceObject.tags.className
             ],
-            color: colors.separator
+            color: colors.class
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.heading
+                preset_code_namespaceObject.tags.number,
+                preset_code_namespaceObject.tags.changed,
+                preset_code_namespaceObject.tags.annotation,
+                preset_code_namespaceObject.tags.modifier,
+                preset_code_namespaceObject.tags.self,
+                preset_code_namespaceObject.tags.namespace
             ],
-            color: '#2563EB'
+            color: colors.number
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.processingInstruction
+                preset_code_namespaceObject.tags.typeName
             ],
-            color: '#2563EB'
+            color: colors.type,
+            fontStyle: colors.type
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.definitionKeyword
+                preset_code_namespaceObject.tags.operator,
+                preset_code_namespaceObject.tags.operatorKeyword
             ],
-            color: '#9333EA'
+            color: colors.keyword
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.modifier
+                preset_code_namespaceObject.tags.url,
+                preset_code_namespaceObject.tags.escape,
+                preset_code_namespaceObject.tags.regexp,
+                preset_code_namespaceObject.tags.link
             ],
-            color: '#9333EA'
+            color: colors.regexp
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.controlKeyword
+                preset_code_namespaceObject.tags.meta,
+                preset_code_namespaceObject.tags.comment
             ],
-            color: '#9333EA'
+            color: colors.comment
         },
         {
-            tag: [
-                preset_code_namespaceObject.tags.operatorKeyword
-            ],
-            color: '#9333EA'
+            tag: preset_code_namespaceObject.tags.strong,
+            fontWeight: 'bold'
         },
         {
-            tag: [
-                preset_code_namespaceObject.tags.standard(preset_code_namespaceObject.tags.variableName)
-            ],
-            color: '#059669'
+            tag: preset_code_namespaceObject.tags.emphasis,
+            fontStyle: 'italic'
         },
         {
-            tag: [
-                preset_code_namespaceObject.tags.attributeName
-            ],
-            color: '#EA580C'
+            tag: preset_code_namespaceObject.tags.link,
+            textDecoration: 'underline'
+        },
+        {
+            tag: preset_code_namespaceObject.tags.heading,
+            fontWeight: 'bold',
+            color: colors.heading
         },
         {
             tag: [
-                preset_code_namespaceObject.tags.special(preset_code_namespaceObject.tags.string)
+                preset_code_namespaceObject.tags.atom,
+                preset_code_namespaceObject.tags.bool,
+                preset_code_namespaceObject.tags.special(preset_code_namespaceObject.tags.variableName)
             ],
-            color: '#2563EB'
+            color: colors.variable
+        },
+        {
+            tag: preset_code_namespaceObject.tags.invalid,
+            color: colors.invalid
+        },
+        {
+            tag: preset_code_namespaceObject.tags.strikethrough,
+            textDecoration: 'line-through'
         }
     ]
 });
+exports.colors = __webpack_exports__.colors;
 exports.lightTheme = __webpack_exports__.lightTheme;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "colors",
     "lightTheme"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/components/code-editor/utils.js

@@ -31,6 +31,7 @@ function getSuffixByLanguageId(languageId) {
     if ("typescript" === languageId) return '.ts';
     if ('shell' === languageId) return '.sh';
     if ('json' === languageId) return '.json';
+    if ('sql' === languageId) return '.sql';
     return '';
 }
 exports.getSuffixByLanguageId = __webpack_exports__.getSuffixByLanguageId;

package/dist/cjs/components/condition-context/context.js

@@ -0,0 +1,59 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __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__);
+__webpack_require__.d(__webpack_exports__, {
+    ConditionProvider: ()=>ConditionProvider,
+    ConditionContext: ()=>ConditionContext,
+    useConditionContext: ()=>useConditionContext
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_op_js_namespaceObject = require("./op.js");
+const ConditionContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
+    rules: {},
+    ops: external_op_js_namespaceObject.defaultConditionOpConfigs
+});
+const ConditionProvider = (props)=>{
+    const { rules, ops } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ConditionContext.Provider, {
+        value: {
+            rules,
+            ops
+        },
+        children: props.children
+    });
+};
+const useConditionContext = ()=>(0, external_react_namespaceObject.useContext)(ConditionContext);
+exports.ConditionContext = __webpack_exports__.ConditionContext;
+exports.ConditionProvider = __webpack_exports__.ConditionProvider;
+exports.useConditionContext = __webpack_exports__.useConditionContext;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ConditionContext",
+    "ConditionProvider",
+    "useConditionContext"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});