@jeecg/online 1.0.1 → 3.4.3

package/CodeFileListModal.js

@@ -0,0 +1,174 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { ref, reactive, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, createElementVNode, normalizeStyle, renderList, toDisplayString } from "vue";
+import { defHttp } from "/@/utils/http/axios";
+import "/@/components/Form";
+import { BasicModal, useModalInner, useModal } from "/@/components/Modal";
+import { InfoCircleTwoTone } from "@ant-design/icons-vue";
+import CodeFileViewModal from "./CodeFileViewModal.js";
+import { useMessage } from "/@/hooks/web/useMessage";
+import { downloadByData } from "/@/utils/file/download";
+import { _ as _export_sfc } from "./index.js";
+import "ant-design-vue";
+import "@vueuse/core";
+const _sfc_main = {
+  name: "CodeFileListModal",
+  components: {
+    BasicModal,
+    InfoCircleTwoTone,
+    CodeFileViewModal
+  },
+  emits: ["register"],
+  setup() {
+    const { createMessage: $message } = useMessage();
+    const codeList = ref([]);
+    const height = window.innerHeight - 150;
+    const divStyle = reactive({
+      overflowY: "auto",
+      maxHeight: height + "px"
+    });
+    const loading = ref(false);
+    const tableName = ref("");
+    const pathKey = ref("");
+    const [registerModal, { closeModal }] = useModalInner((data) => __async(this, null, function* () {
+      codeList.value = data.codeList;
+      tableName.value = data.tableName;
+      pathKey.value = data.pathKey;
+    }));
+    function handleClose() {
+      closeModal();
+    }
+    function onDownloadGenerateCode() {
+      let codeFileList = codeList.value;
+      if (!codeFileList || codeFileList.length == 0) {
+        $message.warning("\u65E0\u4EE3\u7801\uFF01");
+        return;
+      }
+      let temp = codeFileList.join(",");
+      return defHttp.post(
+        {
+          url: "/online/cgform/api/downGenerateCode",
+          params: {
+            fileList: encodeURI(temp),
+            pathKey: pathKey.value
+          },
+          responseType: "blob"
+        },
+        { isTransformResponse: false }
+      ).then((data) => {
+        if (!data || data.size == 0) {
+          $message.warning("\u5BFC\u51FA\u4EE3\u7801\u5931\u8D25\uFF01");
+          return;
+        }
+        let fileName = "\u5BFC\u5230\u751F\u6210\u4EE3\u7801_" + tableName.value + "_" + new Date().getTime() + ".zip";
+        downloadByData(data, fileName, "application/zip");
+      });
+    }
+    const [registerCodeViewModal, { openModal }] = useModal();
+    function handleView() {
+      let temp = codeList.value;
+      openModal(true, {
+        codeList: temp,
+        pathKey: pathKey.value
+      });
+    }
+    return {
+      registerModal,
+      registerCodeViewModal,
+      divStyle,
+      codeList,
+      onDownloadGenerateCode,
+      handleClose,
+      handleView,
+      loading
+    };
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_info_circle_two_tone = resolveComponent("info-circle-two-tone");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_BasicModal = resolveComponent("BasicModal");
+  const _component_code_file_view_modal = resolveComponent("code-file-view-modal");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_BasicModal, {
+      onRegister: $setup.registerModal,
+      width: 1200,
+      defaultFullscreen: false,
+      canFullscreen: false
+    }, {
+      title: withCtx(() => [
+        createVNode(_component_info_circle_two_tone),
+        createTextVNode(" \u4EE3\u7801\u751F\u6210\u7ED3\u679C ")
+      ]),
+      footer: withCtx(() => [
+        createVNode(_component_a_button, { onClick: $setup.handleClose }, {
+          default: withCtx(() => [
+            createTextVNode("\u5173\u95ED")
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          type: "primary",
+          ghost: "",
+          onClick: $setup.handleView
+        }, {
+          default: withCtx(() => [
+            createTextVNode("\u5728\u7EBF\u9884\u89C8")
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        createVNode(_component_a_button, {
+          type: "primary",
+          onClick: $setup.onDownloadGenerateCode,
+          loading: $setup.loading
+        }, {
+          default: withCtx(() => [
+            createTextVNode("\u4E0B\u8F7D\u5230\u672C\u5730")
+          ]),
+          _: 1
+        }, 8, ["onClick", "loading"])
+      ]),
+      default: withCtx(() => [
+        createElementVNode("div", {
+          style: normalizeStyle($setup.divStyle)
+        }, [
+          createElementVNode("p", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($setup.codeList, (item) => {
+              return openBlock(), createElementBlock(Fragment, null, [
+                createTextVNode(toDisplayString(item), 1),
+                _hoisted_1
+              ], 64);
+            }), 256))
+          ])
+        ], 4)
+      ]),
+      _: 1
+    }, 8, ["onRegister"]),
+    createVNode(_component_code_file_view_modal, {
+      onRegister: $setup.registerCodeViewModal,
+      onDownload: $setup.onDownloadGenerateCode,
+      onClose: $setup.handleClose
+    }, null, 8, ["onRegister", "onDownload", "onClose"])
+  ], 64);
+}
+var CodeFileListModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { CodeFileListModal as default };

package/CodeFileViewModal.js

@@ -0,0 +1,324 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, createElementVNode, normalizeStyle, createCommentVNode } from "vue";
+import { defHttp } from "/@/utils/http/axios";
+import { BasicModal, useModalInner } from "/@/components/Modal";
+import { InfoCircleTwoTone } from "@ant-design/icons-vue";
+import { message } from "ant-design-vue";
+import { JCodeEditor } from "/@/components/Form";
+import { _ as _export_sfc } from "./index.js";
+import "/@/hooks/web/useMessage";
+import "@vueuse/core";
+const _sfc_main = defineComponent({
+  name: "CodeFileViewModal",
+  components: {
+    BasicModal,
+    InfoCircleTwoTone,
+    JCodeEditor
+  },
+  emits: ["download", "register", "close"],
+  setup(_p, { emit }) {
+    const codeList = ref([]);
+    const pathKey = ref("");
+    const treeData = ref([]);
+    const expandStatus = ref(false);
+    const height = window.innerHeight - 160;
+    const language = ref("java");
+    const activeCodeContent = ref("");
+    let codeMap = reactive({});
+    const [registerModal, { closeModal }] = useModalInner((data) => __async(this, null, function* () {
+      codeMap = reactive({});
+      activeCodeContent.value = "";
+      codeList.value = data.codeList;
+      pathKey.value = data.pathKey;
+      getTreeData();
+      expandStatus.value = true;
+    }));
+    function getTreeData() {
+      let list = getPlainList();
+      let root = list[0];
+      assembleTree(root, list);
+      let treeList = [];
+      const getFinalTreeData = function(root2) {
+        if (root2.children) {
+          let children = root2.children;
+          if (children.length == 1) {
+            getFinalTreeData(children[0]);
+          } else if (children.length > 1) {
+            treeList.push(root2);
+          }
+        }
+      };
+      getFinalTreeData(root);
+      console.log(123, treeList);
+      treeData.value = treeList;
+      setTimeout(() => {
+        loadFirstFileContent(root);
+      }, 300);
+    }
+    function loadFirstFileContent(root) {
+      return __async(this, null, function* () {
+        const getFirstFile = function(temp) {
+          if (temp.isLeaf === true) {
+            return temp;
+          } else {
+            if (temp.children) {
+              return getFirstFile(temp.children[0]);
+            }
+          }
+        };
+        let node = getFirstFile(root);
+        if (node && node.isLeaf === true) {
+          let path = node.path;
+          if (!codeMap[path]) {
+            yield loadCode(path);
+          }
+          language.value = getCodeLanguage(path);
+          activeCodeContent.value = codeMap[path];
+        }
+      });
+    }
+    function assembleTree(root, list) {
+      for (let item of list) {
+        if (root.key == item.pid) {
+          let children = root.children;
+          if (!children) {
+            root.children = [];
+          }
+          root.children.push(item);
+          assembleTree(item, list);
+        }
+      }
+    }
+    function getAbsolutePath(arr, index) {
+      let i = 0;
+      let str = "";
+      while (i <= index) {
+        str += arr[i];
+        i++;
+      }
+      return str;
+    }
+    function getPlainList() {
+      let list = [];
+      let list2 = [];
+      let arr = codeList.value;
+      for (let item of arr) {
+        let temp = item.replace(new RegExp("\\\\", "g"), "/").replace("\u751F\u6210\u6210\u529F\uFF1A", "").trim();
+        if (temp) {
+          let arr2 = temp.split("/");
+          for (let i = 0; i < arr2.length; i++) {
+            let a = arr2[i];
+            let id = getAbsolutePath(arr2, i);
+            if (a) {
+              let item2 = {
+                title: a,
+                key: id
+              };
+              if (a == 0)
+                ;
+              else {
+                let lastKey = getAbsolutePath(arr2, i - 1);
+                if (lastKey) {
+                  item2["pid"] = lastKey;
+                }
+              }
+              if (i == arr2.length - 1) {
+                item2["isLeaf"] = true;
+                item2["path"] = temp;
+              }
+              if (list2.indexOf(id) < 0 || i == arr2.length - 1) {
+                list.push(item2);
+                list2.push(id);
+              }
+            }
+          }
+        }
+      }
+      return list;
+    }
+    function handleClose() {
+      closeModal();
+      emit("close");
+    }
+    function onDownloadGenerateCode() {
+      emit("download");
+    }
+    function getCodeLanguage(path) {
+      if (path.endsWith("xml")) {
+        return "application/xml";
+      }
+      if (path.endsWith("sql")) {
+        return "text/x-sql";
+      }
+      if (path.endsWith("vue")) {
+        return "text/x-vue";
+      }
+      if (path.endsWith("ts")) {
+        return "text/typescript";
+      } else {
+        return "text/x-java";
+      }
+    }
+    function showCodeContent(_selectedKeys, e) {
+      return __async(this, null, function* () {
+        let node = e.node.dataRef;
+        if (node.isLeaf) {
+          let path = node.path;
+          if (!codeMap[path]) {
+            yield loadCode(path);
+          }
+          language.value = getCodeLanguage(path);
+          activeCodeContent.value = codeMap[path];
+        }
+      });
+    }
+    function loadCode(path) {
+      return new Promise((resolve) => {
+        let params = {
+          path: encodeURI(path),
+          pathKey: pathKey.value
+        };
+        defHttp.get({ url: "/online/cgform/api/codeView", params }, { isTransformResponse: false }).then((data) => {
+          if (!data || data.size === 0) {
+            message.warning("\u6587\u4EF6\u4E0B\u8F7D\u5931\u8D25");
+            return;
+          }
+          let blob = new Blob([data]);
+          let reader = new FileReader();
+          reader.readAsText(blob, "utf8");
+          reader.onload = function() {
+            let content = this.result;
+            codeMap[path] = content;
+            resolve(1);
+          };
+        });
+      });
+    }
+    return {
+      registerModal,
+      codeList,
+      onDownloadGenerateCode,
+      handleClose,
+      treeData,
+      showCodeContent,
+      activeCodeContent,
+      expandStatus,
+      height,
+      language
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_info_circle_two_tone = resolveComponent("info-circle-two-tone");
+  const _component_a_directory_tree = resolveComponent("a-directory-tree");
+  const _component_a_col = resolveComponent("a-col");
+  const _component_JCodeEditor = resolveComponent("JCodeEditor");
+  const _component_a_empty = resolveComponent("a-empty");
+  const _component_a_row = resolveComponent("a-row");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_BasicModal = resolveComponent("BasicModal");
+  return openBlock(), createBlock(_component_BasicModal, {
+    onRegister: _ctx.registerModal,
+    okText: "",
+    cancelText: "\u5173\u95ED",
+    width: 1200,
+    defaultFullscreen: true,
+    canFullscreen: false,
+    onOk: _ctx.onDownloadGenerateCode
+  }, {
+    title: withCtx(() => [
+      createVNode(_component_info_circle_two_tone),
+      createTextVNode(" \u4EE3\u7801\u5728\u7EBF\u9884\u89C8 ")
+    ]),
+    footer: withCtx(() => [
+      createVNode(_component_a_button, { onClick: _ctx.handleClose }, {
+        default: withCtx(() => [
+          createTextVNode("\u5173\u95ED")
+        ]),
+        _: 1
+      }, 8, ["onClick"]),
+      createVNode(_component_a_button, {
+        type: "primary",
+        onClick: _ctx.onDownloadGenerateCode
+      }, {
+        default: withCtx(() => [
+          createTextVNode("\u4E0B\u8F7D\u5230\u672C\u5730")
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    default: withCtx(() => [
+      createElementVNode("div", null, [
+        createVNode(_component_a_row, null, {
+          default: withCtx(() => [
+            createVNode(_component_a_col, {
+              span: 6,
+              gutter: 3,
+              style: { "border-right": "1px solid #eee" }
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  style: normalizeStyle({ height: _ctx.height + "px", overflowY: "auto" })
+                }, [
+                  _ctx.treeData.length ? (openBlock(), createBlock(_component_a_directory_tree, {
+                    key: 0,
+                    defaultExpandAll: true,
+                    "tree-data": _ctx.treeData,
+                    onSelect: _ctx.showCodeContent
+                  }, null, 8, ["tree-data", "onSelect"])) : createCommentVNode("", true)
+                ], 4)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_col, {
+              span: 18,
+              gutter: 3
+            }, {
+              default: withCtx(() => [
+                _ctx.activeCodeContent ? (openBlock(), createBlock(_component_JCodeEditor, {
+                  key: 0,
+                  value: _ctx.activeCodeContent,
+                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.activeCodeContent = $event),
+                  theme: "idea",
+                  language: _ctx.language,
+                  fullScreen: false,
+                  lineNumbers: true,
+                  height: _ctx.height + "px",
+                  "language-change": true
+                }, null, 8, ["value", "language", "height"])) : (openBlock(), createBlock(_component_a_empty, {
+                  key: 1,
+                  style: { "margin-top": "50px" },
+                  description: "\u8BF7\u9009\u62E9\u5DE6\u4FA7\u6587\u4EF6\uFF0C\u663E\u793A\u8BE6\u7EC6\u4EE3\u7801"
+                }))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])
+    ]),
+    _: 1
+  }, 8, ["onRegister", "onOk"]);
+}
+var CodeFileViewModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { CodeFileViewModal as default };

package/CodeGeneratorModal.js

@@ -25,24 +25,23 @@ import { BasicModal, useModalInner, useModal } from "/@/components/Modal";
 import { JVxeTypes } from "/@/components/jeecg/JVxeTable/types";
 import { b as useCodeGeneratorFormSchemas } from "./useSchemas.js";
 import { underLine2CamelCase } from "/@/utils/common/compUtils";
-import { useMessage } from "/@/hooks/web/useMessage";
-import { downloadByData } from "/@/utils/file/download";
+import CodeFileListModal from "./CodeFileListModal.js";
 import FileSelectModal from "./FileSelectModal.js";
-import { useMessageOnline } from "./useMessageOnline.js";
 import { _ as _export_sfc } from "./index.js";
 import "ant-design-vue";
 import "@ant-design/icons-vue";
-import "/@/utils/is";
-import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
-import "vue-router";
+import "/@/hooks/web/usePermission";
+import "/@/utils/helper/validator";
+import "./CodeFileViewModal.js";
+import "/@/hooks/web/useMessage";
+import "/@/utils/file/download";
+import "@vueuse/core";
 const _sfc_main = defineComponent({
   name: "CodeGenerator",
-  components: { BasicForm, BasicModal, FileSelectModal },
+  components: { BasicForm, BasicModal, FileSelectModal, CodeFileListModal },
   emits: ["register"],
   setup(props) {
     const JEECG_ONL_PROJECT_PATH = "JEECG_ONL_PROJECT_PATH";
-    const { createMessage: $message } = useMessage();
-    const { createConfirm: $confirm } = useMessageOnline();
     const single = ref(true);
     const subTableRef = ref();
     const modalWidth = computed(() => single.value ? 800 : 1200);
@@ -86,11 +85,15 @@ const _sfc_main = defineComponent({
       ]
     });
     const showSubTable = computed(() => subTable.dataSource.length > 0);
-    const { formSchemas } = useCodeGeneratorFormSchemas(props, {
-      onProjectPathChange,
-      onProjectPathSearch,
-      jspModeOptions
-    }, single);
+    const { formSchemas } = useCodeGeneratorFormSchemas(
+      props,
+      {
+        onProjectPathChange,
+        onProjectPathSearch,
+        jspModeOptions
+      },
+      single
+    );
     const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
       schemas: formSchemas,
       showActionButtonGroup: false,
@@ -152,6 +155,7 @@ const _sfc_main = defineComponent({
         }
       });
     }
+    const [registerCodeFileListModal, { openModal: openCodeFileListModal }] = useModal();
     function onSubmit() {
       return __async(this, null, function* () {
         try {
@@ -165,16 +169,11 @@ const _sfc_main = defineComponent({
             params.subList = subTableRef.value.getTableData();
           }
           confirmLoading.value = true;
-          let codeList = yield defHttp.post({ url: "/online/cgform/api/codeGenerate", params });
-          $confirm({
-            iconType: "info",
-            title: "\u4EE3\u7801\u751F\u6210\u7ED3\u679C",
-            width: 1200,
-            closable: true,
-            okText: "\u4E0B\u8F7D\u5230\u672C\u5730",
-            cancelText: "\u786E\u5B9A\u5E76\u5173\u95ED",
-            content: `<p>${codeList.map((item) => item + "<br>").join("")}</p>`,
-            onOk: () => onDownloadGenerateCode(codeList, values.tableName_tmp)
+          let res = yield codeGen(params);
+          openCodeFileListModal(true, {
+            codeList: res.codeList,
+            pathKey: res.pathKey,
+            tableName: values.tableName_tmp
           });
           closeModal();
         } catch (e) {
@@ -184,20 +183,20 @@ const _sfc_main = defineComponent({
         }
       });
     }
-    function onDownloadGenerateCode(codeList, tableName) {
-      return defHttp.get({
-        url: "/online/cgform/api/downGenerateCode",
-        params: {
-          fileList: encodeURI(codeList)
-        },
-        responseType: "blob"
-      }, { isTransformResponse: false }).then((data) => {
-        if (!data || data.size == 0) {
-          $message.warning("\u5BFC\u51FA\u4EE3\u7801\u5931\u8D25\uFF01");
-          return;
-        }
-        let fileName = "\u5BFC\u5230\u751F\u6210\u4EE3\u7801_" + tableName + "_" + new Date().getTime() + ".zip";
-        downloadByData(data, fileName, "application/zip");
+    function codeGen(params) {
+      return new Promise((resolve, reject) => {
+        defHttp.post({ url: "/online/cgform/api/codeGenerate", params }, { isTransformResponse: false }).then((res) => {
+          if (res.success) {
+            let codeList = res.result;
+            let pathKey = res.message;
+            resolve({
+              codeList,
+              pathKey
+            });
+          } else {
+            reject(res.message);
+          }
+        });
       });
     }
     function onCancel() {
@@ -237,7 +236,8 @@ const _sfc_main = defineComponent({
       registerFileSelectModal,
       subTableRef,
       registerForm,
-      registerModal
+      registerModal,
+      registerCodeFileListModal
     };
   }
 });
@@ -248,6 +248,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_spin = resolveComponent("a-spin");
   const _component_BasicModal = resolveComponent("BasicModal");
   const _component_FileSelectModal = resolveComponent("FileSelectModal");
+  const _component_code_file_list_modal = resolveComponent("code-file-list-modal");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_BasicModal, {
       onRegister: _ctx.registerModal,
@@ -286,7 +287,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_FileSelectModal, {
       onRegister: _ctx.registerFileSelectModal,
       onSelect: _ctx.onFileSelect
-    }, null, 8, ["onRegister", "onSelect"])
+    }, null, 8, ["onRegister", "onSelect"]),
+    createVNode(_component_code_file_list_modal, { onRegister: _ctx.registerCodeFileListModal }, null, 8, ["onRegister"])
   ], 64);
 }
 var CodeGeneratorModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);