@gant-lowcode/plugin-code-generator 0.0.0

package/dist/components/codesandbox-preview/index.js

@@ -0,0 +1,147 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__code_gen_preview_fixPreviewCode_js__ from "../code-gen-preview/fixPreviewCode.js";
+import "./index.css";
+// 使用 CodeSandbox 来进行预览
+// @see https://codesandbox.io/docs/api#get-request
+function CodeSandboxPreview({ code, height }) {
+    const parameters = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const files = {};
+        if (code && code.modules) {
+            const fixedCode = (0, __WEBPACK_EXTERNAL_MODULE__code_gen_preview_fixPreviewCode_js__.fixPreviewCode)(code);
+            if (fixedCode) Object.values(fixedCode.modules).forEach((file)=>{
+                files[file?.fpath?.slice(1)] = {
+                    isBinary: false,
+                    content: file.code
+                };
+            });
+            // 入口文件需要顺便引入下样式
+            files["src/index.js"] = {
+                isBinary: false,
+                content: `
+          // 目前需要单独引入下样式文件
+          import "@alifd/next/dist/next.css";
+          import "@alifd/pro-layout/dist/AlifdProLayout.css";
+
+          // 引入入口文件
+          import './app';
+`
+            };
+        }
+        return {
+            files,
+            template: "create-react-app"
+        };
+    }, [
+        code
+    ]);
+    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+        parameters,
+        sandboxId: "",
+        isCreating: false,
+        hasError: false,
+        error: null
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (state.parameters !== parameters || "retry" === state.sandboxId || !state.sandboxId) {
+            let hasCanceled = false;
+            setState((prev)=>({
+                    ...prev,
+                    hasError: false,
+                    code,
+                    parameters,
+                    isCreating: true
+                }));
+            (async ()=>{
+                try {
+                    const sandboxId = await createCodeSandbox(parameters);
+                    if (!hasCanceled) setState((prev)=>({
+                            ...prev,
+                            hasError: false,
+                            isCreating: false,
+                            sandboxId: sandboxId
+                        }));
+                } catch (error) {
+                    if (!hasCanceled) setState((prev)=>({
+                            ...prev,
+                            hasError: true,
+                            error,
+                            isCreating: false
+                        }));
+                }
+            })();
+            return ()=>{
+                hasCanceled = true;
+            };
+        }
+        return ()=>{};
+    }, [
+        parameters,
+        state.sandboxId,
+        state.parameters
+    ]);
+    const handleRetry = ()=>{
+        setState((prev)=>({
+                ...prev,
+                hasError: false,
+                sandboxId: "retry"
+            }));
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        className: "code-gen-plugin-code-sandbox-preview",
+        style: {
+            height
+        },
+        "data-code-sandbox-id": state.sandboxId,
+        children: (()=>{
+            if (state.hasError) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Alert, {
+                message: "生成 CodeSandbox 预览应用失败",
+                description: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("p", {
+                            children: [
+                                "详细错误：",
+                                `${state.error || "网络开小差了"}`
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("p", {
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                                onClick: handleRetry,
+                                children: "重新尝试下"
+                            })
+                        })
+                    ]
+                })
+            });
+            return state.sandboxId ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("iframe", {
+                src: `https://codesandbox.io/embed/${state.sandboxId}?autoresize=1&fontsize=14&hidenavigation=1&theme=dark&view=preview`,
+                title: "CodeSandbox Preview",
+                allow: "accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking",
+                sandbox: "allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Spin, {
+                spinning: true,
+                tip: "正在生成 CodeSandbox 预览应用..."
+            });
+        })()
+    });
+}
+async function createCodeSandbox(parameters) {
+    if (!Object.entries(parameters?.files || {}).length) return "";
+    const res = await fetch("https://codesandbox.io/api/v1/sandboxes/define?json=1", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+        },
+        body: JSON.stringify(parameters)
+    });
+    if (!res.ok) throw new Error(`创建 CodeSandbox 失败，错误码：${res.status} ${res.statusText}`);
+    const json = await res.json().catch((err)=>{
+        throw new Error(`创建 CodeSandbox 失败，服务异常(${err?.message || err || "未知异常"})`);
+    });
+    const { sandbox_id } = json || {};
+    if (!sandbox_id || "string" != typeof sandbox_id) throw new Error(`创建 CodeSandbox 失败，服务响应异常`);
+    return sandbox_id;
+}
+export { CodeSandboxPreview };

