Merge branch 'develop' into feat/react-19/support

Author: anlyyao

CHANGELOG.md

@@ -5,6 +5,31 @@ toc: false
 spline: explain
 ---
 
+## 🌈 0.13.2 `2025-04-25` 
+### 🚀 Features
+- `Icon`: 新增 `logo-miniprogram`、`logo-cnb`、`seal`、`quote` 图标 @taowensheng1997 @uyarn ([#621](https://github.com/Tencent/tdesign-mobile-react/pull/621))
+### 🐞 Bug Fixes
+- `Icon`: 优化多个文件相关图标的绘制效果，修复 `gesture-right-slip` 的绘制问题@uyarn([#621](https://github.com/Tencent/tdesign-mobile-react/pull/621))
+- `Slider`: `marks` 属性不支持 `()=>TNode` 渲染的问题  @anlyyao ([#622](https://github.com/Tencent/tdesign-mobile-react/pull/622))
+
+## 🌈 0.13.1 `2025-04-21` 
+### 🐞 Bug Fixes
+- `SideBar`: 修复组件未导出问题 @anlyyao ([#616](https://github.com/Tencent/tdesign-mobile-react/pull/616))
+
+## 🌈 0.13.0 `2025-04-18` 
+### 🚀 Features
+- `Icon`: 图标库版本更新到 `0.4.4`([#590](https://github.com/Tencent/tdesign-mobile-react/pull/590))
+- `Toast`: 新增 `warning` 主题 @betavs ([#589](https://github.com/Tencent/tdesign-mobile-react/pull/589))
+- `Fab`: 新增 `draggable`，`yBounds `，`onDragEnd` 和 `onDragStart ` 等属性，支持组件拖拽 @novlan1 ([#594](https://github.com/Tencent/tdesign-mobile-react/pull/594))
+- `List`: 新增 `List` 组件 @feaswcy ([#463](https://github.com/Tencent/tdesign-mobile-react/pull/463))
+- `ActionSheet`: 新增 `ActionSheet` 组件 @TianlunXiong ([#471](https://github.com/Tencent/tdesign-mobile-react/pull/471))
+- `Progress`: 新增 `size` 属性，仅在环形进度条有效 @anlyyao ([#609](https://github.com/Tencent/tdesign-mobile-react/pull/609))
+- `CollapsePanel`: 优化面板折叠动画 @anlyyao ([#611](https://github.com/Tencent/tdesign-mobile-react/pull/611))
+### 🐞 Bug Fixes
+- `Textarea`: 修复传入参数类型错误 @RSS1102 ([#591](https://github.com/Tencent/tdesign-mobile-react/pull/591))；修复 `iOS` 真机上输入内容重复的问题，并补充 `onCompositionstart` 和 `onCompositionend` 属性 @anlyyao ([#601](https://github.com/Tencent/tdesign-mobile-react/pull/601))
+### 🚧 Others
+- `site`: 站点接入主题生成器 @RylanBot ([#604](https://github.com/Tencent/tdesign-mobile-react/pull/604))
+
 ## 🌈 0.12.0 `2025-03-12` 
 ### 🚨 Breaking Changes
 - `Dialog`: 新增 `closeBtn`、`width`、`overlayProps` 属性和 `middle`、`top` 插槽，存在 `DOM` 调整 @epoll-j ([#548](https://github.com/Tencent/tdesign-mobile-react/pull/548))

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tdesign-mobile-react",
-  "version": "0.13.0-beta",
+  "version": "0.13.2",
   "description": "TDesign Component for Mobile React",
   "title": "tdesign-mobile-react",
   "main": "cjs/index.js",
@@ -32,7 +32,7 @@
     "site:build": "cd site && vite build",
     "site:serve": "cd site && vite preview",
     "site:intranet": "cd site && vite build --mode intranet",
-    "site:preview": "cd site && vite build --mode preview",
+    "site:preview": "cd site && cross-env NODE_ENV=development vite build --mode preview",
     "postsite:preview": "cp _site/index.html _site/404.html",
     "lint": "eslint --ext .ts,.tsx ./ --max-warnings 0",
     "lint:fix": "eslint --ext .ts,.tsx ./ --max-warnings 0 --fix",
@@ -92,14 +92,15 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.14.11",
+    "@types/node": "^22.14.1",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.1",
     "@types/react-transition-group": "^4.4.4",
+    "@types/rimraf": "^4.0.5",
     "@types/tinycolor2": "^1.4.6",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
-    "@vitejs/plugin-react": "^1.1.1",
+    "@vitejs/plugin-react": "^4.4.1",
     "@vitest/coverage-istanbul": "^2.0.3",
     "@vitest/coverage-v8": "^2.0.3",
     "@vitest/ui": "^2.0.3",
@@ -139,7 +140,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^6.2.2",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.0.1",
     "rollup": "^2.55.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-esbuild": "^4.5.0",
@@ -150,13 +151,13 @@
     "rollup-plugin-styles": "^3.14.1",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
-    "tdesign-icons-view": "^0.3.5",
+    "tdesign-icons-view": "^0.3.6",
     "tdesign-site-components": "^0.15.6",
     "tdesign-theme-generator": "^1.1.0",
-    "typescript": "5.2.2",
-    "vite": "^2.7.0",
-    "vite-plugin-pwa": "^0.11.11",
-    "vite-plugin-tdoc": "^2.0.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.2.3",
+    "vite-plugin-pwa": "^1.0.0",
+    "vite-plugin-tdoc": "^2.0.4",
     "vitest": "^2.1.9",
     "workbox-precaching": "^6.3.0"
   },
@@ -170,7 +171,7 @@
     "lodash-es": "^4.17.21",
     "react-transition-group": "^4.4.2",
     "smoothscroll-polyfill": "^0.4.4",
-    "tdesign-icons-react": "^0.5.0-alpha.1",
+    "tdesign-icons-react": "^0.5.0",
     "tinycolor2": "^1.6.0"
   },
   "config": {

site/mobile/components/style/index.less

@@ -6,10 +6,12 @@
 
 #app {
   min-height: 100vh;
+  height: 100vh;
   display: flex;
   flex-direction: column;
 }
 
 .tdesign-mobile-demo {
   flex: 1;
+  overflow-y: scroll;
 }

site/mobile/mobile.config.js

@@ -35,6 +35,11 @@ export default {
       name: 'grid',
       component: () => import('tdesign-mobile-react/grid/_example/index.tsx'),
     },
+    {
+      title: 'List 列表',
+      name: 'list',
+      component: () => import('tdesign-mobile-react/list/_example/index.tsx'),
+    },
     {
       title: 'Image 图片',
       name: 'image',
@@ -245,7 +250,7 @@ export default {
     {
       title: 'Fab 悬浮按钮',
       name: 'fab',
-      component: () => import('tdesign-mobile-react/fab/_example/index.jsx'),
+      component: () => import('tdesign-mobile-react/fab/_example/index.tsx'),
     },
     {
       title: 'NoticeBar 公告栏',
@@ -257,6 +262,11 @@ export default {
       name: 'result',
       component: () => import('tdesign-mobile-react/result/_example/index.tsx'),
     },
+    {
+      title: 'ActionSheet 动作面板',
+      name: 'action-sheet',
+      component: () => import('tdesign-mobile-react/action-sheet/_example/index.tsx'),
+    },
     {
       title: 'Link 链接',
       name: 'link',
@@ -297,5 +307,10 @@ export default {
       name: 'config-provider',
       component: () => import('tdesign-mobile-react/config-provider/_example/index.tsx'),
     },
+    {
+      title: 'ActionSheet 动作面板',
+      name: 'action-sheet',
+      component: () => import('tdesign-mobile-react/action-sheet/_example/index.tsx'),
+    },
   ],
 };

site/pwaConfig.js

@@ -1,6 +1,9 @@
 export default {
   strategies: 'injectManifest',
-  includeAssets: ['favicon.svg', 'favicon.ico', 'apple-touch-icon.png'],  
+  includeAssets: ['favicon.svg', 'favicon.ico', 'apple-touch-icon.png'],
+  injectManifest: {
+    maximumFileSizeToCacheInBytes: 7000000,
+  },
   manifest: {
     name: 'TDesign for Mobile React',
     short_name: 'TDesign',
@@ -16,7 +19,7 @@ export default {
         src: 'pwa-512x512.png',
         sizes: '512x512',
         type: 'image/png',
-      }
-    ]
-  }
+      },
+    ],
+  },
 };

site/style/mobile/index.less

@@ -3,15 +3,15 @@
 
 :root,
 :root[theme-mode='light'] {
-  --bg-color-demo: #fff;
+  --bg-color-demo: #f6f6f6;
   --text-primary: #181818;
   --text-secondary: #181818;
 }
 
 :root[theme-mode='dark'] {
   --bg-color-demo: #181818;
   --text-primary: rgba(255, 255, 255, 0.9);
-  --text-secondary: rgba(255, 255, 255, .55);
+  --text-secondary: rgba(255, 255, 255, 0.55);
 }
 
 .tdesign-demo-topnav {
@@ -20,12 +20,14 @@
   align-items: center;
   justify-content: center;
   height: 50px;
-  background-color: var(--bg-color-demo);
+  background-color: var(--td-bg-color-container);
   color: var(--text-primary);
   box-shadow: @shadow-level-1;
+
   &-title {
     font-size: 18px;
   }
+
   &__back {
     position: absolute;
     left: 16px;

site/vite.config.js

@@ -13,6 +13,18 @@ const publicPathMap = {
   production: 'https://static.tdesign.tencent.com/mobile-react/',
 };
 
+// Rollup 4+ 的 tree-shaking 策略调整, 这里是为了让样式在站点构建正常
+const disableTreeShakingPlugin = (paths) => ({
+  name: 'disable-treeshake',
+  transform(code, id) {
+    for (const path of paths) {
+      if (id.includes(path)) {
+        return { code, map: null, moduleSideEffects: 'no-treeshake' };
+      }
+    }
+  },
+});
+
 export default ({ mode }) =>
   defineConfig({
     base: publicPathMap[mode],
@@ -48,5 +60,11 @@ export default ({ mode }) =>
       https: false,
       fs: { strict: false },
     },
-    plugins: [react(), tdocPlugin(), VitePWA(pwaConfig), replace({ __DATE__: new Date().toISOString() })],
+    plugins: [
+      react(),
+      tdocPlugin(),
+      VitePWA(pwaConfig),
+      disableTreeShakingPlugin(['style/']),
+      replace({ __DATE__: new Date().toISOString() }),
+    ],
   });

site/web/Demo.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import Button from 'tdesign-mobile-react/button';
 
-export const jsxDemoFiles = import.meta.globEager('../../src/**/_example/*.jsx');
-export const tsxDemoFiles = import.meta.globEager('../../src/**/_example/*.tsx');
+export const jsxDemoFiles = import.meta.glob('../../src/**/_example/*.jsx', { eager: true });
+export const tsxDemoFiles = import.meta.glob('../../src/**/_example/*.tsx', { eager: true });
 
 const demoObject = {};
 

site/web/site.config.js

@@ -388,12 +388,12 @@ export const docs = [
       //   path: '/mobile-react/components/image-viewer',
       //   component: () => import('tdesign-mobile-react/image-viewer/image-viewer.md'),
       // },
-      // {
-      //   title: 'List 列表',
-      //   name: 'list',
-      //   path: '/mobile-react/components/list',
-      //   component: () => import('tdesign-mobile-react/list/list.md'),
-      // },
+      {
+        title: 'List 列表',
+        name: 'list',
+        path: '/mobile-react/components/list',
+        component: () => import('tdesign-mobile-react/list/list.md'),
+      },
       {
         title: 'Progress 进度条',
         titleEn: 'Progress',
@@ -456,12 +456,12 @@ export const docs = [
     titleEn: 'FeedBack',
     type: 'component',
     children: [
-      // {
-      //   title: 'ActionSheet 动作面板',
-      //   name: 'action-sheet',
-      //   path: '/mobile-react/components/actionsheet',
-      //   component: () => import('tdesign-mobile-react/action-sheet/action-sheet.md'),
-      // },
+      {
+        title: 'ActionSheet 动作面板',
+        name: 'action-sheet',
+        path: '/mobile-react/components/actionsheet',
+        component: () => import('tdesign-mobile-react/action-sheet/action-sheet.md'),
+      },
       {
         title: 'Dialog 对话框',
         titleEn: 'Dialog',