【WIP】feat: add chat series components

.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/common.ts

@@ -6,9 +6,6 @@ export interface Styles {
 
 export type ImageEvent = any;
 
-/**
- * 通用全局类型
- * */
 export type PlainObject = { [key: string]: any };
 
 export type OptionData = {
@@ -28,6 +25,9 @@ export type TreeOptionData<T = string | number> = {
   content?: string;
 } & PlainObject;
 
+/**
+ * 通用全局类型
+ * */
 export type SizeEnum = 'small' | 'medium' | 'large';
 
 export type ShapeEnum = 'circle' | 'round';

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);