@gant-lowcode/plugin-code-generator 1.0.0 → 1.0.2

package/dist/components/code-gen-action/index.js

@@ -7,6 +7,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_semver_functions_coerce_js__ from "semver/
 import * as __WEBPACK_EXTERNAL_MODULE__code_gen_result_index_js__ from "../code-gen-result/index.js";
 import "./index.css";
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE_file_saver__ from "file-saver";
 function CodeGenActionBtn({ ctx }) {
     const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
         open: false,
@@ -17,6 +18,7 @@ function CodeGenActionBtn({ ctx }) {
         schema: null,
         originalSchema: null
     });
+    const codeGenResultRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const handleClick = async ()=>{
         try {
             // 打开基于 Gravity 的编辑器/出码预览器
@@ -26,8 +28,8 @@ function CodeGenActionBtn({ ctx }) {
                     open: true,
                     hasError: false
                 }));
-            console.log('--ctx', ctx);
-            const getProjectSchema = ctx.config.get('getProjectSchema');
+            console.log("--ctx", ctx);
+            const getProjectSchema = ctx.config.get("getProjectSchema");
             let originalSchema;
             originalSchema = getProjectSchema ? await getProjectSchema() : await ctx.project.exportSchema(__WEBPACK_EXTERNAL_MODULE__gant_lowcode_lowcode_types__.IPublicEnumTransformStage.Save);
             // 获取 schema，并修正
@@ -46,8 +48,8 @@ function CodeGenActionBtn({ ctx }) {
                 builderOptions: {
                     // mode: 'fully',
                     rootPaths: [
-                        'packages',
-                        'icost'
+                        "packages",
+                        "icost"
                     ],
                     pagePaths: [],
                     configPaths: []
@@ -68,6 +70,33 @@ function CodeGenActionBtn({ ctx }) {
                 }));
         }
     };
