u

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

@@ -1,6 +1,24 @@
+<script setup lang="ts">
+function setDark() {
+  document.documentElement.setAttribute('theme-mode', 'dark')
+}
+function setLight() {
+  document.documentElement.setAttribute('theme-mode', 'light')
+}
+</script>
+
 <template>
   <div style="height: 100vh;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;">
-    <!-- 状态按钮 (solid) -->
+    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
+      <AButton status="primary" size="medium" @click="setDark">
+        黑色主题
+      </AButton>
+
+      <AButton status="primary" size="medium" @click="setLight">
+        白色主题
+      </AButton>
+    </div>
+
     <div style="display: flex; gap: 8px; margin-bottom: 16px;">
       <AButton status="normal">
         Normal
@@ -119,5 +137,8 @@
         large
       </AButton>
     </div>
+
+    <AInput style="width: 200px;" clearable show-count />
+    <ATextarea style="width: 200px;" clearable show-count />
   </div>
 </template>

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

@@ -8,6 +8,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    A: typeof import('@ao/ao-design')['default']
     AButton: typeof import('@ao/ao-design')['Button']
     AConfigProvider: typeof import('@ao/ao-design')['ConfigProvider']
     AGroup: typeof import('@ao/ao-design')['Group']
@@ -16,6 +17,7 @@ declare module 'vue' {
     ALoading: typeof import('@ao/ao-design')['Loading']
     ALoding: typeof import('@ao/ao-design')['Loding']
     ASpin: typeof import('@ao/ao-design')['Spin']
+    AT: typeof import('@ao/ao-design')['T']
     ATex: typeof import('@ao/ao-design')['Tex']
     ATextarea: typeof import('@ao/ao-design')['Textarea']
   }