feat: add chat series components (#4010)

* feat(site): add AI Chat routing

* chore(demo): update demo

* chore: update the directory structure again

* chore: update liveUrl for dev

* feat: update qrcode for page

* docs: update title

* feat(chat): 更新聊天组件及相关示例代码

* fix: 修改common路径

* fix: 修改代码引入路径

* fix: attachments对齐pc端

* fix: chat-loading样式问题修复

* feat(site): add AI Chat routing

* chore(demo): update demo

* chore: update the directory structure again

* chore: update liveUrl for dev

* feat: update qrcode for page

* docs: update title

* feat(chat): 更新聊天组件及相关示例代码

* fix: 修改common路径

* fix: 修改代码引入路径

* fix: attachments对齐pc端

* fix: chat-loading样式问题修复

* style: fixed multiple style errors

* fix(site): fix page path error

* style(demo): fix style

* fix: 修复chatContentProps的使用问题

* chore: fixed multiple errors in multiple components

* feat: 文案调整

* feat: chat图片示例调整

* style(ChatMarkdown): use css token

* fix(ChatActionbar): update demo

* chore: styleIsolation configuration is migrated from options to json

* fix: chat示例样式调整；chatSender示例增加背景色；chatSender组件输入框的最大最小高度按照按照rpx传值

* feat(ChatActionBar): update icon

* feat(ChatLoading): change circle to dots type

* chore(ChatActionbar): named according to BEM

* chore(ChatLoading): named according to BEM

* chore(ChatThinking): named according to BEM

* chore(ChatContent): named according to BEM

* refactor(ChatList): remove old chat example files and add new chat list component with examples

* feat: 补充遗漏样式

* chore(Attachments): named according to BEM

* chore(ChatMessage): named according to BEM

* chore: update app.json

* chore(ChatMarkdown): named according to BEM

* chore(ChatSender): named according to BEM

* chore(ChatList): named according to BEM

* chore: format

* feat: 更改为tdesign-miniprogram引入chat组件

* feat(ChatList): add scrollToBottom method demo

* fix: 修复多个组件示例源码展示问题

* docs: update README

* docs: update getting-started

* feat: 完善文档

* feat: 新增错误状态

* fix: remove isMarkdown property

* refactor: rename event from handleAction to actions in ChatActionbar component

* refactor: rename event from expandChange to collapsedChange in ChatThinking component

* fix: 修复思考过程内容首行换行问题

* feat: refactor: 移除 imageProps 属性，新增 FileItem 尺寸及模式属性

* docs: update README to clarify items property description in attachments

* docs: 移除 chat-sender 组件 update:visible 事件说明

* fix(demo): fixed multiple style issues

* fix(demo): fixed multiple style issues

* feat(ChatSender): 修改文档描述

* feat(Attachments): use the multiply icon instead

* fix(ChatLoading): fix text spacing error

* refactor(ChatSender): remove type property from upload configuration and update related logic

* chore(site): update site.config.mjs file

* chore(ChatMessage): setting max-width

* fix(Attachments): fix file margin-top erro

* feat: 更新聊天内容类型及界面插槽名称

* refactor: 移除未使用样式及更新注释描述

* style: 移除 chat-actionbar 组件未使用样式代码

* docs(Chat): update api docs (#4038)

* docs(Chat): update api docs

* docs: update

* chore: using props.ts file

* fix(Demo): fix multiple example bugs

* chore: remove irrelevant content

* feat: 新增动画与状态属性，优化消息结构及性能

* refactor: update submodule

* fix(chat-list): 修复控制台告警

* docs: add code snippet link (#4041)

* chore: update _common

* fix(Demo): fix console warnings

* docs: add code snippet link

* docs: remove irrelevant changelogs

* docs(chat): fix doc link (#4051)

* docs(chat): fix doc link

* chore: fix doc

* docs: update api docs

---------

Co-authored-by: zydemail <1054055589@qq.com>
Co-authored-by: nekowu <1142809915@qq.com>
Co-authored-by: seerzhang@tencent.com <1016217659@qq.com>
Co-authored-by: waiterxiaoyy <738294518@qq.com>
Co-authored-by: liweijie0812 <674416404@qq.com>

Author: 6 people

.eslintignore

@@ -1,3 +1,6 @@
 **/*.wxs
 miniprogram_dist
 node_modules
+
+# special files
+echarts.js

.github/workflows/typos-config.toml

@@ -9,4 +9,4 @@ nd = "nd"
 loosing = "loosing"
 
 [files]
-extend-exclude = ["CHANGELOG*.md", "changelog.json"]
+extend-exclude = ["CHANGELOG*.md", "changelog.json", "echarts.js"]

package.json

@@ -19,9 +19,9 @@
     "build:assets": "cross-env NODE_ENV=production gulp assets:build --gulpfile script/gulpfile.dist.js --cwd ./",
     "update:icons": "pnpm -C packages/tdesign-miniprogram/site update:icons",
     "update:css": "pnpm -C packages/tdesign-miniprogram/site update:css",
-    "lintfix": "eslint '{packages/components,packages/tdesign-miniprogram/example}/**/*.{js,ts}' --fix",
-    "lint": "eslint '{packages/components,packages/tdesign-miniprogram/example}/**/*.{js,ts}'",
-    "format": "prettier {packages/components,packages/tdesign-miniprogram/example,script}/**/*.{js,ts,wxss,less,wxml,html,json,md,wxs} --write",
+    "lintfix": "eslint '{packages/components,packages/pro-components,packages/tdesign-miniprogram/example}/**/*.{js,ts}' --fix",
+    "lint": "eslint '{packages/components,packages/pro-components,packages/tdesign-miniprogram/example}/**/*.{js,ts}'",
+    "format": "prettier {packages/components,packages/pro-components,packages/tdesign-miniprogram/example,script}/**/*.{js,ts,wxss,less,wxml,html,json,md,wxs} --write",
     "site": "pnpm -C packages/tdesign-miniprogram/site site",
     "site:dev": "pnpm -C packages/tdesign-miniprogram/site site:dev",
     "site:prerender": "pnpm -C packages/tdesign-miniprogram/site site:prerender",
@@ -119,4 +119,4 @@
       "eslint --fix"
     ]
   }
-}
+}

