Skip to content

Commit 0376d98

Browse files
committed
chore(site): update site.config.mjs file
1 parent d020a17 commit 0376d98

File tree

24 files changed

+209
-203
lines changed

24 files changed

+209
-203
lines changed

packages/pro-components/chat/attachments/_example/attachments.wxml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<t-navbar class="demo-navbar" title="Attachments" leftArrow />
22
<view class="demo">
33
<t-demo-header
4-
title="Attachments"
5-
desc="用于聊天场景中上传、预览和管理附件的组件"
4+
title="Attachments 文件附件"
5+
desc="用于聊天场景中上传、预览和管理附件的组件"
66
notice="渲染框架支持情况:WebView"
77
/>
88
<t-demo title="01 组件类型" desc="图片类型">

packages/pro-components/chat/chat-actionbar/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: ChatActionbar 对话操作栏
3-
description: 用于 ChatBot 对话场景中的操作栏组件
2+
title: ChatActionbar 对话操作
3+
description: 包含重新生成,点赞,点踩,复制按钮。 内置 Clipboard 可以复制聊天内容,提供按钮的交互样式,监听 actions 相关事件由业务层实现具体逻辑
44
spline: base
55
isComponent: true
66
---

packages/pro-components/chat/chat-actionbar/_example/chat-actionbar.wxml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<t-navbar class="demo-navbar" title="ChatActionbar" leftArrow />
22
<view class="demo">
33
<t-demo-header
4-
title="ChatActionbar 对话操作栏"
5-
desc="用于 ChatBot 对话场景中的操作栏组件。"
4+
title="ChatActionbar 对话操作"
5+
desc="包含重新生成,点赞,点踩,复制按钮。 内置 Clipboard 可以复制聊天内容,提供按钮的交互样式,监听 actions 相关事件由业务层实现具体逻辑。"
66
notice="渲染框架支持情况:WebView"
77
/>
88
<t-demo title="01 组件类型" desc="基础类型">

packages/pro-components/chat/chat-content/_example/chat-content.wxml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<t-navbar class="demo-navbar" title="ChatContent" leftArrow />
22
<view class="demo">
3-
<t-demo-header title="ChatContent" desc="内容展示" notice="渲染框架支持情况:WebView" />
3+
<t-demo-header title="ChatContent 对话正文" desc="支持 markdown 格式的渲染。" notice="渲染框架支持情况:WebView" />
44
<t-demo title="01 组件类型">
55
<base />
66
</t-demo>
Lines changed: 102 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: ChatList 对话
3-
description: 用于 ChatBot 对话或者普通对话场景的组件
2+
title: ChatList 对话列表
3+
description: 用于展示对话或者普通对话场景的组件
44
spline: base
55
isComponent: true
66
---
@@ -85,104 +85,104 @@ t-class-loading | 加载样式类
8585
### CSS Variables
8686

