u

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

@@ -7,7 +7,7 @@ const notification = useNotification()
 function showCustomMessage() {
   notification.success({
     title: '自定义消息',
-    content: () =>
+    message: () =>
       h('div', { style: { color: 'red', position: 'relative' } }, [
         h('p', {}, '这里是自定义内容，可以是任意 VNode'),
         h('strong', {}, '加粗文本'),
@@ -23,29 +23,11 @@ function showCustomMessage() {
               gap: '4px',
             },
           },
-          [
-            h(
-              'button',
-              {
-                style: { fontSize: '12px', padding: '2px 6px' },
-                onClick: () => alert('Button A clicked'),
-              },
-              'A',
-            ),
-            h(
-              'button',
-              {
-                style: { fontSize: '12px', padding: '2px 6px' },
-                onClick: () => alert('Button B clicked'),
-              },
-              'B',
-            ),
-          ],
         ),
       ]),
     type: 'success',
-    duration: 0,
     showClose: true,
+    duration: 0,
   })
 }
 </script>

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

@@ -10,11 +10,13 @@ declare module 'vue' {
   export interface GlobalComponents {
     AButton: typeof import('@ao/ao-design')['Button']
     AConfigProvider: typeof import('@ao/ao-design')['ConfigProvider']
+    ADrawer: typeof import('@ao/ao-design')['Drawer']
     AGroup: typeof import('@ao/ao-design')['Group']
     AIcon: typeof import('@ao/ao-design')['Icon']
     AInput: typeof import('@ao/ao-design')['Input']
     ALoading: typeof import('@ao/ao-design')['Loading']
     AMessage: typeof import('@ao/ao-design')['Message']
+    APopconfirm: typeof import('@ao/ao-design')['Popconfirm']
     APopup: typeof import('@ao/ao-design')['Popup']
     ASpin: typeof import('@ao/ao-design')['Spin']
     ATextarea: typeof import('@ao/ao-design')['Textarea']