u

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

@@ -1,13 +1,36 @@
 <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">
-      <ATagGroup>
-        <ATag show-close>测试1</ATag>
-        <ATag show-close>测试2</ATag>
+      <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>

code/base-project/base-vue/src/main.ts

@@ -1,6 +1,9 @@
 import naive from 'naive-ui'
+import TDesign from 'tdesign-vue-next'
 import { createApp } from 'vue'
 import App from './App.vue'
 import './style.scss'
 
-createApp(App).use(naive).mount('#app')
+import 'tdesign-vue-next/es/style/index.css'
+
+createApp(App).use(naive).use(TDesign).mount('#app')