V2.7.2版本发布 (#1853)

* feat: 自动化代码增加json导出和导入功能

* feat: 自动化代码前端可见分为Table和Form分别选中

* feature: 调整代码预览为左边栏模式的tabs。

* feat: 增加方法自动添加前端api

* feat: 自动化生成前端支持详情功能

* feat: 增加自动创建可控权限按钮功能

* fixed: 顶栏样式菜单样式细节bug修复

* fixed: 修改视频地址

* fixed: 自动获取表结构和数据库表列结构保持一致

* fixed: casbin 设置空权限无需调用 AddPolicies 方法 (#1850)

* feat:对象存储支持配置Cloudflare R2 (#1849)

* fixed：设为首页和菜单勾选互为必选

---------

Co-authored-by: SliverHorn <503551462@qq.com>
Co-authored-by: 千石 <CN_QianShi@hotmail.com>

* feat: 复杂数据类型的查询将不会生成查询语句，会以string形式接收参数，用户自行实现复杂查询逻辑。

* feat: 创建新角色默认携带字典和长传权限。
禁止删除有首页占用的菜单。
不允许切换至无首页的角色。
自动化代码创建失败将返回错误信息。

* feat: 当package或plugin结构异常时候，阻止创建自动化代码。

---------

Co-authored-by: krank <emosick@qq.com>
Co-authored-by: SliverHorn <503551462@qq.com>
Co-authored-by: 千石 <CN_QianShi@hotmail.com>

web/src/view/layout/aside/asideComponent/asyncSubmenu.vue

@@ -61,7 +61,7 @@ const sideHeight = computed(() => {
 <style lang="scss">
 .gva-sub-menu{
   .el-sub-menu__title{
-    height: v-bind('sideHeight');
+    height: v-bind('sideHeight') !important;
   }
 }
 </style>

web/src/view/layout/aside/combinationMode.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="h-full">
-    <div v-if="mode==='head'" class="bg-white text-slate-700 dark:text-slate-300 mx-2 dark:bg-slate-900 flex items-center w-full overflow-auto">
+    <div v-if="mode==='head'" class="bg-white h-[calc(100%-4px)]  text-slate-700 dark:text-slate-300 mx-2 dark:bg-slate-900 flex items-center w-[calc(100vw-600px)] overflow-auto">
       <el-menu
         :default-active="routerStore.topActive"
         mode="horizontal"
-        class="border-r-0 border-b-0 w-[calc(100%-100px)] flex gap-1 items-center box-border h-[calc(100%-1px)]"
+        class="border-r-0 border-b-0  w-full flex gap-1 items-center box-border h-[calc(100%-1px)]"
         unique-opened
         @select="(index, _, ele)=>selectMenuItem(index, _, ele,true)"
       >
@@ -85,7 +85,6 @@ const router = useRouter();
 const routerStore = useRouterStore();
 const isCollapse = ref(false);
 const active = ref("");
-const topActive = ref("");
 const layoutSideWidth = computed(() => {
   if (!isCollapse.value) {
     return config.value.layout_side_width;

web/src/view/layout/aside/headMode.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="bg-white h-[calc(100%-4px)] text-slate-700 dark:text-slate-300 mx-2 dark:bg-slate-900 flex items-center w-full overflow-auto">
+  <div class="bg-white h-[calc(100%-4px)] text-slate-700 dark:text-slate-300 mx-2 dark:bg-slate-900 flex items-center w-[calc(100vw-600px)] overflow-auto">
     <el-menu
       :default-active="active"
       mode="horizontal"
-      class="border-r-0 w-[calc(100%-100px)] flex gap-1 items-center box-border h-[calc(100%-1px)]"
+      class="border-r-0 w-full flex gap-1 items-center box-border h-[calc(100%-1px)]"
       unique-opened
       @select="selectMenuItem"
     >

web/src/view/layout/header/index.vue

@@ -8,7 +8,7 @@
     <div
       class="flex items-center cursor-pointer flex-1"
     >
-      <div class="flex items-center cursor-pointer" @click="router.push({ path: '/' })">
+      <div class="flex items-center cursor-pointer min-w-48" @click="router.push({ path: '/' })">
         <img
           alt
           class="h-12 bg-white rounded-full"

web/src/view/layout/header/tools.vue

@@ -175,7 +175,7 @@ const videoList = [
   },
   {
     title:"11.菜单参数实战+动态菜单标题+菜单高亮配置",
-    link:"https://www.bilibili.com/video/BV1Bb421J7oW",
+    link:"https://www.bilibili.com/video/BV1NE4m1979c",
   },
   {
     title:"12.增加菜单可控按钮",