package/dist/components/file-tree/index.css

@@ -0,0 +1,55 @@
+.code-file-tree {
+  white-space: nowrap;
+}
+
+.code-file-tree .tree-node {
+  -webkit-user-select: none;
+  user-select: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.code-file-tree .tree-node:hover, .code-file-tree .tree-node.tree-node-selected {
+  cursor: pointer;
+  background-color: #cfd0d1;
+}
+
+.code-file-tree .tree-item {
+  justify-content: left;
+  align-items: center;
+  display: flex;
+  position: absolute;
+}
+
+.code-file-tree .tree-item > i {
+  margin-right: 8px;
+}
+
+.code-file-tree .tree-item .label-name {
+  text-overflow: ellipsis;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.code-file-tree .tree-folder:after {
+  content: "";
+  opacity: .7;
+  border-top: 6px solid #000000b3;
+  border-left: 6px solid #0000;
+  border-right: 6px solid #0000;
+  width: 0;
+  height: 0;
+  margin-left: 20px;
+  transition: transform .3s;
+  display: block;
+  position: absolute;
+  left: -36px;
+  transform: translate(0);
+}
+
+.code-file-tree .tree-item-expanded:after {
+  transform: rotate(-90deg);
+}
+

package/dist/components/file-tree/index.d.ts

@@ -0,0 +1,20 @@
+import { CodeModules } from "../../types";
+import "./index.less";
+interface FileTreeProps {
+    modules: CodeModules;
+    onSelect?(key: string): void;
+    selectedKeys?: string[];
+}
+export declare const FileTree: (props: FileTreeProps) => import("react/jsx-runtime").JSX.Element;
+type TreeNode = {
+    id: string;
+    label: string;
+    folder: boolean;
+    depth: number;
+    expanded: boolean;
+};
+export declare function createFlattenTree(data: Record<string, {
+    fpath: string;
+    code: string;
+}>, expandedKeys: string[]): TreeNode[];
+export {};

package/dist/components/file-tree/index.js

@@ -0,0 +1,139 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_window__ from "react-window";
+import * as __WEBPACK_EXTERNAL_MODULE_react_virtualized_auto_sizer__ from "react-virtualized-auto-sizer";
+import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
+import * as __WEBPACK_EXTERNAL_MODULE_memoize_one__ from "memoize-one";
+import * as __WEBPACK_EXTERNAL_MODULE_string_natural_compare__ from "string-natural-compare";
+import * as __WEBPACK_EXTERNAL_MODULE__file_type_icon_index_js__ from "../file-type-icon/index.js";
+import "./index.css";
+const FILE_TYPES_ICON_MAP = {
+    js: "js",
+    jsx: "jsx",
+    ts: "ts",
+    tsx: "ts",
+    json: "json",
+    scss: "scss",
+    css: "css",
+    less: "less",
+    tsconfig: "tsconfig",
+    html: "html"
+};
+function getFileIcon(file) {
+    const type = FILE_TYPES_ICON_MAP[(file || "").split(".").pop() || ""] || "text";
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__file_type_icon_index_js__.FileTypeIcon, {
+        type: type
+    });
+}
+const Row = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ data, index, style })=>{
+    const { flattenedData, onOpen, onSelect, selectedKeys } = data;
+    const node = flattenedData[index];
+    const left = 20 * node.depth;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])("tree-node", {
+            "tree-node-selected": selectedKeys?.includes(node.id)
+        }),
+        style: style,
+        onClick: ()=>onOpen(node),
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+            className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])("tree-item", {
+                "tree-folder": node.folder,
+                "tree-item-expanded": node.expanded,
+                "tree-item-open": !node.expanded
+            }),
+            onClick: (e)=>onSelect(e, node),
+            style: {
+                left: `${left}px`,
+                width: `calc(100% - ${left}px)`
+            },
+            children: [
+                !node.folder && getFileIcon(node.label),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                    className: "label-name",
+                    children: node.label
+                })
+            ]
+        })
+    });
+}, __WEBPACK_EXTERNAL_MODULE_react_window__.areEqual);
+const getItemData = (0, __WEBPACK_EXTERNAL_MODULE_memoize_one__["default"])((onOpen, onSelect, flattenedData, selectedKeys)=>({
+        onOpen,
+        onSelect,
+        flattenedData,
+        selectedKeys
+    }));
+const FileTree = (props)=>{
+    const { modules, selectedKeys = [] } = props;
+    const [openedNodeIds, setOpenedNodeIds] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const onOpen = (node)=>{
+        if (!node.folder) return;
+        node.expanded ? setOpenedNodeIds(openedNodeIds.filter((id)=>id !== node.id)) : setOpenedNodeIds([
+            ...openedNodeIds,
+            node.id
+        ]);
+    };
+    const onSelect = (e, node)=>{
+        //e.stopPropagation();
+        if (node.folder) return;
+        console.log("---node", e, node);
+        props.onSelect?.(node.id);
+    };
+    const flattenedData = createFlattenTree(modules, openedNodeIds);
+    const itemData = getItemData(onOpen, onSelect, flattenedData, selectedKeys);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_virtualized_auto_sizer__["default"], {
+        children: ({ height, width })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_window__.FixedSizeList, {
+                className: "code-file-tree",
+                height: height,
+                itemCount: flattenedData.length,
+                itemSize: 22,
+                width: width,
+                itemKey: (index)=>flattenedData[index].id,
+                itemData: itemData,
+                children: Row
+            })
+    });
+};
+function createFlattenTree(data, expandedKeys) {
+    const flatTree = [];
+    const filePaths = Object.keys(data);
+    // console.log(JSON.parse(JSON.stringify(filePaths)))
+    // filePaths.sort((a, b) => {
+    //   // 检查字符串a是否包含斜杠
+    //   const hasSlashA = a.substring(1).lastIndexOf('/');
+    //   // 检查字符串b是否包含斜杠
+    //   const hasSlashB = b.substring(1).lastIndexOf('/');
+    //   console.log('---a', hasSlashA)
+    //   console.log('---b', hasSlashB)
+    //   // 如果a包含斜杠，而b不包含，则a应该排在b之后
+    //   if (hasSlashA > -1 && hasSlashB > -1) {
+    //     return hasSlashB - hasSlashA;
+    //   }
+    //   return naturalCompare(a, b, {
+    //     caseInsensitive: true,
+    //   }); // 包含斜杠的字符串按字典顺序排序
+    // });
+    // console.log(filePaths)
+    filePaths.forEach((key)=>{
+        const parts = key.split("/");
+        const fileNames = [];
+        for(let i = 1; i <= parts.length; i++){
+            const path = parts.slice(0, i).join("/");
+            let expanded = expandedKeys.includes(path);
+            if (path && !flatTree.some((node)=>node.id === path)) fileNames.push({
+                id: path,
+                label: parts[i - 1] || "/",
+                folder: i < parts.length,
+                depth: i - 1,
+                expanded: expanded
+            });
+            if (expanded) break;
+        }
+        // console.log('--fileNames', fileNames);
+        fileNames.sort((a, b)=>(0, __WEBPACK_EXTERNAL_MODULE_string_natural_compare__["default"])(a.id, b.id, {
+                caseInsensitive: true
+            }));
+        flatTree.push(...fileNames);
+    });
+    return flatTree;
+}
+export { FileTree, createFlattenTree };

