style: 修改 @namespace vben -> basic

src/components/SimpleMenu/src/SimpleMenuTag.vue

@@ -3,6 +3,7 @@
     import { computed, defineComponent } from 'vue'
     import { Badge } from 'ant-design-vue'
     import { propTypes } from '/@/utils/propTypes'
+    import { useDesign } from '@/hooks/web/useDesign'
 
     export default defineComponent({
         name: 'SimpleMenuTag',
@@ -16,6 +17,8 @@
             collapseParent: propTypes.bool,
         },
         setup(props) {
+            const { prefixCls } = useDesign('simple-menu-badge')
+
             const getShowTag = computed(() => {
                 const { item } = props
 
@@ -37,16 +40,8 @@
                 return dot || collapseParent ? '' : content
             })
 
-            const getType = computed(() => {
-                if (!getShowTag.value) return 'error'
-                const { item } = props
-                const { tag } = item
-                const { type } = tag!
-                return type ?? 'error'
-            })
-
             return {
-                getType,
+                prefixCls,
                 getShowTag,
                 getContent,
             }
@@ -54,11 +49,10 @@
     })
 </script>
 
-<template
-    ><Badge
+<template>
+    <Badge
         v-if="getShowTag"
-        class="vben-simple-menu-badge"
-        :class="[!getContent ? 'vben-simple-menu-badge--dot' : '']"
+        :class="[prefixCls, !getContent ? `${prefixCls}--dot` : '']"
         :dot="!getContent"
         :count="getContent"
         :number-style="{

src/design/var/index.less

@@ -2,7 +2,7 @@
 @import 'easing.less';
 @import 'breakpoint.less';
 
-@namespace: vben;
+@namespace: basic;
 
 // tabs
 @multiple-height: 30px;

src/settings/designSetting.ts

 import { ThemeEnum } from '../enums/appEnum'
 
-export const prefixCls = 'vben'
+export const prefixCls = 'basic'
 
 export const darkMode = ThemeEnum.LIGHT