8787
组件提供了下列 CSS 变量,可用于自定义样式。
88-
名称 | 默认值 | 描述
88+
名称 | 默认值 | 描述
8989
-- | -- | --
90-
--td-button-border-radius | @radius-default | -
91-
--td-button-border-width | 4rpx | -
92-
--td-button-danger-active-bg-color | @error-color-active | -
93-
--td-button-danger-active-border-color | @error-color-active | -
94-
--td-button-danger-bg-color | @error-color | -
95-
--td-button-danger-border-color | @error-color | -
96-
--td-button-danger-color | @text-color-anti | -
97-
--td-button-danger-dashed-border-color | @button-danger-dashed-color | -
98-
--td-button-danger-dashed-color | @error-color | -
99-
--td-button-danger-dashed-disabled-color | @button-danger-disabled-color | -
100-
--td-button-danger-disabled-bg | @error-color-3 | -
101-
--td-button-danger-disabled-border-color | @error-color-3 | -
102-
--td-button-danger-disabled-color | @font-white-1 | -
103-
--td-button-danger-outline-active-bg-color | @bg-color-container-active | -
104-
--td-button-danger-outline-active-border-color | @error-color-active | -
105-
--td-button-danger-outline-border-color | @button-danger-outline-color | -
106-
--td-button-danger-outline-color | @error-color | -
107-
--td-button-danger-outline-disabled-color | @error-color-3 | -
108-
--td-button-danger-text-active-bg-color | @bg-color-container-active | -
109-
--td-button-danger-text-color | @error-color | -
110-
--td-button-danger-text-disabled-color | @button-danger-disabled-color | -
111-
--td-button-default-active-bg-color | @bg-color-component-active | -
112-
--td-button-default-active-border-color | @bg-color-component-active | -
113-
--td-button-default-bg-color | @bg-color-component | -
114-
--td-button-default-border-color | @bg-color-component | -
115-
--td-button-default-color | @text-color-primary | -
116-
--td-button-default-disabled-bg | @bg-color-component-disabled | -
117-
--td-button-default-disabled-border-color | @bg-color-component-disabled | -
118-
--td-button-default-disabled-color | @text-color-disabled | -
119-
--td-button-default-outline-active-bg-color | @bg-color-container-active | -
120-
--td-button-default-outline-active-border-color | @component-border | -
121-
--td-button-default-outline-border-color | @component-border | -
122-
--td-button-default-outline-color | @text-color-primary | -
123-
--td-button-default-outline-disabled-color | @component-border | -
124-
--td-button-default-text-active-bg-color | @bg-color-container-active | -
125-
--td-button-extra-small-font-size | @font-size-base | -
126-
--td-button-extra-small-height | 56rpx | -
127-
--td-button-extra-small-icon-font-size | 36rpx | -
128-
--td-button-extra-small-padding-horizontal | 16rpx | -
129-
--td-button-font-weight | 600 | -
130-
--td-button-ghost-border-color | @button-ghost-color | -
131-
--td-button-ghost-color | @text-color-anti | -
132-
--td-button-ghost-danger-border-color | @error-color | -
133-
--td-button-ghost-danger-color | @error-color | -
134-
--td-button-ghost-danger-hover-color | @error-color-active | -
135-
--td-button-ghost-disabled-color | @font-white-4 | -
136-
--td-button-ghost-hover-color | @font-white-2 | -
137-
--td-button-ghost-primary-border-color | @brand-color | -
138-
--td-button-ghost-primary-color | @brand-color | -
139-
--td-button-ghost-primary-hover-color | @brand-color-active | -
140-
--td-button-icon-border-radius | 8rpx | -
141-
--td-button-icon-spacer | @spacer | -
142-
--td-button-large-font-size | @font-size-m | -
143-
--td-button-large-height | 96rpx | -
144-
--td-button-large-icon-font-size | 48rpx | -
145-
--td-button-large-padding-horizontal | 40rpx | -
146-
--td-button-light-active-bg-color | @brand-color-light-active | -
147-
--td-button-light-active-border-color | @brand-color-light-active | -
148-
--td-button-light-bg-color | @brand-color-light | -
149-
--td-button-light-border-color | @brand-color-light | -
150-
--td-button-light-color | @brand-color | -
151-
--td-button-light-disabled-bg | @brand-color-light | -
152-
--td-button-light-disabled-border-color | @brand-color-light | -
153-
--td-button-light-disabled-color | @brand-color-disabled | -
154-
--td-button-light-outline-active-bg-color | @brand-color-light-active | -
155-
--td-button-light-outline-active-border-color | @brand-color-active | -
156-
--td-button-light-outline-bg-color | @brand-color-light | -
157-
--td-button-light-outline-border-color | @button-light-outline-color | -
158-
--td-button-light-outline-color | @brand-color | -
159-
--td-button-light-outline-disabled-color | @brand-color-disabled | -
160-
--td-button-light-text-active-bg-color | @bg-color-container-active | -
161-
--td-button-light-text-color | @brand-color | -
162-
--td-button-medium-font-size | @font-size-m | -
163-
--td-button-medium-height | 80rpx | -
164-
--td-button-medium-icon-font-size | 40rpx | -
165-
--td-button-medium-padding-horizontal | 32rpx | -
166-
--td-button-primary-active-bg-color | @brand-color-active | -
167-
--td-button-primary-active-border-color | @brand-color-active | -
168-
--td-button-primary-bg-color | @brand-color | -
169-
--td-button-primary-border-color | @brand-color | -
170-
--td-button-primary-color | @text-color-anti | -
171-
--td-button-primary-dashed-border-color | @button-primary-dashed-color | -
172-
--td-button-primary-dashed-color | @brand-color | -
173-
--td-button-primary-dashed-disabled-color | @brand-color-disabled | -
174-
--td-button-primary-disabled-bg | @brand-color-disabled | -
175-
--td-button-primary-disabled-border-color | @brand-color-disabled | -
176-
--td-button-primary-disabled-color | @text-color-anti | -
177-
--td-button-primary-outline-active-bg-color | @bg-color-container-active | -
178-
--td-button-primary-outline-active-border-color | @brand-color-active | -
179-
--td-button-primary-outline-border-color | @button-primary-outline-color | -
180-
--td-button-primary-outline-color | @brand-color | -
181-
--td-button-primary-outline-disabled-color | @brand-color-disabled | -
182-
--td-button-primary-text-active-bg-color | @bg-color-container-active | -
183-
--td-button-primary-text-color | @brand-color | -
184-
--td-button-primary-text-disabled-color | @brand-color-disabled | -
185-
--td-button-small-font-size | @font-size-base | -
186-
--td-button-small-height | 64rpx | -
187-
--td-button-small-icon-font-size | 36rpx | -
188-
--td-button-small-padding-horizontal | 24rpx | -
90+
--td-button-border-radius | @radius-default | -
91+
--td-button-border-width | 4rpx | -
92+
--td-button-danger-active-bg-color | @error-color-active | -
93+
--td-button-danger-active-border-color | @error-color-active | -
94+
--td-button-danger-bg-color | @error-color | -
95+
--td-button-danger-border-color | @error-color | -
96+
--td-button-danger-color | @text-color-anti | -
97+
--td-button-danger-dashed-border-color | @button-danger-dashed-color | -
98+
--td-button-danger-dashed-color | @error-color | -
99+
--td-button-danger-dashed-disabled-color | @button-danger-disabled-color | -
100+
--td-button-danger-disabled-bg | @error-color-3 | -
101+
--td-button-danger-disabled-border-color | @error-color-3 | -
102+
--td-button-danger-disabled-color | @font-white-1 | -
103+
--td-button-danger-outline-active-bg-color | @bg-color-container-active | -
104+
--td-button-danger-outline-active-border-color | @error-color-active | -
105+
--td-button-danger-outline-border-color | @button-danger-outline-color | -
106+
--td-button-danger-outline-color | @error-color | -
107+
--td-button-danger-outline-disabled-color | @error-color-3 | -
108+
--td-button-danger-text-active-bg-color | @bg-color-container-active | -
109+
--td-button-danger-text-color | @error-color | -
110+
--td-button-danger-text-disabled-color | @button-danger-disabled-color | -
111+
--td-button-default-active-bg-color | @bg-color-component-active | -
112+
--td-button-default-active-border-color | @bg-color-component-active | -
113+
--td-button-default-bg-color | @bg-color-component | -
114+
--td-button-default-border-color | @bg-color-component | -
115+
--td-button-default-color | @text-color-primary | -
116+
--td-button-default-disabled-bg | @bg-color-component-disabled | -
117+
--td-button-default-disabled-border-color | @bg-color-component-disabled | -
118+
--td-button-default-disabled-color | @text-color-disabled | -
119+
--td-button-default-outline-active-bg-color | @bg-color-container-active | -
120+
--td-button-default-outline-active-border-color | @component-border | -
121+
--td-button-default-outline-border-color | @component-border | -
122+
--td-button-default-outline-color | @text-color-primary | -
123+
--td-button-default-outline-disabled-color | @component-border | -
124+
--td-button-default-text-active-bg-color | @bg-color-container-active | -
125+
--td-button-extra-small-font-size | @font-size-base | -
126+
--td-button-extra-small-height | 56rpx | -
127+
--td-button-extra-small-icon-font-size | 36rpx | -
128+
--td-button-extra-small-padding-horizontal | 16rpx | -
129+
--td-button-font-weight | 600 | -
130+
--td-button-ghost-border-color | @button-ghost-color | -
131+
--td-button-ghost-color | @text-color-anti | -
132+
--td-button-ghost-danger-border-color | @error-color | -
133+
--td-button-ghost-danger-color | @error-color | -
134+
--td-button-ghost-danger-hover-color | @error-color-active | -
135+
--td-button-ghost-disabled-color | @font-white-4 | -
136+
--td-button-ghost-hover-color | @font-white-2 | -
137+
--td-button-ghost-primary-border-color | @brand-color | -
138+
--td-button-ghost-primary-color | @brand-color | -
139+
--td-button-ghost-primary-hover-color | @brand-color-active | -
140+
--td-button-icon-border-radius | 8rpx | -
141+
--td-button-icon-spacer | @spacer | -
142+
--td-button-large-font-size | @font-size-m | -
143+
--td-button-large-height | 96rpx | -
144+
--td-button-large-icon-font-size | 48rpx | -
145+
--td-button-large-padding-horizontal | 40rpx | -
146+
--td-button-light-active-bg-color | @brand-color-light-active | -
147+
--td-button-light-active-border-color | @brand-color-light-active | -
148+
--td-button-light-bg-color | @brand-color-light | -
149+
--td-button-light-border-color | @brand-color-light | -
150+
--td-button-light-color | @brand-color | -
151+
--td-button-light-disabled-bg | @brand-color-light | -
152+
--td-button-light-disabled-border-color | @brand-color-light | -
153+
--td-button-light-disabled-color | @brand-color-disabled | -
154+
--td-button-light-outline-active-bg-color | @brand-color-light-active | -
155+
--td-button-light-outline-active-border-color | @brand-color-active | -
156+
--td-button-light-outline-bg-color | @brand-color-light | -
157+
--td-button-light-outline-border-color | @button-light-outline-color | -
158+
--td-button-light-outline-color | @brand-color | -
159+
--td-button-light-outline-disabled-color | @brand-color-disabled | -
160+
--td-button-light-text-active-bg-color | @bg-color-container-active | -
161+
--td-button-light-text-color | @brand-color | -
162+
--td-button-medium-font-size | @font-size-m | -
163+
--td-button-medium-height | 80rpx | -
164+
--td-button-medium-icon-font-size | 40rpx | -
165+
--td-button-medium-padding-horizontal | 32rpx | -
166+
--td-button-primary-active-bg-color | @brand-color-active | -
167+
--td-button-primary-active-border-color | @brand-color-active | -
168+
--td-button-primary-bg-color | @brand-color | -
169+
--td-button-primary-border-color | @brand-color | -
170+
--td-button-primary-color | @text-color-anti | -
171+
--td-button-primary-dashed-border-color | @button-primary-dashed-color | -
172+
--td-button-primary-dashed-color | @brand-color | -
173+
--td-button-primary-dashed-disabled-color | @brand-color-disabled | -
174+
--td-button-primary-disabled-bg | @brand-color-disabled | -
175+
--td-button-primary-disabled-border-color | @brand-color-disabled | -
176+
--td-button-primary-disabled-color | @text-color-anti | -
177+
--td-button-primary-outline-active-bg-color | @bg-color-container-active | -
178+
--td-button-primary-outline-active-border-color | @brand-color-active | -
179+
--td-button-primary-outline-border-color | @button-primary-outline-color | -
180+
--td-button-primary-outline-color | @brand-color | -
181+
--td-button-primary-outline-disabled-color | @brand-color-disabled | -
182+
--td-button-primary-text-active-bg-color | @bg-color-container-active | -
183+
--td-button-primary-text-color | @brand-color | -
184+
--td-button-primary-text-disabled-color | @brand-color-disabled | -
185+
--td-button-small-font-size | @font-size-base | -
186+
--td-button-small-height | 64rpx | -
187+
--td-button-small-icon-font-size | 36rpx | -
188+
--td-button-small-padding-horizontal | 24rpx | -

