@gant-lowcode/plugin-code-generator 1.0.10 → 2.0.0

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

@@ -1,55 +0,0 @@
-.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.js

@@ -1,138 +0,0 @@
-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;
-        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

@@ -1,73 +0,0 @@
-@font-face {
-  font-family: file-types-iconfont;
-  src: url("//at.alicdn.com/t/c/font_4778352_c4wg236tblh.woff2?t=1734587113843") format("woff2"), url("//at.alicdn.com/t/c/font_4778352_c4wg236tblh.woff?t=1734587113843") format("woff"), url("//at.alicdn.com/t/c/font_4778352_c4wg236tblh.ttf?t=1734587113843") 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-css:before {
-  content: "";
-}
-
-.file-types-icon-editorconfig:before {
-  content: "";
-}
-
-.file-types-icon-eslintignore:before {
-  content: "";
-}
-
-.file-types-icon-gitignore:before {
-  content: "";
-}
-
-.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-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.js

@@ -1,10 +0,0 @@
-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

@@ -1,11 +0,0 @@
-.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.js

@@ -1,128 +0,0 @@
-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.js";
-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.js

@@ -1,50 +0,0 @@
-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 };

package/dist/types/index.js

@@ -1 +0,0 @@
- // CONCATENATED MODULE: ./src/types/index.ts?__rslib_entry__