chore: update menu

vben
1 parent ba068ba1
Showing 7 changed files with 15 additions and 61 deletions
CHANGELOG.zh_CN.md
src/router/menus/modules/demo/comp.ts
src/router/menus/modules/demo/feat.ts
src/router/menus/modules/demo/form.ts
src/router/menus/modules/demo/page.ts
src/router/menus/modules/demo/table.ts
src/views/demo/page/list/card/index.vue
@@ -3,7 +3,6 @@
 ### ✨ Features
  
 - 缓存可以配置是否加密
-- 多语言支持
  
 ### 🎫 Chores
  
@@ -4,9 +4,7 @@ const menu: MenuModule = {
   menu: {
     name: '组件',
     path: '/comp',
-    tag: {
-      dot: true,
-    },
+
     children: [
       {
         path: 'basic',
@@ -44,9 +42,6 @@ const menu: MenuModule = {
       {
         path: 'upload',
         name: '上传组件',
-        tag: {
-          content: 'new',
-        },
       },
       {
         path: 'scroll',
@@ -4,9 +4,7 @@ const menu: MenuModule = {
   menu: {
     name: '功能',
     path: '/feat',
-    tag: {
-      dot: true,
-    },
+
     children: [
       {
         path: 'icon',
@@ -23,9 +21,6 @@ const menu: MenuModule = {
       {
         path: 'download',
         name: '文件下载',
-        tag: {
-          content: 'new',
-        },
       },
       {
         path: 'click-out-side',
@@ -4,18 +4,11 @@ const menu: MenuModule = {
   menu: {
     path: '/form',
     name: 'Form',
-    tag: {
-      type: 'warn',
-      dot: true,
-    },
+
     children: [
       {
         path: 'basic',
         name: '基础表单',
-        tag: {
-          type: 'warn',
-          dot: true,
-        },
       },
       {
         path: 'useForm',
@@ -32,26 +25,14 @@ const menu: MenuModule = {
       {
         path: 'ruleForm',
         name: '表单校验',
-        tag: {
-          type: 'warn',
-          dot: true,
-        },
       },
       {
         path: 'dynamicForm',
         name: '动态表单',
-        tag: {
-          type: 'warn',
-          dot: true,
-        },
       },
       {
         path: 'customerForm',
         name: '自定义组件',
-        tag: {
-          type: 'warn',
-          dot: true,
-        },
       },
     ],
   },
@@ -11,9 +11,7 @@ const menu: MenuModule = {
       {
         path: 'form',
         name: '表单页',
-        tag: {
-          content: 'new',
-        },
+
         children: [
           {
             path: 'basic',
@@ -32,9 +30,7 @@ const menu: MenuModule = {
       {
         path: 'desc',
         name: '详情页',
-        tag: {
-          content: 'new',
-        },
+
         children: [
           {
             path: 'basic',
@@ -49,9 +45,7 @@ const menu: MenuModule = {
       {
         path: 'result',
         name: '结果页',
-        tag: {
-          content: 'new',
-        },
+
         children: [
           {
             path: 'success',
@@ -92,9 +86,6 @@ const menu: MenuModule = {
       {
         path: 'account',
         name: '个人页',
-        tag: {
-          content: 'new',
-        },
         children: [
           {
             path: 'center',
@@ -4,9 +4,6 @@ const menu: MenuModule = {
   menu: {
     path: '/table',
     name: 'Table',
-    tag: {
-      dot: true,
-    },
     children: [
       {
         path: 'basic',
@@ -67,9 +64,6 @@ const menu: MenuModule = {
       {
         path: 'editRowTable',
         name: '可编辑行',
-        tag: {
-          content: 'new',
-        },
       },
     ],
   },
 <template>
   <div :class="prefixCls">
     <a-page-header title="卡片列表" :ghost="false">
-      基于Vue Next, TypeScript, Ant Design实现的一套完整的企业级后台管理系统。
+      基于Vue Next, TypeScript, Ant Design Vue实现的一套完整的企业级后台管理系统。
       <div :class="`${prefixCls}__link`">
         <a><Icon icon="bx:bx-paper-plane" color="#1890ff" /><span>开始</span></a>
         <a><Icon icon="carbon:warning" color="#1890ff" /><span>简介</span></a>
@@ -10,36 +10,35 @@
     </a-page-header>
  
     <div :class="`${prefixCls}__content`">
-      <List>
+      <a-list>
         <a-row :gutter="16">
           <template v-for="(item, index) in list" :key="index">
             <a-col :span="6">
-              <ListItem>
-                <Card :hoverable="true" :class="`${prefixCls}__card`">
+              <a-list-item>
+                <a-card :hoverable="true" :class="`${prefixCls}__card`">
                   <div :class="`${prefixCls}__card-title`">
                     <Icon class="icon" v-if="item.icon" :icon="item.icon" :color="item.color" />
                     {{ item.title }}
                   </div>
                   <div :class="`${prefixCls}__card-detail`">
-                    基于Vue Next, TypeScript, Ant Design实现的一套完整的企业级后台管理系统
+                    基于Vue Next, TypeScript, Ant Design Vue实现的一套完整的企业级后台管理系统
                   </div>
-                </Card>
-              </ListItem>
+                </a-card>
+              </a-list-item>
             </a-col>
           </template>
         </a-row>
-      </List>
+      </a-list>
     </div>
   </div>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import { List, Card } from 'ant-design-vue';
   import Icon from '/@/components/Icon/index';
   import { cardList } from './data';
  
   export default defineComponent({
-    components: { Icon, List, ListItem: List.Item, Card },
+    components: { Icon },
     setup() {
       return {
         prefixCls: 'list-card',