package/dist/components/file-type-icon/index.css

@@ -0,0 +1,61 @@
+@font-face {
+  font-family: file-types-iconfont;
+  src: url("//at.alicdn.com/t/c/font_4778352_pnoedg9yxml.woff2?t=1733906731817") format("woff2"), url("//at.alicdn.com/t/c/font_4778352_pnoedg9yxml.woff?t=1733906731817") format("woff"), url("//at.alicdn.com/t/c/font_4778352_pnoedg9yxml.ttf?t=1733906731817") format("truetype");
+}
+
+.file-types-iconfont {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 14px;
+  font-style: normal;
+  font-family: file-types-iconfont !important;
+}
+
+.file-types-icon-git:before {
+  content: "";
+}
+
+.file-types-icon-html:before {
+  content: "";
+}
+
+.file-types-icon-tsconfig:before {
+  content: "";
+}
+
+.file-types-icon-less:before {
+  content: "";
+}
+
+.file-types-icon-scss:before {
+  content: "";
+}
+
+.file-types-icon-json:before {
+  content: "";
+}
+
+.file-types-icon-css:before {
+  content: "";
+}
+
+.file-types-icon-text:before {
+  content: "";
+}
+
+.file-types-icon-js:before {
+  content: "";
+}
+
+.file-types-icon-jsx:before {
+  content: "";
+}
+
+.file-types-icon-ts:before {
+  content: "";
+}
+
+.file-types-icon-tsx:before {
+  content: "";
+}
+

