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

package/bin/run.sh

@@ -2,5 +2,6 @@
 #  Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
 #  SPDX-License-Identifier: MIT
 
-
-npx @flowgram.ai/cli@latest materials $1
+echo "⚠️ 'npx @flowgram.ai/form-materials' is deprecated."
+echo "👉 Please use 'npx @flowgram.ai/cli@latest materials' to sync materials"
+npx @flowgram.ai/cli@latest materials "$@"

package/dist/cjs/components/blur-input/index.js

@@ -1,14 +1,5 @@
 "use strict";
 var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
 (()=>{
     __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, {
@@ -37,8 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const input_namespaceObject = require("@douyinfe/semi-ui/lib/es/input");
-var input_default = /*#__PURE__*/ __webpack_require__.n(input_namespaceObject);
+const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 function BlurInput(props) {
     const [value, setValue] = (0, external_react_namespaceObject.useState)('');
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -46,7 +36,7 @@ function BlurInput(props) {
     }, [
         props.value
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_default(), {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Input, {
         ...props,
         value: value,
         onChange: (value)=>{

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

@@ -0,0 +1,52 @@
+"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__, {
+    CodeEditor: ()=>CodeEditor
+});
+const external_factory_js_namespaceObject = require("./factory.js");
+const external_editor_ts_js_namespaceObject = require("./editor-ts.js");
+const external_editor_sql_js_namespaceObject = require("./editor-sql.js");
+const external_editor_shell_js_namespaceObject = require("./editor-shell.js");
+const external_editor_python_js_namespaceObject = require("./editor-python.js");
+const external_editor_json_js_namespaceObject = require("./editor-json.js");
+const languageLoaders = {
+    json: external_editor_json_js_namespaceObject.loadJsonLanguage,
+    python: external_editor_python_js_namespaceObject.loadPythonLanguage,
+    sql: external_editor_sql_js_namespaceObject.loadSqlLanguage,
+    typescript: external_editor_ts_js_namespaceObject.loadTypescriptLanguage,
+    shell: external_editor_shell_js_namespaceObject.loadShellLanguage
+};
+const CodeEditor = (0, external_factory_js_namespaceObject.CodeEditorFactory)((languageId)=>languageLoaders[languageId]?.(languageId), {
+    displayName: 'CodeEditor',
+    fixLanguageId: void 0
+});
+exports.CodeEditor = __webpack_exports__.CodeEditor;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CodeEditor"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,71 @@
+"use strict";
+var __webpack_modules__ = {
+    "@flowgram.ai/coze-editor/language-json": function(module) {
+        module.exports = import("@flowgram.ai/coze-editor/language-json").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;
+}
+(()=>{
+    __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__, {
+        loadJsonLanguage: ()=>loadJsonLanguage,
+        JsonCodeEditor: ()=>JsonCodeEditor
+    });
+    const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+    const coze_editor_namespaceObject = require("@flowgram.ai/coze-editor");
+    const external_factory_js_namespaceObject = require("./factory.js");
+    const loadJsonLanguage = ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-json")).then((module)=>{
+            preset_code_namespaceObject.languages.register('json', {
+                language: (0, coze_editor_namespaceObject.mixLanguages)({
+                    outerLanguage: module.json.language
+                }),
+                languageService: module.json.languageService
+            });
+        });
+    const JsonCodeEditor = (0, external_factory_js_namespaceObject.CodeEditorFactory)(loadJsonLanguage, {
+        displayName: 'JsonCodeEditor',
+        fixLanguageId: 'json'
+    });
+})();
+exports.JsonCodeEditor = __webpack_exports__.JsonCodeEditor;
+exports.loadJsonLanguage = __webpack_exports__.loadJsonLanguage;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "JsonCodeEditor",
+    "loadJsonLanguage"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,63 @@
+"use strict";
+var __webpack_modules__ = {
+    "@flowgram.ai/coze-editor/language-python": function(module) {
+        module.exports = import("@flowgram.ai/coze-editor/language-python").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;
+}
+(()=>{
+    __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__, {
+        PythonCodeEditor: ()=>PythonCodeEditor,
+        loadPythonLanguage: ()=>loadPythonLanguage
+    });
+    const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+    const external_factory_js_namespaceObject = require("./factory.js");
+    const loadPythonLanguage = ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-python")).then((module)=>preset_code_namespaceObject.languages.register('python', module.python));
+    const PythonCodeEditor = (0, external_factory_js_namespaceObject.CodeEditorFactory)(loadPythonLanguage, {
+        displayName: 'PythonCodeEditor',
+        fixLanguageId: 'python'
+    });
+})();
+exports.PythonCodeEditor = __webpack_exports__.PythonCodeEditor;
+exports.loadPythonLanguage = __webpack_exports__.loadPythonLanguage;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "PythonCodeEditor",
+    "loadPythonLanguage"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,63 @@
+"use strict";
+var __webpack_modules__ = {
+    "@flowgram.ai/coze-editor/language-shell": function(module) {
+        module.exports = import("@flowgram.ai/coze-editor/language-shell").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;
+}
+(()=>{
+    __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__, {
+        loadShellLanguage: ()=>loadShellLanguage,
+        ShellCodeEditor: ()=>ShellCodeEditor
+    });
+    const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+    const external_factory_js_namespaceObject = require("./factory.js");
+    const loadShellLanguage = ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-shell")).then((module)=>preset_code_namespaceObject.languages.register('shell', module.shell));
+    const ShellCodeEditor = (0, external_factory_js_namespaceObject.CodeEditorFactory)(loadShellLanguage, {
+        displayName: 'ShellCodeEditor',
+        fixLanguageId: 'shell'
+    });
+})();
+exports.ShellCodeEditor = __webpack_exports__.ShellCodeEditor;
+exports.loadShellLanguage = __webpack_exports__.loadShellLanguage;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ShellCodeEditor",
+    "loadShellLanguage"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,71 @@
+"use strict";
+var __webpack_modules__ = {
+    "@flowgram.ai/coze-editor/language-sql": function(module) {
+        module.exports = import("@flowgram.ai/coze-editor/language-sql").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;
+}
+(()=>{
+    __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__, {
+        SQLCodeEditor: ()=>SQLCodeEditor,
+        loadSqlLanguage: ()=>loadSqlLanguage
+    });
+    const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+    const coze_editor_namespaceObject = require("@flowgram.ai/coze-editor");
+    const external_factory_js_namespaceObject = require("./factory.js");
+    const loadSqlLanguage = ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-sql")).then((module)=>{
+            preset_code_namespaceObject.languages.register('sql', {
+                ...module.sql,
+                language: (0, coze_editor_namespaceObject.mixLanguages)({
+                    outerLanguage: module.sql.language
+                })
+            });
+        });
+    const SQLCodeEditor = (0, external_factory_js_namespaceObject.CodeEditorFactory)(loadSqlLanguage, {
+        displayName: 'SQLCodeEditor',
+        fixLanguageId: 'sql'
+    });
+})();
+exports.SQLCodeEditor = __webpack_exports__.SQLCodeEditor;
+exports.loadSqlLanguage = __webpack_exports__.loadSqlLanguage;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "SQLCodeEditor",
+    "loadSqlLanguage"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,80 @@
+"use strict";
+const __rslib_import_meta_url__ = /*#__PURE__*/ function() {
+    return 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
+}();
+var __webpack_modules__ = {
+    "@flowgram.ai/coze-editor/language-typescript": function(module) {
+        module.exports = import("@flowgram.ai/coze-editor/language-typescript").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;
+}
+(()=>{
+    __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__, {
+        TypeScriptCodeEditor: ()=>TypeScriptCodeEditor,
+        loadTypescriptLanguage: ()=>loadTypescriptLanguage
+    });
+    const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+    const external_factory_js_namespaceObject = require("./factory.js");
+    const loadTypescriptLanguage = ()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@flowgram.ai/coze-editor/language-typescript")).then((module)=>{
+            preset_code_namespaceObject.languages.register("typescript", module.typescript);
+            const tsWorker = new Worker(new URL("@flowgram.ai/coze-editor/language-typescript/worker", __rslib_import_meta_url__), {
+                type: 'module'
+            });
+            module.typescript.languageService.initialize(tsWorker, {
+                compilerOptions: {
+                    lib: [
+                        'es2015',
+                        'dom'
+                    ],
+                    noImplicitAny: false
+                }
+            });
+        });
+    const TypeScriptCodeEditor = (0, external_factory_js_namespaceObject.CodeEditorFactory)(loadTypescriptLanguage, {
+        displayName: 'TypeScriptCodeEditor',
+        fixLanguageId: "typescript"
+    });
+})();
+exports.TypeScriptCodeEditor = __webpack_exports__.TypeScriptCodeEditor;
+exports.loadTypescriptLanguage = __webpack_exports__.loadTypescriptLanguage;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "TypeScriptCodeEditor",
+    "loadTypescriptLanguage"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,21 +1,5 @@
 "use strict";
