diff --git a/generator-code-server/generator-code/src/main/resources/static/src/views/home/MainGeneratorPage.js b/generator-code-server/generator-code/src/main/resources/static/src/views/home/MainGeneratorPage.js index 0b5e996..f5cf792 100644 --- a/generator-code-server/generator-code/src/main/resources/static/src/views/home/MainGeneratorPage.js +++ b/generator-code-server/generator-code/src/main/resources/static/src/views/home/MainGeneratorPage.js @@ -1,11 +1,11 @@ const MainGeneratorPage = defineComponent({ name: "MainGeneratorPage", template: ` -
+
-
+
模板生成页面

已生成的文件列表

@@ -30,7 +30,7 @@ const MainGeneratorPage = defineComponent({ role="button" data-bs-toggle="collapse" :data-bs-target="'#collapse-' + item.id" aria-expanded="false">
- + 【{{item.comment}}】{{item.path}}
@@ -73,6 +73,7 @@ const MainGeneratorPage = defineComponent({
+ `, props: { // 是否显示生成页面 @@ -83,7 +84,9 @@ const MainGeneratorPage = defineComponent({ data() { return { // 控制图标状态的响应式变量 - copied: false + copied: ref(false), + // 存储 offcanvas 实例 + offcanvas: ref(null) } }, methods: { @@ -153,7 +156,24 @@ const MainGeneratorPage = defineComponent({ /* 关闭窗口 */ onGeneratorPageFlagClick() { - this.$emit("update:generatorPageFlag", !this.generatorPageFlag) + this.$emit("update:generatorPageFlag", !this.generatorPageFlag); }, }, + mounted() { + // 初始化 OffCanvas + this.offcanvas = new bootstrap.Offcanvas(this.$refs.offcanvasElementRef); + // 监听隐藏事件 + this.$refs.offcanvasElementRef.addEventListener('hidden.bs.offcanvas', () => { + this.$emit("update:generatorPageFlag", false); + }); + }, + watch: { + generatorPageFlag(newVal) { + if (newVal) { + this.offcanvas.show(); + } else { + this.offcanvas.hide(); + } + }, + } }); \ No newline at end of file diff --git a/generator-code-server/generator-code/src/main/resources/templates/home.html b/generator-code-server/generator-code/src/main/resources/templates/home.html index 2da63d6..2f308cd 100644 --- a/generator-code-server/generator-code/src/main/resources/templates/home.html +++ b/generator-code-server/generator-code/src/main/resources/templates/home.html @@ -30,6 +30,30 @@ + +
@@ -50,7 +74,7 @@ :raw-table-list="rawTableList" :table-list="tableList" v-model:form="form"> -
@@ -152,8 +176,8 @@ else antd.message.success(message); // 显示生成的页面 - this.generatorPageFlag = true; this.generatorData = data; + this.generatorPageFlag = true; // 等待 DOM 更新，之后手动更新代码高亮 await this.$nextTick(); @@ -181,7 +205,7 @@ this.tableList = this.tableList.filter(table => table.tableName.includes(val) || table.tablePrefixes.includes(val)); } }, - } + }, }); // 注册组件