package/dist/components/file-type-icon/index.d.ts

@@ -0,0 +1,6 @@
+import './index.less';
+import React from 'react';
+export type FileTypeIconProps = React.HtmlHTMLAttributes<HTMLSpanElement> & {
+    type: string;
+};
+export declare function FileTypeIcon({ type, ...props }: FileTypeIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/file-type-icon/index.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "./index.css";
+import "react";
+function FileTypeIcon({ type, ...props }) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("i", {
+        ...props,
+        className: `file-types-iconfont file-types-icon-${type} ${props.className || ''}`
+    });
+}
+export { FileTypeIcon };

package/dist/components/sources-view/index.css

@@ -0,0 +1,11 @@
+.sources-panes .file-tree-pane {
+  border-right: 1px solid #e0e0e0;
+  overflow: hidden;
+}
+
+.sources-panes .source-code-pane {
+  flex: 1;
+  height: 100%;
+  overflow-y: auto;
+}
+

package/dist/components/sources-view/index.d.ts

@@ -0,0 +1,7 @@
+import "@gant-lowcode/lowcode-plugin-base-monaco-editor/lib/style";
+import { GravityCode } from "../../types";
+import "./index.less";
+export declare function SourcesView({ code, onCodeChange, }: {
+    code: GravityCode;
+    onCodeChange: (code: GravityCode) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/sources-view/index.js

@@ -0,0 +1,128 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__gant_lowcode_lowcode_plugin_base_monaco_editor__ from "@gant-lowcode/lowcode-plugin-base-monaco-editor";
+import "@gant-lowcode/lowcode-plugin-base-monaco-editor/lib/style";
+import * as __WEBPACK_EXTERNAL_MODULE__file_tree_index_js__ from "../file-tree/index.js";
+import "./index.css";
+const DEBOUNCE_UPDATE_INTERVAL_IN_MS = 500;
+function SourcesView({ code, onCodeChange }) {
+    const editorContainerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{
+        const allFiles = Object.values(code.modules);
+        const currentFile = [
+            allFiles.find((x)=>/pages.+(js|ts)x?$/.test(x.fpath)),
+            allFiles.find((m)=>m.entry)
+        ].filter(Boolean)[0];
+        return {
+            currentFile,
+            selectedKeys: [
+                currentFile?.fpath
+            ]
+        };
+    });
+    const [height, setHeight] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const observer = new ResizeObserver(()=>{
+            if (editorContainerRef.current) {
+                const { height } = editorContainerRef.current.getBoundingClientRect();
+                setHeight(height - 2);
+            }
+        });
+        if (editorContainerRef.current) observer.observe(editorContainerRef.current);
+        return ()=>{
+            if (editorContainerRef.current) observer.unobserve(editorContainerRef.current);
+        };
+    }, []);
+    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)({
+        debounceTimer: null
+    });
+    const onSelect = (key)=>{
+        setState((prev)=>{
+            if (ref.current.debounceTimer) ref.current.debounceTimer = null;
+            return {
+                ...prev,
+                currentFile: code.modules[key] || prev.currentFile
+            };
+        });
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Splitter, {
+        className: "sources-panes",
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Splitter.Panel, {
+                defaultSize: 300,
+                min: 300,
+                max: "70%",
+                className: "file-tree-pane",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__file_tree_index_js__.FileTree, {
+                    modules: code.modules,
+                    onSelect: onSelect,
+                    selectedKeys: state.currentFile?.fpath ? [
+                        state.currentFile?.fpath
+                    ] : void 0
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Splitter.Panel, {
+                className: "source-code-pane",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                    ref: editorContainerRef,
+                    style: {
+                        height: "100%"
+                    },
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__gant_lowcode_lowcode_plugin_base_monaco_editor__["default"], {
+                        height: height,
+                        language: getFileLanguage(state.currentFile?.fpath),
+                        saveViewState: true,
+                        defaultValue: state.currentFile?.code,
+                        path: state.currentFile?.fpath,
+                        onChange: (value)=>{
+                            console.debug("[monaco editor] onChange: %o (currentFile: %o)", {
+                                value
+                            }, state.currentFile);
+                            const currentFile = state.currentFile;
+                            if (currentFile) {
+                                if (ref.current.debounceTimer) clearTimeout(ref.current.debounceTimer);
+                                ref.current.debounceTimer = setTimeout(()=>{
+                                    ref.current.debounceTimer = null;
+                                    onCodeChange({
+                                        ...code,
+                                        modules: {
+                                            ...code.modules,
+                                            [currentFile.fpath]: {
+                                                ...currentFile,
+                                                code: value || ""
+                                            }
+                                        }
+                                    });
+                                }, DEBOUNCE_UPDATE_INTERVAL_IN_MS);
+                            }
+                        }
+                    })
+                })
+            })
+        ]
+    });
+}
+function getFileLanguage(file) {
+    switch((file || "").split(".").pop()){
+        case "ts":
+        case "tsx":
+            return "typescript";
+        case "js":
+        case "jsx":
+            return "javascript";
+        case "css":
+            return "css";
+        case "scss":
+            return "scss";
+        case "less":
+            return "less";
+        case "json":
+            return "json";
+        case "md":
+            return "markdown";
+        default:
+            return "text";
+    }
+}
+export { SourcesView };

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import type { IPublicModelPluginContext } from "@gant-lowcode/lowcode-types";
+import * as CodeGenerator from "@gant-lowcode/code-generator/standalone-loader";
+export type CodeGenPluginOptions = {
+    /** 是否要禁用出码的动作按钮(默认: 否) */
+    disableCodeGenActionBtn?: boolean;
+};
+declare const plugin: {
+    (ctx: IPublicModelPluginContext, options?: CodeGenPluginOptions): {
+        exports(): {
+            generateCode: typeof CodeGenerator.generateCode;
+        };
+        init(): Promise<void>;
+        destroy(): void;
+    };
+    pluginName: string;
+    meta: {
+        dependencies: never[];
+        preferenceDeclaration: {
+            title: string;
+            properties: {
+                key: string;
+                type: string;
+                description: string;
+            }[];
+        };
+    };
+};
+export default plugin;

