Adjust x-components demo style

.dumirc.ts

@@ -88,7 +88,11 @@ export default defineConfig({
         },
         {
           title: 'Copilot',
-          link: '/copilots/conversations-en',
+          link: '/copilots/bubble-en',
+          // @ts-ignore
+          isNew: true,
+          rightIcon:
+            'https://mdn.alipayobjects.com/huamei_2jrq4g/afts/img/A*iiKoT73_9ucAAAAAAAAAAAAAetF8AQ/original',
         },
         {
           title: 'Resources',

copilot-demo/pages/Actions/index.axml

@@ -1,8 +1,10 @@
+<view class="navigation-bar" />
+
 <ant-container title="基础用法">
   <ant-actions items="{{basicActions}}" onItemTap="handleTapAction" />
 </ant-container>
 
-<ant-container title="配合bubble使用">
+<ant-container title="配合 Bubble 使用">
   <ant-switch checked="{{ showBubble }}" onChange="toggleBubble" />
   <ant-bubble
     a:if="{{ showBubble }}"

copilot-demo/pages/Actions/index.json5

@@ -5,6 +5,8 @@
 
   /// #if ALIPAY
   "defaultTitle": "Actions",
+  "transparentTitle": "auto",
+  "titlePenetrate": "YES",
   /// #endif
 
   "usingComponents": {

copilot-demo/pages/Bubble/index.json → copilot-demo/pages/Bubble/index.json5

@@ -1,4 +1,13 @@
 {
+  /// #if WECHAT
+  "navigationBarTitleText": "Bubble",
+  /// #endif
+
+  /// #if ALIPAY
+  "defaultTitle": "Bubble",
+  "transparentTitle": "auto",
+  "titlePenetrate": "YES",
+  /// #endif
   "usingComponents": {
     "ant-bubble": "../../../src/Bubble/index",
     "ant-actions": "../../../src/Actions/index",

copilot-demo/pages/Bubble/index.less

@@ -1,7 +1,3 @@
-.navigation-bar {
-  height: var(--tf-status-bar-height);
-}
-
 .ant-copilot-bubble-name {
   font-weight: 400;
   font-size: 24rpx;

copilot-demo/pages/Sender/index.axml

@@ -1,61 +1,56 @@
-<view class="page">
-  <view class="content">
-    <ant-container title="基础用法">
-      <ant-sender value="{{value}}" onChange="handleChange" onSubmit="handleSend" />
-    </ant-container>
+<view class="navigation-bar" />
 
-    <ant-container title="发送loading状态">
-      <ant-sender
-        value="{{value1}}"
-        placeholder="输入你想说的话..."
-        onChange="handleChange1"
-        onSubmit="handleSend1"
-        onCancel="handleCancel"
-        loading="{{loading}}"
-      />
-    </ant-container>
 
-    <ant-container title="禁用状态">
-      <ant-sender disabled="{{true}}" placeholder="输入框已禁用" />
-    </ant-container>
+<ant-container title="基础用法">
+  <ant-sender value="{{value}}" onChange="handleChange" onSubmit="handleSend" />
+</ant-container>
+
+<ant-container title="发送 loading 状态">
+  <ant-sender
+    value="{{value1}}"
+    placeholder="输入你想说的话..."
+    onChange="handleChange1"
+    onSubmit="handleSend1"
+    onCancel="handleCancel"
+    loading="{{loading}}"
+  />
+</ant-container>
 
-    <ant-container title="配合upload组件">
-      <ant-sender
-        value="{{value3}}"
-        placeholder="可以配合其他组件使用"
-        onChange="handleChange3"
-        onSubmit="handleSend3"
-      >
-        <view slot="input-header">
-          <ant-upload defaultFileList="{{[{ url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*znK_ToIL8rQAAAAAAAAAAAAAARQnAQ', status: 'done' }]}}" />
-        </view>
-      </ant-sender>
-    </ant-container>
+<ant-container title="禁用状态">
+  <ant-sender disabled="{{true}}" placeholder="输入框已禁用" />
+</ant-container>
 
-    <ant-container title="配合bubble和prompts">
-      <scroll-view scroll-y style="height: 600rpx;" scroll-into-view="{{scrollToView}}">
-        <view a:for="{{bubbleList}}" id="msg-{{index}}">
-          <ant-bubble
-            content="{{item.content}}"
-            placement="{{index%2 ? 'end' : 'start'}}"
-            shape="{{index%2 ? 'corner' : 'default'}}"
-            typing="{{index%2 === 0}}"
-          />
-        </view>
-      </scroll-view>
-      <ant-sender
-        value="{{value4}}"
-        placeholder="组合使用"
-        onChange="handleChange4"
-        onSubmit="handleSend4"
-      >
-        <ant-prompts
-          slot="header"
-          items="{{horizontalList}}"
-          vertical="{{false}}"
-          onItemTap="onItemTap"
-        ></ant-prompts>
-      </ant-sender>
-    </ant-container>
-  </view>
-</view>
+<ant-container title="配合 ImageUpload 组件">
+  <ant-sender
+    value="{{value3}}"
+    placeholder="可以配合其他组件使用"
+    onChange="handleChange3"
+    onSubmit="handleSend3"
+  >
+    <view slot="input-header">
+      <ant-upload defaultFileList="{{[{ url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*znK_ToIL8rQAAAAAAAAAAAAAARQnAQ', status: 'done' }]}}" />
+    </view>
+  </ant-sender>
+</ant-container>
+
+<ant-container title="配合 Bubble 和 Prompts">
+  <scroll-view scroll-y style="height: 600rpx;" scroll-into-view="{{scrollToView}}">
+    <view a:for="{{bubbleList}}" id="msg-{{index}}">
+      <ant-bubble
+        content="{{item.content}}"
+        placement="{{index%2 ? 'end' : 'start'}}"
+        shape="{{index%2 ? 'corner' : 'default'}}"
+        typing="{{index%2 === 0}}"
+      />
+    </view>
+  </scroll-view>
+  <ant-sender value="{{value4}}" placeholder="组合使用" onChange="handleChange4" onSubmit="handleSend4">
+    <ant-prompts
+      slot="header"
+      items="{{horizontalList}}"
+      vertical="{{false}}"
+      onItemTap="onItemTap"
+    >
+    </ant-prompts>
+  </ant-sender>
+</ant-container>

copilot-demo/pages/Sender/index.json → copilot-demo/pages/Sender/index.json5

@@ -1,4 +1,13 @@
 {
+  /// #if WECHAT
+  "navigationBarTitleText": "Sender",
+  /// #endif
+
+  /// #if ALIPAY
+  "defaultTitle": "Sender",
+  "transparentTitle": "auto",
+  "titlePenetrate": "YES",
+  /// #endif
   "usingComponents": {
     "ant-sender": "../../../src/Sender/index",
     "ant-upload": "../../../src/ImageUpload/index",

copilot-demo/pages/Sender/index.less

@@ -1,15 +0,0 @@
-.page {
-  min-height: 100vh;
-  background: var(--color-background);
-  box-sizing: border-box;
-  padding-bottom: 200rpx;
-}
-
-.navigation-bar {
-  margin-bottom: 24rpx;
-  height: var(--tf-status-bar-height);
-}
-
-.content {
-  padding: 24rpx;
-}

copilot-demo/pages/ThoughtChain/index.json5

@@ -1,10 +1,12 @@
 {
   /// #if WECHAT
-  "navigationBarTitleText": "ThoughtChain 组件",
+  "navigationBarTitleText": "ThoughtChain",
   /// #endif
 
   /// #if ALIPAY
-  "defaultTitle": "ThoughtChain 组件",
+  "defaultTitle": "ThoughtChain",
+  "transparentTitle": "auto",
+  "titlePenetrate": "YES",
   /// #endif
 
   "usingComponents": {

copilot-demo/pages/Welcome/index.json5

@@ -1,10 +1,12 @@
 {
   /// #if WECHAT
-  "navigationBarTitleText": "Welcome 组件",
+  "navigationBarTitleText": "Welcome",
   /// #endif
 
   /// #if ALIPAY
-  "defaultTitle": "Welcome 组件",
+  "defaultTitle": "Welcome",
+  "transparentTitle": "auto",
+  "titlePenetrate": "YES",
   /// #endif
 
   "usingComponents": {