u

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

@@ -1,15 +1,18 @@
 <script setup lang="ts">
 function setDark() {
   document.documentElement.setAttribute('theme-mode', 'dark')
+  document.body.style.backgroundColor = '#242424'
 }
+
 function setLight() {
   document.documentElement.setAttribute('theme-mode', 'light')
+  document.body.style.backgroundColor = '#ffffff'
 }
 </script>
 
 <template>
-  <div style="height: 100vh;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;">
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
+  <div style="height: 100vh;width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;gap:16px">
+    <div style="display: flex; gap: 8px;">
       <AButton status="primary" size="medium" @click="setDark">
         黑色主题
       </AButton>
@@ -18,127 +21,8 @@ function setLight() {
         白色主题
       </AButton>
     </div>
-
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
-      <AButton status="normal">
-        Normal
-      </AButton>
-      <AButton status="primary">
-        主按钮
-      </AButton>
-      <AButton status="warning">
-        警告
-      </AButton>
-      <AButton status="danger">
-        危险
-      </AButton>
-      <AButton status="success">
-        成功
-      </AButton>
-    </div>
-
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
-      <AButton status="normal" type="outline">
-        Normal
-      </AButton>
-      <AButton status="primary" type="outline">
-        主按钮
-      </AButton>
-      <AButton status="warning" type="outline">
-        警告
-      </AButton>
-      <AButton status="danger" type="outline">
-        危险
-      </AButton>
-      <AButton status="success" type="outline">
-        成功
-      </AButton>
-    </div>
-
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
-      <AButton status="normal" type="dashed">
-        Normal
-      </AButton>
-      <AButton status="primary" type="dashed">
-        主按钮
-      </AButton>
-      <AButton status="warning" type="dashed">
-        警告
-      </AButton>
-      <AButton status="danger" type="dashed">
-        危险
-      </AButton>
-      <AButton status="success" type="dashed">
-        成功
-      </AButton>
-    </div>
-
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
-      <AButton status="normal" type="text">
-        Normal
-      </AButton>
-      <AButton status="primary" type="text">
-        主按钮
-      </AButton>
-      <AButton status="warning" type="text">
-        警告
-      </AButton>
-      <AButton status="danger" type="text">
-        危险
-      </AButton>
-      <AButton status="success" type="text">
-        成功
-      </AButton>
-    </div>
-
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
-      <AButton status="normal" disabled>
-        禁用
-      </AButton>
-      <AButton status="primary" disabled>
-        禁用
-      </AButton>
-      <AButton type="outline" disabled>
-        禁用
-      </AButton>
-      <AButton type="dashed" disabled>
-        禁用
-      </AButton>
-      <AButton type="text" disabled>
-        禁用
-      </AButton>
-    </div>
-
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
-      <AButton status="normal" loading>
-        loading
-      </AButton>
-      <AButton status="primary" loading>
-        loading
-      </AButton>
-      <AButton type="outline" loading>
-        loading
-      </AButton>
-      <AButton type="dashed" loading>
-        loading
-      </AButton>
-      <AButton type="text" loading>
-        loading
-      </AButton>
-    </div>
-    <div style="display: flex; gap: 8px; margin-bottom: 16px;">
-      <AButton status="primary" size="small">
-        small
-      </AButton>
-      <AButton status="primary" size="medium">
-        medium
-      </AButton>
-      <AButton status="primary" size="large">
-        large
-      </AButton>
-    </div>
-
-    <AInput style="width: 200px;" clearable show-count />
-    <ATextarea style="width: 200px;" clearable show-count />
+    <APopup content="2222222222222222222222" trigger="click">
+      <AButton>测试</AButton>
+    </APopup>
   </div>
 </template>

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

@@ -9,6 +9,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     A: typeof import('@ao/ao-design')['default']
+    AB: typeof import('@ao/ao-design')['B']
     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' {
     AInput: typeof import('@ao/ao-design')['Input']
     ALoading: typeof import('@ao/ao-design')['Loading']
     ALoding: typeof import('@ao/ao-design')['Loding']
+    APopup: typeof import('@ao/ao-design')['Popup']
     ASpin: typeof import('@ao/ao-design')['Spin']
     AT: typeof import('@ao/ao-design')['T']
     ATex: typeof import('@ao/ao-design')['Tex']