packages/pro-components/chat/chat-loading/README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: ChatLoading 加载中
3-
description: 用于 ChatBot 对话场景中的加载状态组件
2+
title: ChatLoading 对话加载
3+
description: 用于对话场景中的加载状态组件
44
spline: base
55
isComponent: true
66
---
@@ -47,7 +47,7 @@ text | String | - | 加载过程展示的文字内容 | N
4747
### CSS Variables
4848

4949
组件提供了下列 CSS 变量,可用于自定义样式。
50-
名称 | 默认值 | 描述
50+
名称 | 默认值 | 描述
5151
-- | -- | --
5252
--td-chat-loading-color | @brand-color | 加载图标颜色
5353
--td-chat-loading-text-color | @text-color-secondary | 加载文本颜色

packages/pro-components/chat/chat-loading/_example/chat-loading.wxml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<t-navbar class="demo-navbar" title="ChatLoading" leftArrow />
22
<view class="demo">
33
<t-demo-header
4-
title="ChatLoading"
5-
desc="用于 ChatBot 对话场景中的加载状态组件。"
4+
title="ChatLoading 对话加载"
5+
desc="用于对话场景中的加载状态组件。"
66
notice="渲染框架支持情况:WebView"
77
/>
88
<t-demo title="01 组件类型" desc="支持多种加载中动效类型,包括 gradient、moving、dots">

