feature/uniapp (#4066)

* feat: add uniapp

* chore: update project config

* chore: update typo

* chore: update typo

* chore: remove useless deps and update script

* chore: add app package

* chore: update init script

* chore: remove useless script

* chore: update release:script

* chore: update pnpm-workspace

* chore: update uniapp config

* chore: update license

* chore: test

* ci: update ci

* ci: update ci

* ci: update ci

* ci: update ci

* chore: update script

* ci: update compress ci

* ci: update compress ci

* ci: update compress ci

* ci: update compress ci

* ci: update compress ci

* ci: update compress ci

* ci: update compress ci

* ci: update compress ci

* refactor: update uniapp structure

* chore: update typo-config

* chore: add uniapp examples

* chore: update snapshot

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: novlan1

.github/workflows/pr-compressed-size.yml

@@ -16,3 +16,22 @@ jobs:
           repo-token: '${{ secrets.GITHUB_TOKEN }}'
           install-script: 'npm install --force'
           pattern: './packages/tdesign-miniprogram/miniprogram_dist/**/*.{js,wxs,wxml,json}'
+          comment-key: miniprogram
+
+      - name: Install pnpm
+        run: npm install -g pnpm@9
+      
+      - name: Install dependencies
+        run: pnpm install
+
+      - uses: preactjs/compressed-size-action@v2
+        with:
+          repo-token: '${{ secrets.GITHUB_TOKEN }}'
+          pattern: './packages/tdesign-uniapp/npm_dist/**/*.{js,ts,vue,less,css}'
+          comment-key: uniapp
+
+      - uses: preactjs/compressed-size-action@v2
+        with:
+          repo-token: '${{ secrets.GITHUB_TOKEN }}'
+          pattern: './packages/tdesign-uniapp-chat/npm_dist/**/*.{js,ts,vue,less,css}'
+          comment-key: uniapp-chat

.github/workflows/typos-config.toml

@@ -9,4 +9,12 @@ nd = "nd"
 loosing = "loosing"
 
 [files]
-extend-exclude = ["CHANGELOG*.md", "changelog.json", "echarts.js"]
+extend-exclude = [
+  "CHANGELOG*.md", 
+  "changelog.json", 
+  "echarts.js",
+  "packages/uniapp-components/npm/**/*",
+  "packages/uniapp-pro-components/chat/npm/**/*",
+  "packages/tdesign-uniapp/app/common/uni.css",
+  "packages/tdesign-uniapp/app/uni_modules/**/*",
+]

.gitignore

@@ -6,6 +6,8 @@ _wechatide
 _example
 !packages/components/**/_example/
 !packages/pro-components/**/_example/
+!packages/uniapp-components/**/_example/
+!packages/uniapp-pro-components/**/_example/
 
 packages/tdesign-miniprogram/example/pages/*
 !packages/tdesign-miniprogram/example/pages/gulp-error
@@ -15,6 +17,22 @@ packages/tdesign-miniprogram/test/e2e
 packages/tdesign-miniprogram/test/unit
 packages/tdesign-miniprogram/test/unit-virtualHost
 
+# about uniapp 
+packages/tdesign-uniapp/example/src/_tdesign
+packages/tdesign-uniapp/example/src/_tdesign-raw/
+packages/tdesign-uniapp/example/src/pages-more/
+packages/tdesign-uniapp/npm_dist/
+packages/tdesign-uniapp-chat/npm_dist/
+
+# about app of uniapp
+packages/tdesign-uniapp/app/uni_modules/tdesign-uniapp*/
+packages/tdesign-uniapp/app/unpackage/
+packages/tdesign-uniapp/app/pages-more/
+packages/tdesign-uniapp/app/pages/
+packages/tdesign-uniapp/app/components/
+packages/tdesign-uniapp/app/tdesign-uniapp-raw/
+
+
 .DS_Store
 node_modules
 package-lock.json

.vscode/settings.json

@@ -46,5 +46,10 @@
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
-  "cSpell.words": ["stylelint", "cascader"]
+  "cSpell.words": [
+    "stylelint", 
+    "cascader",
+    "tdesign",
+    "uniapp",
+  ]
 }

package.json

@@ -13,6 +13,8 @@
   "scripts": {
     "start": "npm run dev",
     "dev": "cross-env NODE_ENV=development gulp dev --gulpfile script/gulpfile.js --cwd ./",
+    "uniapp": "pnpm -C packages/tdesign-uniapp",
+    "uniapp:chat": "pnpm -C packages/tdesign-uniapp-chat",
     "build": "cross-env NODE_ENV=production gulp build --gulpfile script/gulpfile.js --cwd ./",
     "build:dist": "gulp --gulpfile script/gulpfile.dist.js --cwd ./",
     "build:example": "gulp --gulpfile script/gulpfile.example.js --cwd ./",
@@ -41,6 +43,8 @@
     "changelog": "node script/generate-changelog.js",
     "robot": "publish-cli robot-msg",
     "qrcode": "pnpm -C packages/tdesign-miniprogram/site qrcode",
+    "build:uniapp": "pnpm -C packages/tdesign-uniapp run release:prepare",
+    "build:uniapp:chat": "pnpm -C packages/tdesign-uniapp run release:prepare",
     "snippet": "node snippets/generate-demo-snippet.mjs"
   },
   "author": "tdesign",

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

