@flowgram.ai/form-materials 0.4.9 → 0.4.10

package/bin/run.sh

@@ -0,0 +1,6 @@
+#!/bin/sh
+#  Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+#  SPDX-License-Identifier: MIT
+
+
+npx @flowgram.ai/cli@latest materials "$@"

package/dist/cjs/components/assign-row/index.js

@@ -0,0 +1,112 @@
+"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__, {
+    AssignRow: ()=>AssignRow
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+const index_js_namespaceObject = require("../variable-selector/index.js");
+const external_dynamic_value_input_index_js_namespaceObject = require("../dynamic-value-input/index.js");
+const external_blur_input_index_js_namespaceObject = require("../blur-input/index.js");
+function AssignRow(props) {
+    const { value = {
+        operator: 'assign'
+    }, onChange, onDelete, readonly } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 5
+        },
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                style: {
+                    width: 150,
+                    minWidth: 150,
+                    maxWidth: 150
+                },
+                children: value?.operator === 'assign' ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.InjectVariableSelector, {
+                    style: {
+                        width: '100%',
+                        height: 26
+                    },
+                    value: value?.left?.content,
+                    config: {
+                        placeholder: 'Select Left'
+                    },
+                    onChange: (v)=>onChange?.({
+                            ...value,
+                            left: {
+                                type: 'ref',
+                                content: v
+                            }
+                        })
+                }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_blur_input_index_js_namespaceObject.BlurInput, {
+                    style: {
+                        height: 26
+                    },
+                    size: "small",
+                    placeholder: "Input Name",
+                    value: value?.left,
+                    onChange: (v)=>onChange?.({
+                            ...value,
+                            left: v
+                        })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                style: {
+                    flexGrow: 1
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dynamic_value_input_index_js_namespaceObject.InjectDynamicValueInput, {
+                    readonly: readonly,
+                    value: value?.right,
+                    onChange: (v)=>onChange?.({
+                            ...value,
+                            right: v
+                        })
+                })
+            }),
+            onDelete && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.IconButton, {
+                    size: "small",
+                    theme: "borderless",
+                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconMinus, {}),
+                    onClick: ()=>onDelete?.()
+                })
+            })
+        ]
+    });
+}
+exports.AssignRow = __webpack_exports__.AssignRow;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AssignRow"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/assign-row/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/components/assign-rows/index.js

@@ -0,0 +1,85 @@
+"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__, {
+    AssignRows: ()=>AssignRows
+});
+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 semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+const index_js_namespaceObject = require("../assign-row/index.js");
+function AssignRows(props) {
+    const { name, readonly } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(editor_namespaceObject.FieldArray, {
+        name: name,
+        children: ({ field })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    field.map((childField, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.AssignRow, {
+                            readonly: readonly,
+                            value: childField.value,
+                            onChange: (value)=>{
+                                childField.onChange(value);
+                            },
+                            onDelete: ()=>field.remove(index)
+                        }, childField.key)),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        style: {
+                            display: 'flex',
+                            gap: 5
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                                size: "small",
+                                theme: "borderless",
+                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconPlus, {}),
+                                onClick: ()=>field.append({
+                                        operator: 'assign'
+                                    }),
+                                children: "Assign"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                                size: "small",
+                                theme: "borderless",
+                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconPlus, {}),
+                                onClick: ()=>field.append({
+                                        operator: 'declare'
+                                    }),
+                                children: "Declaration"
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+}
+exports.AssignRows = __webpack_exports__.AssignRows;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AssignRows"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/batch-outputs/index.js

@@ -0,0 +1,91 @@
+"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__, {
+    BatchOutputs: ()=>BatchOutputs
+});
+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 semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+const index_js_namespaceObject = require("../../hooks/index.js");
+const external_variable_selector_index_js_namespaceObject = require("../variable-selector/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+function BatchOutputs(props) {
+    const { readonly, style } = props;
+    const { list, add, updateKey, updateValue, remove } = (0, index_js_namespaceObject.useObjectList)(props);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIRows, {
+                style: style,
+                children: list.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIRow, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Input, {
+                                style: {
+                                    width: 100
+                                },
+                                disabled: readonly,
+                                size: "small",
+                                value: item.key,
+                                onChange: (v)=>updateKey(item.id, v)
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_variable_selector_index_js_namespaceObject.InjectVariableSelector, {
+                                style: {
+                                    flexGrow: 1
+                                },
+                                readonly: readonly,
+                                value: item.value?.content,
+                                onChange: (v)=>updateValue(item.id, {
+                                        type: 'ref',
+                                        content: v
+                                    })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                                disabled: readonly,
+                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconDelete, {}),
+                                size: "small",
+                                onClick: ()=>remove(item.id)
+                            })
+                        ]
+                    }, item.id))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                disabled: readonly,
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconPlus, {}),
+                size: "small",
+                onClick: ()=>add(),
+                children: editor_namespaceObject.I18n.t('Add')
+            })
+        ]
+    });
+}
+exports.BatchOutputs = __webpack_exports__.BatchOutputs;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "BatchOutputs"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/batch-outputs/styles.js

@@ -0,0 +1,60 @@
+"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, {
+            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__, {
+    UIRows: ()=>UIRows,
+    UIRow: ()=>UIRow
+});
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const UIRows = external_styled_components_default().div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-bottom: 10px;
+`;
+const UIRow = external_styled_components_default().div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+`;
+exports.UIRow = __webpack_exports__.UIRow;
+exports.UIRows = __webpack_exports__.UIRows;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "UIRow",
+    "UIRows"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/batch-outputs/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/components/batch-variable-selector/index.js

@@ -0,0 +1,53 @@
+"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__, {
+    BatchVariableSelector: ()=>BatchVariableSelector
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const index_js_namespaceObject = require("../variable-selector/index.js");
+const batchVariableSchema = {
+    type: 'array',
+    extra: {
+        weak: true
+    }
+};
+function BatchVariableSelector(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(editor_namespaceObject.PrivateScopeProvider, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.VariableSelector, {
+            ...props,
+            includeSchema: batchVariableSchema
+        })
+    });
+}
+exports.BatchVariableSelector = __webpack_exports__.BatchVariableSelector;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "BatchVariableSelector"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,64 @@
+"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, {
+            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__, {
+    BlurInput: ()=>BlurInput
+});
+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);
+function BlurInput(props) {
+    const [value, setValue] = (0, external_react_namespaceObject.useState)('');
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setValue(props.value);
+    }, [
+        props.value
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_default(), {
+        ...props,
+        value: value,
+        onChange: (value)=>{
+            setValue(value);
+        },
+        onBlur: (e)=>props.onChange?.(value, e)
+    });
+}
+exports.BlurInput = __webpack_exports__.BlurInput;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "BlurInput"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,117 @@
+"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;
+}
+(()=>{
+    __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, {
+            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 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'
+            }
+        })
+    ]);
+    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, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(OriginCodeEditor, {
+                defaultValue: String(value || ''),
+                options: {
+                    uri: `file:///untitled${(0, external_utils_js_namespaceObject.getSuffixByLanguageId)(languageId)}`,
+                    languageId,
+                    theme,
+                    placeholder,
+                    readOnly: readonly,
+                    editable: !readonly,
+                    ...options || {}
+                },
+                didMount: (editor)=>{
+                    editorRef.current = editor;
+                },
+                onChange: (e)=>onChange?.(e.value),
+                children: [
+                    activeLinePlaceholder && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.ActiveLinePlaceholder, {
+                        children: activeLinePlaceholder
+                    }),
+                    children
+                ]
+            })
+        });
+    }
+})();
+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
+});