+    const handleDownload = async (e)=>{
+        try {
+            e.preventDefault();
+            e.stopPropagation();
+            const codeGen = codeGenResultRef.current;
+            if (!codeGen) return;
+            const content = await codeGen.codeZip();
+            __WEBPACK_EXTERNAL_MODULE_file_saver__["default"].saveAs(content, "gant-lowcode-generated-sources.zip");
+        } catch (e) {
+            console.log("failed to download sources: ", e);
+            __WEBPACK_EXTERNAL_MODULE_antd__.message.error("下载失败！");
+        }
+    };
+    const handleUpload = async (e)=>{
+        const codeGen = codeGenResultRef.current;
+        if (!codeGen) return;
+        try {
+            const blob = await codeGen.codeZip();
+            const setCodeUpload = ctx.config.get("setCodeUpload");
+            if (setCodeUpload) await setCodeUpload({
+                zipFile: blob
+            });
+        } catch (error) {
+            console.log("failed to git push: ", e);
+            __WEBPACK_EXTERNAL_MODULE_antd__.message.error("下载失败！");
+        }
+    };
     let drawerChildren = null;
     if (state.hasError) drawerChildren = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Alert, {
         type: "error",
@@ -80,6 +109,7 @@ function CodeGenActionBtn({ ctx }) {
         tip: "正在出码..."
     });
     drawerChildren = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__code_gen_result_index_js__.CodeGenResult, {
+        ref: codeGenResultRef,
         result: state.result,
         schema: state.schema,
         originalSchema: state.originalSchema
@@ -96,6 +126,20 @@ function CodeGenActionBtn({ ctx }) {
                 title: "出码结果",
                 width: "95vw",
                 rootClassName: "code-gen-drawer",
+                extra: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd__.Space, {
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                            type: "link",
+                            onClick: handleUpload,
+                            children: "上传git"
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                            type: "link",
+                            onClick: handleDownload,
+                            children: "源代码导出/下载 zip 包"
+                        })
+                    ]
+                }),
                 onClose: ()=>{
                     setState((prev)=>({
                             ...prev,

package/dist/components/code-gen-result/index.d.ts

@@ -1,8 +1,14 @@
+import React from "react";
 import { IPublicTypeProjectSchema } from "@gant-lowcode/lowcode-types";
 import { Result } from "@gant-lowcode/code-generator/standalone-loader";
 import "./index.less";
-export declare function CodeGenResult({ result, schema, }: {
+interface CodeGenResultProps {
     result: Result | null | undefined;
     schema: IPublicTypeProjectSchema | null;
     originalSchema: IPublicTypeProjectSchema | null;
-}): import("react/jsx-runtime").JSX.Element | null;
+}
+export interface CodeGenResultRef {
+    codeZip: () => Promise<Blob>;
+}
+export declare const CodeGenResult: React.ForwardRefExoticComponent<CodeGenResultProps & React.RefAttributes<CodeGenResultRef>>;
+export {};

package/dist/components/code-gen-result/index.js

@@ -1,11 +1,12 @@
 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_file_saver__ from "file-saver";
+import "file-saver";
 import * as __WEBPACK_EXTERNAL_MODULE_jszip__ from "jszip";
 import * as __WEBPACK_EXTERNAL_MODULE__sources_view_index_js__ from "../sources-view/index.js";
 import "./index.css";
-function CodeGenResult({ result, schema }) {
+// import { CodeGenPreview } from "../code-gen-preview/index";
+const code_gen_result_rslib_entry_CodeGenResult = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(function({ result, schema }, ref) {
     const [paneState, setPaneState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
         expandedKeys: [
             "sources",
@@ -20,25 +21,19 @@ function CodeGenResult({ result, schema }) {
     }, [
         result
     ]);
-    if (!result) return null;
-    const handleDownloadSources = async (e)=>{
-        try {
-            e.preventDefault();
-            e.stopPropagation();
-            const zip = new __WEBPACK_EXTERNAL_MODULE_jszip__["default"]();
-            Object.values(gravityCode?.modules || {}).forEach((file)=>{
-                zip.file(file.fpath.replace(/^\/+/, ""), file.code);
-            });
-            await zip.generateAsync({
-                type: "blob"
-            }).then((content)=>{
-                __WEBPACK_EXTERNAL_MODULE_file_saver__["default"].saveAs(content, "gant-lowcode-generated-sources.zip");
-            });
-        } catch (e) {
-            console.log("failed to download sources: ", e);
-            __WEBPACK_EXTERNAL_MODULE_antd__.message.error("下载失败！");
-        }
+    const codeZip = async ()=>{
+        const zip = new __WEBPACK_EXTERNAL_MODULE_jszip__["default"]();
+        Object.values(gravityCode?.modules || {}).forEach((file)=>{
+            zip.file(file.fpath.replace(/^\/+/, ""), file.code);
+        });
+        return await zip.generateAsync({
+            type: "blob"
+        });
     };
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>({
+            codeZip
+        }));
+    if (!result) return null;
     console.log("--gravityCode", gravityCode);
     // const items: TabsProps["items"] = [
     //   {
@@ -88,24 +83,14 @@ function CodeGenResult({ result, schema }) {
     // ];
     // return <Tabs className="code-gen-tabs" items={items} />;
     if (!gravityCode) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Empty, {});
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
         className: "code-gen-source-view",
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
-                className: "source-view-header",
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("a", {
-                    href: "javascript:void(0)",
-                    onClick: handleDownloadSources,
-                    children: "源代码导出/下载 zip 包"
-                })
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__sources_view_index_js__.SourcesView, {
-                code: gravityCode,
-                onCodeChange: setGravityCode
-            })
-        ]
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__sources_view_index_js__.SourcesView, {
+            code: gravityCode,
+            onCodeChange: setGravityCode
+        })
     });
-}
+});
 function convertCodeGenResult(result, schema) {
     const schemaFiles = {
         "/.project-schema.json": {
@@ -159,4 +144,4 @@ function convertCodeGenResult(result, schema) {
     // Object.assign(code.modules, schemaFiles);
     return code;
 }
-export { CodeGenResult };
+export { code_gen_result_rslib_entry_CodeGenResult as CodeGenResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gant-lowcode/plugin-code-generator",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "exports": {
     ".": {
@@ -44,7 +44,7 @@
     "react-window": "^1.8.10",
     "semver": "^7.6.3",
     "string-natural-compare": "^3.0.1",
-    "@gant-lowcode/code-generator": "0.0.1"
+    "@gant-lowcode/code-generator": "0.0.2"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",