packages/components/common/style/theme/_dark.less

@@ -129,6 +129,8 @@
     --td-bg-color-secondarycontainer-active: var(--td-gray-color-11); // 色彩 - 次级容器 - active
     --td-bg-color-component-active: var(--td-gray-color-10); // 色彩 - 组件 - active
     --td-bg-color-component-disabled: var(--td-gray-color-12); // 色彩 - 组件 - disabled
+    --td-bg-color-secondarycomponent: var(--td-gray-color-10); // 色彩 - 次级组件
+    --td-bg-color-secondarycomponent-active: var(--td-gray-color-8); // 色彩 - 次级组件 - active
 
     // 特殊组件背景色，目前只用于 button、input 组件多主题场景，浅色主题下固定为白色，深色主题下为 transparent 适配背景颜色
     --td-bg-color-specialcomponent: transparent;

packages/components/form-item/form-item.ts

@@ -3,14 +3,12 @@ import { validate, ValidateStatus } from './form-model';
 import config from '../common/config';
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 
-
 const { prefix } = config;
 const name = `${prefix}-form-item`;
 
 @wxComponent()
 export default class FormItem extends SuperComponent {
   externalClasses = [
-
     `${prefix}-class`,
     `${prefix}-class-label`,
     `${prefix}-class-controls`,
@@ -21,7 +19,6 @@ export default class FormItem extends SuperComponent {
   properties = props as any;
 
   data = {
-
     prefix,
     classPrefix: name,
     errorList: [],
@@ -36,7 +33,6 @@ export default class FormItem extends SuperComponent {
   };
 
   relations: RelationsOptions = {
-
     '../form/form': {
       type: 'parent',
       linked(target) {
@@ -78,7 +74,6 @@ export default class FormItem extends SuperComponent {
   };
 
   lifetimes = {
-
     ready() {
       this.initFormItem();
     },
@@ -90,7 +85,6 @@ export default class FormItem extends SuperComponent {
   };
 
   methods = {
-
     // 处理描述信息链接点击事件
     handlePreviewImage(e) {
       const { url } = e.currentTarget.dataset;
@@ -272,4 +266,3 @@ export default class FormItem extends SuperComponent {
     },
   };
 }
-

packages/components/form-item/props.ts

@@ -19,7 +19,6 @@ const props: TdFormItemProps = {
   /** 表单项说明内容 */
   help: {
     type: String,
-
   },
   /** 字段标签名称 */
   label: {
@@ -52,7 +51,6 @@ const props: TdFormItemProps = {
   showErrorMessage: {
     type: null,
     value: undefined,
-
   },
 };
 

packages/components/form/_example/horizontal/index.js

@@ -206,8 +206,8 @@ Component({
     },
 
     onRemove(e) {
-      const {index} = e.detail;
-      const {photo} = this.data.formData;
+      const { index } = e.detail;
+      const { photo } = this.data.formData;
       photo.splice(index, 1);
       this.setData({
         'formData.photo': photo,

packages/components/form/_example/vertical/index.js

@@ -202,8 +202,8 @@ Component({
     },
 
     onRemove(e) {
-      const {index} = e.detail;
-      const {photo} = this.data.formData;
+      const { index } = e.detail;
+      const { photo } = this.data.formData;
       photo.splice(index, 1);
       this.setData({
         'formData.photo': photo,

packages/components/tab-panel/tab-panel.wxml

@@ -3,7 +3,7 @@
 <view
   wx:if="{{!lazy || hasActivated}}"
   class="class {{prefix}}-class {{classPrefix}} {{active ? classPrefix + '--active': classPrefix + '--inactive'}}"
-  style="{{_._style([style, customStyle, (hide ? 'display: none' : '')])}}"
+  style="{{_._style([style, customStyle, (hide ? 'display: none;' : '')])}}"
   id="{{id}}"
   aria-role="tabpanel"
 >

packages/components/tabs/tabs.less

@@ -3,7 +3,7 @@
 @tabs: ~'@{prefix}-tabs';
 @item: ~'@{tabs}__item';
 
-@tab-font-size: var(--td-tab-font-size, 28rpx);
+@tab-font-size: var(--td-tab-font-size, @font-size-base);
 @tab-nav-bg-color: var(--td-tab-nav-bg-color, @bg-color-container);
 
 @tab-item-height: var(--td-tab-item-height, 96rpx);