packages/pro-components/chat/chat-loading/chat-loading.less

Lines changed: 18 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,11 @@
1414
}
1515

1616
&__icon {
17+
&--with-padding {
18+
padding: 6rpx;
19+
box-sizing: border-box;
20+
}
21+
1722
.@{chat-loading}__skeleton{
1823
width: 100%
1924
}
@@ -32,35 +37,32 @@
3237
position: relative;
3338
width: 28rpx;
3439
height: 28rpx;
35-
left: 4rpx;
36-
margin: 0 6rpx 0 0;
37-
scale: 0.8;
3840

3941
&--top,
4042
&--left,
4143
&--right {
4244
position: absolute;
43-
width: 16rpx;
44-
height: 16rpx;
45+
width: 14rpx;
46+
height: 14rpx;
4547
border-radius: 50%;
4648
background-color: @brand-color;
4749
}
4850

4951
&--top {
5052
top: -8rpx;
51-
left: 6rpx;
53+
left: 7rpx;
5254
animation: dot-moving-top @chat-loading-animation-duration ease-in-out alternate infinite;
5355
}
5456

5557
&--left {
56-
bottom: -10rpx;
57-
left: -12rpx;
58+
bottom: -8rpx;
59+
left: -6rpx;
5860
animation: dot-moving-left @chat-loading-animation-duration ease-in-out alternate infinite;
5961
}
6062

6163
&--right {
62-
bottom: -10rpx;
63-
right: -10rpx;
64+
bottom: -8rpx;
65+
right: -6rpx;
6466
animation: dot-moving-right @chat-loading-animation-duration ease-in-out alternate infinite;
6567
}
6668
}
@@ -92,19 +94,19 @@
9294
@keyframes dot-moving-top {
9395
0% {
9496
transform: scale(1);
95-
top: -4px;
97+
top: -7rpx;
9698
}
9799
to {
98100
transform: scale(1.75);
99-
top: 3px;
101+
top: 6rpx;
100102
}
101103
}
102104

