feat: dev copilot conversations

ant-design · Jan 22, 2025 · b52425a · b52425a
1 parent bbbe7a8
commit b52425a
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 11 deletions.
diff --git a/copilot-demo/pages/Conversations/index.axml b/copilot-demo/pages/Conversations/index.axml
@@ -8,3 +8,24 @@
     onMenuItemTap="handleMenuItemTap"
   />
 </ant-container>
+
+
+<ant-container title="抽屉中展示">
+  <ant-button onTap="handleOpenHistory" inline size="small">历史记录</ant-button>
+  <ant-popup
+    className="history-popup"
+    visible="{{ visible }}"
+    height="{{ 250 }}"
+    width="{{ 250 }}"
+    position="left"
+    animation
+    onClose="handlePopupClose"
+  >
+    <ant-conversations
+      items="{{items}}"
+      menus="{{menus}}"
+      onItemTap="handleItemTap"
+      onMenuItemTap="handleMenuItemTap"
+    />
+  </ant-popup>
+</ant-container>
diff --git a/copilot-demo/pages/Conversations/index.json5 b/copilot-demo/pages/Conversations/index.json5
@@ -11,6 +11,8 @@
 
   "usingComponents": {
     "ant-container": "../../../src/Container/index",
-    "ant-conversations": "../../../src/Conversations/index"
+    "ant-conversations": "../../../src/Conversations/index",
+    "ant-popup": "../../../src/Popup/index",
+    "ant-button": "../../../src/Button/index"
   }
 }
diff --git a/copilot-demo/pages/Conversations/index.less b/copilot-demo/pages/Conversations/index.less
@@ -0,0 +1,7 @@
+.history-popup {
+  .ant-popup-transform-left {
+    /// #if ALIPAY
+    padding-top: 90px;
+    /// #endif
+  }
+}
diff --git a/copilot-demo/pages/Conversations/index.ts b/copilot-demo/pages/Conversations/index.ts
@@ -1,5 +1,6 @@
 Page({
   data: {
+    visible: false,
     items: [
       {
         key: '1',
@@ -85,4 +86,15 @@ Page({
     });
     /// #endif
   },
+
+  handleOpenHistory() {
+    this.setData({
+      visible: true,
+    });
+  },
+  handlePopupClose() {
+    this.setData({
+      visible: false,
+    });
+  },
 });
diff --git a/copilot/Conversations/index.less b/copilot/Conversations/index.less
@@ -7,8 +7,7 @@
     opacity: 0.6;
   }
   &-swipe-item {
-    height: 130 * @rpx;
-    line-height: 130 * @rpx;
+    height: 140 * @rpx;
     /// #if WECHAT
     .ant-swipe-action-movable {
       // pointer-events: none;

diff --git a/copilot/Conversations/props.ts b/copilot/Conversations/props.ts
@@ -42,13 +42,7 @@ interface MenuItem {
   confirmText?: string;
 }
 
-/**
- * @description 按钮，用户只需单击一下即可执行操作并做出选择。
- * 常用于表单提交、界面跳转、模块引导点击。具体用法和小程序框架中 button 保持一致，在 button 基础上做了样式的封装。
- * 封装后的按钮可改变按钮形态、增加 loading，以及内置了几种不同样式的按钮。
- */
-
-export interface IPromptsProps extends IBaseProps {
+export interface IConversationsProps extends IBaseProps {
   /**
    * @description 提示列表
    * @default []
@@ -72,7 +66,7 @@ export interface IPromptsProps extends IBaseProps {
   onMenuItemTap?: (item: MenuItem, index: number) => void;
 }
 
-export const ConversationsProps: Partial<IPromptsProps> = {
+export const ConversationsProps: Partial<IConversationsProps> = {
   className: '',
   style: '',
   items: [],