base-vue支持组件库支持前缀类名

code/base-project/base-vue/packages/ao-design/src/button/index.tsx

@@ -1,26 +1,14 @@
-import type { PropType } from 'vue'
-import { defineComponent } from 'vue'
+import { computed, defineComponent } from 'vue'
+import { getPrefixCls } from '../_utils/getPrefixCls'
 
 export default defineComponent({
-  name: 'Button',
+  name: 'AButton',
   props: {
-    type: {
-      type: String as PropType<'primary' | 'secondary' | 'danger' | 'link'>,
-      default: 'primary',
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
+    type: { type: String as () => 'primary' | 'danger' | 'default', default: 'default' },
   },
   setup(props, { slots }) {
-    const baseClass = 'btn'
-    const typeClass = `btn-${props.type}`
-
-    return () => (
-      <button class={`${baseClass} ${typeClass}`} disabled={props.disabled}>
-        {slots.default?.()}
-      </button>
-    )
+    const prefixCls = getPrefixCls('btn')
+    const cls = computed(() => [prefixCls, `${prefixCls}-${props.type}`])
+    return () => <button class={cls.value}>{slots.default?.()}</button>
   },
 })