fix: add demos

Author: anotherso1a

copilot-demo/pages/Bubble/index.axml

@@ -39,11 +39,14 @@
   <ant-bubble content="variant: shadow" variant="shadow" />
 </ant-container>
 
-<ant-container title="用户名">
+<ant-container title="用户名和操作">
   <ant-bubble content="你好,请问有什么可以帮你?" avatar="https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*5m0ZQYhxhjEAAAAAAAAAAAAAARQnAQ">
     <view slot="header">
       <text class="ant-copilot-bubble-name">Ant Design Mini</text>
     </view>
+    <view slot="footer">
+      <ant-actions items="{{basicActions}}" onItemTap="handleTapAction" />
+    </view>
   </ant-bubble>
 </ant-container>
 

copilot-demo/pages/Bubble/index.json

@@ -1,6 +1,7 @@
 {
   "usingComponents": {
     "ant-bubble": "../../../src/Bubble/index",
+    "ant-actions": "../../../src/Actions/index",
     "ant-container": "../../../src/Container/index",
     "ant-switch": "../../../src/Switch/index"
   }

copilot-demo/pages/Bubble/index.ts

@@ -2,6 +2,16 @@ Page({
   data: {
     loading: true,
     showTyping: true,
+    basicActions: [
+      {
+        label: 'copy',
+        icon: 'TextOutline',
+      },
+      {
+        label: 'like',
+        icon: 'LikeOutline',
+      },
+    ],
   },
   onTypingComplete() {
     console.log('typing complete at', Date.now());
@@ -16,4 +26,21 @@ Page({
       loading: !this.data.loading,
     });
   },
+  handleTapAction(item) {
+    /// #if WECHAT
+    // @ts-ignore
+    item = item.detail;
+    /// #endif
+    /// #if ALIPAY
+    my.showToast({
+      content: `${item.label} tapped`,
+    });
+    /// #endif
+    /// #if WECHAT
+    // @ts-ignore
+    wx.showToast({
+      title: `${item.label} tapped`,
+    });
+    /// #endif
+  },
 });

copilot-demo/pages/Sender/index.axml

@@ -49,6 +49,12 @@
         onChange="handleChange4"
         onSubmit="handleSend4"
       >
+        <ant-prompts
+          slot="header"
+          list="{{horizontalList}}"
+          vertical="{{false}}"
+          onItemTap="onItemTap"
+        ></ant-prompts>
       </ant-sender>
     </ant-container>
   </view>

copilot-demo/pages/Sender/index.json

@@ -2,6 +2,7 @@
   "usingComponents": {
     "ant-sender": "../../../src/Sender/index",
     "ant-upload": "../../../src/ImageUpload/index",
+    "ant-prompts": "../../../src/Prompts/index",
     "ant-bubble": "../../../src/Bubble/index",
     "ant-container": "../../../src/Container/index"
   }

copilot-demo/pages/Sender/index.ts

@@ -4,8 +4,8 @@ const mockResponse = [
   '这是个很好的问题，我来仔细想想...',
   '我明白你的想法，确实值得深入讨论。',
   '感谢分享，这让我想到了一些新的观点。',
-  '你提到的这点很有启发性，我们可以进一步探讨。'
-]
+  '你提到的这点很有启发性，我们可以进一步探讨。',
+];
 Page({
   senderTimer: null,
   data: {
@@ -15,8 +15,33 @@ Page({
     value4: '',
     loading: false,
     scrollToView: '',
-    bubbleList: [
-      { content: '你好，世界！'}
+    bubbleList: [{ content: '你好，世界！' }],
+    horizontalList: [
+      {
+        icon: 'https://mdn.alipayobjects.com/huamei_2jrq4g/afts/img/A*AdC9RZfDwicAAAAAAAAAAAAADtF8AQ/original',
+        label: '我的日程',
+        value: 'schedule',
+        key: '1',
+      },
+      {
+        icon: 'https://mdn.alipayobjects.com/huamei_2jrq4g/afts/img/A*Mbi1R5eGTecAAAAAAAAAAAAADtF8AQ/original',
+        label: '快捷功能',
+        value: 'suggestion',
+        key: '2',
+      },
+      {
+        icon: 'https://mdn.alipayobjects.com/huamei_2jrq4g/afts/img/A*WqBJSZEpPbwAAAAAAAAAAAAADtF8AQ/original',
+        label: '诊断分析',
+        value: 'analyze',
+        key: '3',
+      },
+      {
+        // 支持 antd-icon
+        icon: 'MoreOutline',
+        label: '更多',
+        value: 'more',
+        key: '4',
+      },
     ],
   },
   /** 基础用法  */
@@ -74,12 +99,21 @@ Page({
     /// #endif
     this.setData({ value4: value });
   },
-  handleSend4() {
-    if (!this.data.value4) return;
-    this.addBubble(this.data.value4);
+  onItemTap(e) {
+    /// #if WECHAT
+    // @ts-ignore
+    e = e.detail;
+    /// #endif
+    this.handleSend4(e.label)
+  },
+  handleSend4(val: string) {
+    if (!this.data.value4 && !val) return;
+    this.addBubble(val || this.data.value4);
     this.setData({ value4: '' });
     setTimeout(() => {
-      this.addBubble(mockResponse[Math.floor(Math.random() * mockResponse.length)]);
+      this.addBubble(
+        mockResponse[Math.floor(Math.random() * mockResponse.length)]
+      );
     }, 500);
   },
 });

copilot/Actions/check.sjs

@@ -1,7 +1,8 @@
 /// #if ALIPAY
-export function checkIcon(icon = '') {
+function checkIcon(icon = '') {
   return getRegExp('^[a-zA-Z]+$').test(icon);
 }
+export default { checkIcon };
 /// #endif
 /// #if WECHAT
 function checkIcon(icon = '') {

copilot/Bubble/index.en.md

@@ -42,6 +42,7 @@ When you need to display the content of the dialogue, it supports a variety of b
 | --- | --- |
 | default | Custom bubble content |
 | header | Custom header content (such as user name) |
+| footer | Custom footer content (such as custom operations) |
 
 ### Theme customization
 

copilot/Bubble/index.md

@@ -42,6 +42,7 @@ toc: 'content'
 | --- | --- |
 | default | 自定义气泡内容 |
 | header | 自定义头部内容(如用户名) |
+| footer | 自定义底部内容(如自定义操作等) |
 
 ### 主题定制