u

code/base-project/base-vue/src/App.vue

@@ -1,52 +1,10 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-
-const checked = ref(['1'])
-
-const checked1 = ref(false)
-const checked2 = ref(false)
-const checked3 = ref(false)
-
-const STYLE_B_UNCHECKED_PROPS = {
-  theme: 'default',
-  variant: 'outline',
-}
-
-const STYLE_C_CHECKED_PROPS = {
-  theme: 'primary',
-  variant: 'outline',
-}
 </script>
 
 <template>
-  <div class="demo">
-    <div class="row">
-      <ATag show-close checkable disabled>
-        测试 1
-      </ATag>
-      <ATagGroup v-model="checked">
-        <ATag show-close value="1">
-          测试 1
-        </ATag>
-        <ATag show-close value="2">
-          测试2
-        </ATag>
-      </ATagGroup>
-    </div>
+  <div style="height: 800px;display: flex;align-items: center;justify-content: center;">
+    <ARadio>
+      123
+    </ARadio>
   </div>
 </template>
-
-<style scoped>
-.demo {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  margin-top: 40px;
-}
-
-.row {
-  display: flex;
-  gap: 12px;
-}
-</style>

code/base-project/base-vue/src/components.d.ts

@@ -18,6 +18,10 @@ declare module 'vue' {
     AMessage: typeof import('@ao/ao-design')['Message']
     APopconfirm: typeof import('@ao/ao-design')['Popconfirm']
     APopup: typeof import('@ao/ao-design')['Popup']
+    ARadio: typeof import('@ao/ao-design')['Radio']
+    ARdio: typeof import('@ao/ao-design')['Rdio']
+    ASeparator: typeof import('@ao/ao-design')['Separator']
+    ASpace: typeof import('@ao/ao-design')['Space']
     ASpin: typeof import('@ao/ao-design')['Spin']
     ATag: typeof import('@ao/ao-design')['Tag']
     ATagGroup: typeof import('@ao/ao-design')['TagGroup']