package/dist/index.js

@@ -0,0 +1,50 @@
+import * as __WEBPACK_EXTERNAL_MODULE__gant_lowcode_code_generator_standalone_loader__ from "@gant-lowcode/code-generator/standalone-loader";
+import * as __WEBPACK_EXTERNAL_MODULE__components_code_gen_action_index_js__ from "./components/code-gen-action/index.js";
+const src_rslib_entry_plugin = (ctx, options)=>({
+        // 插件对外暴露的数据和方法
+        exports () {
+            return {
+                generateCode: __WEBPACK_EXTERNAL_MODULE__gant_lowcode_code_generator_standalone_loader__.generateCode
+            };
+        },
+        // 插件的初始化函数，在引擎初始化之后会立刻调用
+        async init () {
+            try {
+                if (!options?.disableCodeGenActionBtn) ctx.skeleton.add({
+                    type: "Custom",
+                    name: "code-generator",
+                    area: "topArea",
+                    props: {
+                        align: "right",
+                        width: 100
+                    },
+                    content: __WEBPACK_EXTERNAL_MODULE__components_code_gen_action_index_js__.CodeGenActionBtn,
+                    contentProps: {
+                        ctx
+                    }
+                });
+                // 提前初始化下，这样后面用的时候更快
+                __WEBPACK_EXTERNAL_MODULE__gant_lowcode_code_generator_standalone_loader__.init();
+            } catch (e) {
+                console.error("[plugin-code-geneator] failed to init: ", e);
+                throw e;
+            }
+        },
+        destroy () {}
+    });
+src_rslib_entry_plugin.pluginName = "codeGenerator";
+src_rslib_entry_plugin.meta = {
+    dependencies: [],
+    preferenceDeclaration: {
+        title: "codeGenerator 的参数定义",
+        properties: [
+            {
+                key: "disableCodeGenActionBtn",
+                type: "boolean",
+                description: "是否要禁用出码的动作按钮"
+            }
+        ]
+    }
+};
+/* ESM default export */ const src_rslib_entry_ = src_rslib_entry_plugin;
+export { src_rslib_entry_ as default };