@@ -51,23 +51,32 @@ page,
   --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
   --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
   --td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);
-  --td-font-mark-extraSmall: 600 var(--td-font-size-mark-extraSmall) / var(--td-line-height-mark-extraSmall) var(--td-font-family);
+  --td-font-mark-extraSmall: 600 var(--td-font-size-mark-extraSmall) / var(--td-line-height-mark-extraSmall)
+    var(--td-font-family);
   --td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);
   --td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);
   --td-font-mark-large: 600 var(--td-font-size-mark-large) / var(--td-line-height-mark-large) var(--td-font-family);
-  --td-font-body-extraSmall: var(--td-font-size-body-extraSmall) / var(--td-line-height-body-extraSmall) var(--td-font-family);
+  --td-font-body-extraSmall: var(--td-font-size-body-extraSmall) / var(--td-line-height-body-extraSmall)
+    var(--td-font-family);
   --td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);
   --td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);
   --td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);
   --td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);
-  --td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);
+  --td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium)
+    var(--td-font-family);
   --td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);
-  --td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge) var(--td-font-family);
-  --td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);
-  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);
-  --td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);
-  --td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);
-  --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);
+  --td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge)
+    var(--td-font-family);
+  --td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small)
+    var(--td-font-family);
+  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium)
+    var(--td-font-family);
+  --td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large)
+    var(--td-font-family);
+  --td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium)
+    var(--td-font-family);
+  --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large)
+    var(--td-font-family);
 
   // 字体大小 token
   --td-font-size: 20rpx;

packages/components/date-time-picker/__test__/__snapshots__/index.test.js.snap

@@ -69,7 +69,7 @@ exports[`date-time-picker :base 1`] = `
                   >
                     <wx-view
                       class="t-picker-item__wrapper"
-                      style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -240px, 0); padding: 80px 0"
+                      style="transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -200px, 0); padding: 80px 0"
                     >
                       <wx-view
                         class="t-picker-item__item"
@@ -80,7 +80,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2015年
+                          2016年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -92,7 +92,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2016年
+                          2017年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -104,7 +104,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2017年
+                          2018年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -116,7 +116,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2018年
+                          2019年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -128,31 +128,31 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2019年
+                          2020年
                         </wx-text>
                       </wx-view>
                       <wx-view
-                        class="t-picker-item__item"
+                        class="t-picker-item__item t-picker-item__item--active"
                         data-index="{{5}}"
                         style="height: 40px"
                         bind:tap="onClickItem"
                       >
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2020年
+                          2021年
                         </wx-text>
                       </wx-view>
                       <wx-view
-                        class="t-picker-item__item t-picker-item__item--active"
+                        class="t-picker-item__item"
                         data-index="{{6}}"
                         style="height: 40px"
                         bind:tap="onClickItem"
                       >
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2021年
+                          2022年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -164,7 +164,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2022年
+                          2023年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -176,7 +176,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2023年
+                          2024年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -188,7 +188,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2024年
+                          2025年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -200,7 +200,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2025年
+                          2026年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -212,7 +212,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2026年
+                          2027年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -224,7 +224,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2027年
+                          2028年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -236,7 +236,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2028年
+                          2029年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -248,7 +248,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2029年
+                          2030年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -260,7 +260,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2030年
+                          2031年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -272,7 +272,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2031年
+                          2032年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -284,7 +284,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2032年
+                          2033年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -296,7 +296,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2033年
+                          2034年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -308,7 +308,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2034年
+                          2035年
                         </wx-text>
                       </wx-view>
                       <wx-view
@@ -320,7 +320,7 @@ exports[`date-time-picker :base 1`] = `
                         <wx-text
                           class="t-picker-item__item-label"
                         >
-                          2035年
+                          2036年
                         </wx-text>
                       </wx-view>
                     </wx-view>

packages/tdesign-uniapp-chat/.eslintignore

@@ -0,0 +1,17 @@
+unpackage
+node_modules/
+coverage
+static/common/*
+
+dist/
+/log/
+!.vuepress
+
+uni_modules/
+miniprogram_npm/
+packages/tdesign/npm/
+packages/tdesign-uniapp-chat/npm/
+packages/tdesign-uniapp-chat/chat-list/_example/ec-canvas/echarts.js
+
+*.html
+!.stylelintrc.js

packages/tdesign-uniapp-chat/.eslintrc.js

@@ -0,0 +1,24 @@
+module.exports = {
+  root: true,
+  extends: ['eslint-config-light-vue3'],
+  globals: {
+    getCurrentPages: true,
+    uni: true,
+    globalThis: true,
+    qq: true,
+    weex: true,
+    plus: true,
+    getApp: true,
+  },
+  parserOptions: {
+    project: 'tsconfig.eslint.json',
+    // https://stackoverflow.com/questions/77792745/fatalerror-error-ts6046-argument-for-moduleresolution-option-must-be-nod
+    tsconfigRootDir: __dirname,
+
+    ecmaVersion: 'latest',
+    extraFileExtensions: ['.vue'],
+  },
+  rules: {
+    'vue/no-v-text-v-html-on-component': 0,
+  },
+};