-var __webpack_modules__ = {
-    "./init-worker": function(module) {
-        module.exports = import("./init-worker.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__.n = (module)=>{
         var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
@@ -47,42 +31,41 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        CodeEditor: ()=>CodeEditor
-    });
-    const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-    const external_react_namespaceObject = require("react");
-    const react_namespaceObject = require("@flowgram.ai/coze-editor/react");
-    const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
-    var preset_code_default = /*#__PURE__*/ __webpack_require__.n(preset_code_namespaceObject);
-    const view_namespaceObject = require("@codemirror/view");
-    const external_utils_js_namespaceObject = require("./utils.js");
-    require("./theme/index.js");
-    require("./language-features.js");
-    const OriginCodeEditor = (0, react_namespaceObject.createRenderer)(preset_code_default(), [
-        view_namespaceObject.EditorView.theme({
-            '&.cm-focused': {
-                outline: 'none'
-            }
-        })
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    BaseCodeEditor: ()=>BaseCodeEditor
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const react_namespaceObject = require("@flowgram.ai/coze-editor/react");
+const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+var preset_code_default = /*#__PURE__*/ __webpack_require__.n(preset_code_namespaceObject);
+const view_namespaceObject = require("@codemirror/view");
+const external_utils_js_namespaceObject = require("./utils.js");
+const OriginCodeEditor = (0, react_namespaceObject.createRenderer)(preset_code_default(), [
+    view_namespaceObject.EditorView.theme({
+        '&.cm-focused': {
+            outline: 'none'
+        }
+    })
+]);
+const UIContainer = external_styled_components_default().div`
+  ${({ $mini })=>$mini && (0, external_styled_components_namespaceObject.css)`
+      height: 24px;
+    `}
+`;
+function BaseCodeEditor({ value, onChange, languageId = 'python', theme = 'light', children, placeholder, activeLinePlaceholder, options, readonly, mini }) {
+    const editorRef = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (editorRef.current?.getValue() !== value) editorRef.current?.setValue(String(value || ''));
+    }, [
+        value
     ]);
-    function CodeEditor({ value, onChange, languageId = 'python', theme = 'light', children, placeholder, activeLinePlaceholder, options, readonly }) {
-        const editorRef = (0, external_react_namespaceObject.useRef)(null);
-        (0, external_react_namespaceObject.useEffect)(()=>{
-            if (editorRef.current?.getValue() !== value) editorRef.current?.setValue(String(value || ''));
-        }, [
-            value
-        ]);
-        (0, external_react_namespaceObject.useEffect)(()=>{
-            if ("typescript" === languageId) Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./init-worker")).then((module)=>{
-                module.initTsWorker();
-            });
-        }, [
-            languageId
-        ]);
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.EditorProvider, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(UIContainer, {
+        $mini: mini,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.EditorProvider, {
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(OriginCodeEditor, {
                 defaultValue: String(value || ''),
                 options: {
@@ -92,6 +75,11 @@ var __webpack_exports__ = {};
                     placeholder,
                     readOnly: readonly,
                     editable: !readonly,
+                    ...mini ? {
+                        lineNumbersGutter: false,
+                        foldGutter: false,
+                        minHeight: 24
+                    } : {},
                     ...options || {}
                 },
                 didMount: (editor)=>{
@@ -105,12 +93,12 @@ var __webpack_exports__ = {};
                     children
                 ]
             })
-        });
-    }
-})();
-exports.CodeEditor = __webpack_exports__.CodeEditor;
+        })
+    });
+}
+exports.BaseCodeEditor = __webpack_exports__.BaseCodeEditor;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "CodeEditor"
+    "BaseCodeEditor"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -0,0 +1,96 @@
+"use strict";
+var __webpack_modules__ = {
+    "./editor": function(module) {
+        module.exports = import("./editor.js").then(function(module) {
+            return module;
+        });
+    },
+    "./theme": function(module) {
+        module.exports = import("./theme/index.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;
+}
+(()=>{
+    __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__, {
+        BaseCodeEditor: ()=>BaseCodeEditor,
+        CodeEditorFactory: ()=>CodeEditorFactory
+    });
+    const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+    const external_react_namespaceObject = require("react");
+    const preset_code_namespaceObject = require("@flowgram.ai/coze-editor/preset-code");
+    const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+    const index_js_namespaceObject = require("../../shared/index.js");
+    const BaseCodeEditor = (0, index_js_namespaceObject.lazySuspense)(()=>Promise.all([
+            Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./editor")),
+            Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./theme"))
+        ]).then(([editorModule])=>({
+                default: editorModule.BaseCodeEditor
+            })));
+    const CodeEditorFactory = (loadLanguage, { displayName, fixLanguageId })=>{
+        const EditorWithLoad = (props)=>{
+            const { languageId = fixLanguageId } = props;
+            if (!languageId) throw new Error('CodeEditorFactory: languageId is required');
+            const [loaded, setLoaded] = (0, external_react_namespaceObject.useState)((0, external_react_namespaceObject.useMemo)(()=>!!preset_code_namespaceObject.languages.get(languageId), [
+                languageId
+            ]));
+            (0, external_react_namespaceObject.useEffect)(()=>{
+                if (!loaded && loadLanguage) loadLanguage(languageId).then(()=>{
+                    setLoaded(true);
+                });
+            }, [
+                languageId,
+                loaded
+            ]);
+            if (!loaded) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Skeleton, {});
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseCodeEditor, {
+                ...props,
+                languageId: fixLanguageId || languageId
+            });
+        };
+        EditorWithLoad.displayName = displayName;
+        return EditorWithLoad;
+    };
+})();
+exports.BaseCodeEditor = __webpack_exports__.BaseCodeEditor;
+exports.CodeEditorFactory = __webpack_exports__.CodeEditorFactory;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "BaseCodeEditor",
+    "CodeEditorFactory"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});