103105
@keyframes dot-moving-left {
104106
0% {
105107
transform: scale(1);
106-
bottom: -8rpx;
107-
left: -8rpx;
108+
bottom: -7rpx;
109+
left: -7rpx;
108110
}
109111
to {
110112
transform: scale(1.75);
@@ -116,8 +118,8 @@
116118
@keyframes dot-moving-right {
117119
0% {
118120
transform: scale(1);
119-
bottom: -8rpx;
120-
right: -8rpx;
121+
bottom: -7rpx;
122+
right: -7rpx;
121123
}
122124
to {
123125
transform: scale(1.75);

packages/pro-components/chat/chat-loading/chat-loading.wxml

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,10 @@
22

33
<view class="class {{[classPrefix]}}" style="{{_._style([style, customStyle])}}">
44
<!-- 动态加载动画 -->
5-
<view wx:if="{{animation !== 'skeleton'}}" class="{{classPrefix}}__icon">
5+
<view
6+
wx:if="{{animation !== 'skeleton'}}"
7+
class="{{classPrefix}}__icon {{ animation === 'dots' ? '' : classPrefix + '__icon--with-padding' }}"
8+
>
69
<block wx:if="{{animation === 'moving'}}">
710
<view class="{{classPrefix}}__moving">
811
<view class="{{classPrefix}}__moving--top" />

0 commit comments

Comments
 (0)