[uniapp] 新增 Typography 组件

packages/tdesign-uniapp-chat/package.json

@@ -3,7 +3,7 @@
   "version": "0.2.4",
   "id": "tdesign-uniapp-chat",
   "title": "tdesign-uniapp-chat",
-  "description": "TDesign Chat Component for UniApp",
+  "description": "TDesign Chat Component for Uniapp",
   "author": "tdesign",
   "license": "MIT",
   "keywords": [
@@ -145,4 +145,4 @@
       "eslint --fix"
     ]
   }
-}
+}

packages/tdesign-uniapp-chat/script/postinstall.js

@@ -17,7 +17,7 @@ function isUserInstall() {
 
 function printVue2PostCSSWarning() {
   console.warn('\n');
-  console.warn('⚠️  [TDesign UniApp Chat] 检测到当前使用 Vue2 环境');
+  console.warn('⚠️  [TDesign Uniapp Chat] 检测到当前使用 Vue2 环境');
   console.warn('   Vue2 项目需要在 postcss.config.js 中进行适配，否则样式可能无法正常工作。');
   console.warn('');
   console.warn('   📖 适配指南: https://juejin.cn/post/7602901195154030644');
@@ -73,14 +73,14 @@ function main() {
   const version = detectVueVersion();
 
   if (!version) {
-    console.warn('[TDesign UniApp Chat] Vue is not found. Please run "npm install vue" to install.');
+    console.warn('[TDesign Uniapp Chat] Vue is not found. Please run "npm install vue" to install.');
     return;
   }
 
   if (isVue2(version)) {
     printVue2PostCSSWarning();
   } else if (!isVue3(version)) {
-    console.warn(`[TDesign UniApp Chat] Vue version ${version} is not supported.`);
+    console.warn(`[TDesign Uniapp Chat] Vue version ${version} is not supported.`);
   }
 }
 

packages/tdesign-uniapp-chat/site/docs/custom-style.md

@@ -4,7 +4,7 @@ description: TDesign 提供了多种方式可以实现样式覆盖
 spline: explain
 ---
 
-TDesign UniApp 提供了 4 种方式用于样式覆盖
+TDesign Uniapp 提供了 4 种方式用于样式覆盖
 
 ## 1 使用 Custom Style
 
@@ -108,7 +108,7 @@ TDesign 在每个组件的内部都预置了许多外部样式类供开发者使
 }
 ```
 
-**实现上，TDesign UniApp 将外部样式类都转成了 `props`**
+**实现上，TDesign Uniapp 将外部样式类都转成了 `props`**
 
 ## 4 使用 CSS 变量
 

packages/tdesign-uniapp-chat/site/docs/custom-theme.md

@@ -8,7 +8,7 @@ spline: explain
 
 ## 全局自定义
 
-TDesign UniApp 的 CSS Variables 全部定义可以在这里看到: [_variables.less](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/common/style/_variables.less)
+TDesign Uniapp 的 CSS Variables 全部定义可以在这里看到: [_variables.less](https://github.com/Tencent/tdesign-miniprogram/tree/develop/packages/uniapp-components/common/style/_variables.less)
 
 如果你想改变主题色，主要改变这几个变量即可：
 
@@ -31,7 +31,7 @@ page {
 
 ## 局部自定义
 
-在 TDesign UniApp 里，你也可以只给某个组件修改主题，下面以 `Rate` 举例：
+在 TDesign Uniapp 里，你也可以只给某个组件修改主题，下面以 `Rate` 举例：
 
 ```css
 page {

packages/tdesign-uniapp-chat/site/docs/dark-mode.md

@@ -17,7 +17,7 @@ spline: design-mode
 
 ## 实现方案
 
-TDesign UniApp 基于 Design Token 变量和媒体查询 `prefers-color-scheme` 实现了深色模式。默认情况下，每个组件自带了组件级别 light 样式变量，无需手动引入。如需使用深色模式，请按照以下步骤操作。
+TDesign Uniapp 基于 Design Token 变量和媒体查询 `prefers-color-scheme` 实现了深色模式。默认情况下，每个组件自带了组件级别 light 样式变量，无需手动引入。如需使用深色模式，请按照以下步骤操作。
 
 ## 使用方式
 

packages/tdesign-uniapp-chat/site/docs/faq.md

@@ -4,11 +4,11 @@ description: 看看有没有你想要的。
 spline: explain
 ---
 
-### 与 TDesign UniApp 库的关系
+### 与 TDesign Uniapp 库的关系
 
-[TDsign UniApp](https://www.npmjs.com/package/@tdesign/uniapp) 和 [TDesign UniApp Chat](https://www.npmjs.com/package/@tdesign/uniapp-chat) 是两个不同的包，后者依赖前者。
+[TDesign Uniapp](https://www.npmjs.com/package/@tdesign/uniapp) 和 [TDesign Uniapp Chat](https://www.npmjs.com/package/@tdesign/uniapp-chat) 是两个不同的包，后者依赖前者。
 
-样式文件从 TDesign UniApp 引入一份即可。
+样式文件从 TDesign Uniapp 引入一份即可。
 
 ```js
 import '@tdesign/uniapp/theme.css';

packages/tdesign-uniapp-chat/site/docs/getting-started.en-US.md

@@ -1,14 +1,14 @@
 ---
 title: Uni App Chat
-description: TDesign UniApp Chat is a UI component library for Uni App.
+description: TDesign Uniapp Chat is a UI component library for Uni App.
 spline: explain
 ---
 
 <div style="background: #ecf2fe; display: flex; align-items: center; line-height: 20px; padding: 14px 24px; border-radius: 3px; color: #555a65">
   <svg fill="none" viewBox="0 0 16 16" width="16px" height="16px" style="margin-right: 5px">
     <path fill="#0052d9" d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z" fillOpacity="0.9"></path>
   </svg>
-  Starting from version 0.2.0, the npm package name for the TDesign UniApp Chat component library has changed from tdesign-uniapp-chat to @tdesign/uniapp-chat.
+  Starting from version 0.2.0, the npm package name for the TDesign Uniapp Chat component library has changed from tdesign-uniapp-chat to @tdesign/uniapp-chat.
 </div>
 
 ## Preview

packages/tdesign-uniapp-chat/site/docs/getting-started.md

@@ -1,14 +1,14 @@
 ---
 title: Uni App Chat
-description: TDesign UniApp Chat 组件库。
+description: TDesign Uniapp Chat 组件库。
 spline: explain
 ---
 
 <div style="background: #ecf2fe; display: flex; align-items: center; line-height: 20px; padding: 14px 24px; border-radius: 3px; color: #555a65">
   <svg fill="none" viewBox="0 0 16 16" width="16px" height="16px" style="margin-right: 5px">
     <path fill="#0052d9" d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z" fillOpacity="0.9"></path>
   </svg>
-  TDesign UniApp Chat 组件库 npm 包名自 0.2.0 版本开始，从 tdesign-uniapp-chat 变更为 @tdesign/uniapp-chat
+  TDesign Uniapp Chat 组件库 npm 包名自 0.2.0 版本开始，从 tdesign-uniapp-chat 变更为 @tdesign/uniapp-chat
 </div>
 
 ## 预览

packages/tdesign-uniapp-chat/site/web/stackblitz/content.ts

@@ -42,7 +42,7 @@ export function createApp() {
 `;
 
 export const MANIFEST_JSON_CONTENT = JSON.stringify({
-  name: 'TDesign UniApp',
+  name: 'TDesign Uniapp',
   appid: '',
   description: '',
   versionName: '1.0.0',
@@ -111,7 +111,7 @@ export const PAGES_JSON_CONTENT = JSON.stringify({
     {
       path: 'pages/index/index',
       style: {
-        navigationBarTitleText: 'TDesign UniApp',
+        navigationBarTitleText: 'TDesign Uniapp',
       },
     },
   ],

packages/tdesign-uniapp/.changelog/pr-4511.md

@@ -0,0 +1,12 @@
+---
+pr_number: 4511
+contributor: novlan1
+---
+
+- fix(Message): 修复连续点击时的报错问题 @novlan1 ([#4511](https://github.com/Tencent/tdesign-miniprogram/pull/4511))
+- fix(Stepper): 调整手动输入逻辑，输入时仅过滤非法字符，范围校验&赋值移至失焦 @novlan1 ([#4511](https://github.com/Tencent/tdesign-miniprogram/pull/4511))
+- fix(Search): 补全 `update:value` 事件声明，修复 `v-model:value` 语法糖告警 @novlan1 ([#4511](https://github.com/Tencent/tdesign-miniprogram/pull/4511))
+- fix(Upload): 修复禁用态文件样式错误（禁用态下移除操作按钮） @novlan1 ([#4511](https://github.com/Tencent/tdesign-miniprogram/pull/4511))
+- fix(Image): 修复鸿蒙下图片无法显示问题 @novlan1 ([#4511](https://github.com/Tencent/tdesign-miniprogram/pull/4511))
+- feat(Cascader): 新增 `filterable`、`filter` 和 `filter-placeholder` 属性，支持搜索功能 @novlan1 ([#4511](https://github.com/Tencent/tdesign-miniprogram/pull/4511))
+- feat(Typography): 新增 `Typography` 排版组件 @novlan1 ([#4511](https://github.com/Tencent/tdesign-miniprogram/pull/4511))

packages/tdesign-uniapp/README.md

@@ -167,11 +167,11 @@ import TLoading from '@tdesign/uniapp/loading/loading.vue';
 
 | 模板 | 描述 | 预览 |
 | --- | --- | --- |
-| [TDesign UniApp Starter](https://github.com/TDesignOteam/tdesign-uniapp-starter/) | Vue3 + CLI 模式模板 - 通用类 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-h5.png" height="100" /> |
-| [TDesign UniApp Starter Apply](https://github.com/TDesignOteam/tdesign-uniapp-starter-apply/) | Vue3 + CLI 模式模板 - 活动报名 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-apply-h5.png" height="100" /> |
-| [TDesign UniApp Starter Vue3 HX](https://github.com/TDesignOteam/tdesign-uniapp-starter-vue3-hx/) | Vue3 + HBuilderX 模式模板 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-vue3-hx-h5.png" height="100" /> |
-| [TDesign UniApp Starter Vue2 CLI](https://github.com/TDesignOteam/tdesign-uniapp-starter-vue2-cli/) | Vue2 + CLI 模式模板 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-vue2-cli-h5.png" height="100" /> |
-| [TDesign UniApp Starter Vue2 HX](https://github.com/TDesignOteam/tdesign-uniapp-starter-vue2-hx/) | Vue2 + HBuilderX 模式模板 |<img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-vue2-hx-h5.png" height="100" /> |
+| [TDesign Uniapp Starter](https://github.com/TDesignOteam/tdesign-uniapp-starter/) | Vue3 + CLI 模式模板 - 通用类 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-h5.png" height="100" /> |
+| [TDesign Uniapp Starter Apply](https://github.com/TDesignOteam/tdesign-uniapp-starter-apply/) | Vue3 + CLI 模式模板 - 活动报名 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-apply-h5.png" height="100" /> |
+| [TDesign Uniapp Starter Vue3 HX](https://github.com/TDesignOteam/tdesign-uniapp-starter-vue3-hx/) | Vue3 + HBuilderX 模式模板 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-vue3-hx-h5.png" height="100" /> |
+| [TDesign Uniapp Starter Vue2 CLI](https://github.com/TDesignOteam/tdesign-uniapp-starter-vue2-cli/) | Vue2 + CLI 模式模板 | <img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-vue2-cli-h5.png" height="100" /> |
+| [TDesign Uniapp Starter Vue2 HX](https://github.com/TDesignOteam/tdesign-uniapp-starter-vue2-hx/) | Vue2 + HBuilderX 模式模板 |<img src="https://cdn.uwayfly.com/tdesign-uniapp/image/tdesign-uniapp-starter-vue2-hx-h5.png" height="100" /> |
 ## 反馈
 
 有任何问题，建议通过 [Github issues](https://github.com/Tencent/tdesign-miniprogram/issues) 反馈或扫码加入用户微信群。

packages/tdesign-uniapp/example/index.html

@@ -13,7 +13,7 @@
           '" />',
       );
     </script>
-    <title>TDesign UniApp</title>
+    <title>TDesign Uniapp</title>
     <!--preload-links-->
     <!--app-context-->
   </head>

packages/tdesign-uniapp/example/script/types/index.js

@@ -1,3 +1,4 @@
+const { execSync } = require('child_process');
 const fs = require('fs');
 const path = require('path');
 
@@ -117,6 +118,37 @@ function checkFileExists(filePath, label) {
   }
 }
 
+function runEslintFix(targets, label) {
+  // 过滤掉不存在的路径，避免 eslint 直接报错退出
+  const existing = targets.filter(p => fs.existsSync(p));
+  if (existing.length === 0) {
+    console.warn(`[types][${label}] 跳过 eslint --fix: 无可处理的目标文件`);
+    return;
+  }
+
+  const args = [
+    'eslint',
+    '--fix',
+    '--no-error-on-unmatched-pattern',
+    '--ext',
+    '.ts,.d.ts',
+    ...existing.map(p => `"${p}"`),
+  ].join(' ');
+
+  console.log(`[types][${label}] 执行 eslint --fix 处理 ${existing.length} 个目标...`);
+  try {
+    execSync(`npx ${args}`, {
+      cwd: PROJECT_ROOT,
+      stdio: 'inherit',
+    });
+    console.log(`[types][${label}] eslint --fix 完成 ✅`);
+  } catch (err) {
+    // eslint 在仅有 warning（或个别非 --fix 可处理的 error）时也会非零退出，
+    // 不应阻断生成流程，仅打印提示
+    console.warn(`[types][${label}] eslint --fix 退出码非零（可能存在无法自动修复的问题，请手动检查）`);
+  }
+}
+
 async function genOnProject({
   pkgGlob,
   pkgJsonPath,
@@ -158,6 +190,9 @@ async function genOnProject({
   genIndexContent(fileNames, indexPath, isChat, label);
   getGlobalDTS(fileNames, globalDTSPath, isChat, label);
 
+  // 对生成的文件自动执行 eslint --fix，避免再手动跑 lint
+  runEslintFix([dtsDir, globalDTSPath], label);
+
   console.log(`[types][${label}] 生成完毕 ✅`);
 }
 

packages/tdesign-uniapp/example/src/manifest.json

@@ -1,5 +1,5 @@
 {
-  "name": "TDesign UniApp",
+  "name": "TDesign Uniapp",
   "appid": "",
   "description": "",
   "versionName": "1.0.0",
@@ -123,4 +123,4 @@
     "enable": false
   },
   "vueVersion": "3"
-}
+}

packages/tdesign-uniapp/example/src/pages.json

@@ -45,6 +45,9 @@
     {
       "path": "pages-more/col/col"
     },
+    {
+      "path": "pages-more/paragraph/paragraph"
+    },
     {
       "path": "pages-more/back-top/back-top"
     },
@@ -450,7 +453,7 @@
   "globalStyle": {
     "pageOrientation": "portrait",
     "navigationBarTextStyle": "black",
-    "navigationBarTitleText": "TDesign UniApp",
+    "navigationBarTitleText": "TDesign Uniapp",
     "backgroundColor": "#F8F8F8",
     "navigationStyle": "custom"
   },
@@ -481,6 +484,10 @@
         "name": "layout",
         "pathName": "pages-more/col/col"
       },
+      {
+        "name": "typography",
+        "pathName": "pages-more/paragraph/paragraph"
+      },
       {
         "name": "back-top",
         "pathName": "pages-more/back-top/back-top"

packages/tdesign-uniapp/example/src/pages/home/data/base.json

@@ -27,6 +27,11 @@
         "name": "Layout",
         "label": "布局",
         "path": "/pages-more/col/col"
+      },
+      {
+        "name": "Typography",
+        "label": "排版",
+        "path": "/pages-more/paragraph/paragraph"
       }
     ]
   },

packages/tdesign-uniapp/global.d.ts

@@ -45,6 +45,7 @@ declare module 'vue' {
     TNavbar: typeof import('@tdesign/uniapp/navbar/navbar.vue').default;
     TNoticeBar: typeof import('@tdesign/uniapp/notice-bar/notice-bar.vue').default;
     TOverlay: typeof import('@tdesign/uniapp/overlay/overlay.vue').default;
+    TParagraph: typeof import('@tdesign/uniapp/paragraph/paragraph.vue').default;
     TPicker: typeof import('@tdesign/uniapp/picker/picker.vue').default;
     TPickerItem: typeof import('@tdesign/uniapp/picker-item/picker-item.vue').default;
     TPopover: typeof import('@tdesign/uniapp/popover/popover.vue').default;
@@ -77,7 +78,9 @@ declare module 'vue' {
     TTable: typeof import('@tdesign/uniapp/table/table.vue').default;
     TTabs: typeof import('@tdesign/uniapp/tabs/tabs.vue').default;
     TTag: typeof import('@tdesign/uniapp/tag/tag.vue').default;
+    TText: typeof import('@tdesign/uniapp/text/text.vue').default;
     TTextarea: typeof import('@tdesign/uniapp/textarea/textarea.vue').default;
+    TTitle: typeof import('@tdesign/uniapp/title/title.vue').default;
     TToast: typeof import('@tdesign/uniapp/toast/toast.vue').default;
     TTreeSelect: typeof import('@tdesign/uniapp/tree-select/tree-select.vue').default;
     TUpload: typeof import('@tdesign/uniapp/upload/upload.vue').default;

packages/tdesign-uniapp/package.json

@@ -3,7 +3,7 @@
   "version": "0.9.1",
   "id": "tdesign-uniapp",
   "title": "tdesign-uniapp",
-  "description": "TDesign Component for UniApp",
+  "description": "TDesign Component for Uniapp",
   "author": "tdesign",
   "license": "MIT",
   "keywords": [
@@ -309,6 +309,11 @@
       "import": "./dist/overlay/overlay.vue",
       "default": "./dist/overlay/overlay.vue"
     },
+    "./paragraph/paragraph.vue": {
+      "types": "./dist/types/paragraph.d.ts",
+      "import": "./dist/paragraph/paragraph.vue",
+      "default": "./dist/paragraph/paragraph.vue"
+    },
     "./picker/picker.vue": {
       "types": "./dist/types/picker.d.ts",
       "import": "./dist/picker/picker.vue",
@@ -469,11 +474,21 @@
       "import": "./dist/tag/tag.vue",
       "default": "./dist/tag/tag.vue"
     },
+    "./text/text.vue": {
+      "types": "./dist/types/text.d.ts",
+      "import": "./dist/text/text.vue",
+      "default": "./dist/text/text.vue"
+    },
     "./textarea/textarea.vue": {
       "types": "./dist/types/textarea.d.ts",
       "import": "./dist/textarea/textarea.vue",
       "default": "./dist/textarea/textarea.vue"
     },
+    "./title/title.vue": {
+      "types": "./dist/types/title.d.ts",
+      "import": "./dist/title/title.vue",
+      "default": "./dist/title/title.vue"
+    },
     "./toast/toast.vue": {
       "types": "./dist/types/toast.d.ts",
       "import": "./dist/toast/toast.vue",
@@ -582,4 +597,4 @@
       "eslint --fix"
     ]
   }
-}
+}

packages/tdesign-uniapp/script/postinstall.js

@@ -17,7 +17,7 @@ function isUserInstall() {
 
 function printVue2PostCSSWarning() {
   console.warn('\n');
-  console.warn('⚠️  [TDesign UniApp] 检测到当前使用 Vue2 环境');
+  console.warn('⚠️  [TDesign Uniapp] 检测到当前使用 Vue2 环境');
   console.warn('   Vue2 项目需要在 postcss.config.js 中进行适配，否则样式可能无法正常工作。');
   console.warn('');
   console.warn('   📖 适配指南: https://juejin.cn/post/7602901195154030644');
@@ -73,14 +73,14 @@ function main() {
   const version = detectVueVersion();
 
   if (!version) {
-    console.warn('[TDesign UniApp] Vue is not found. Please run "npm install vue" to install.');
+    console.warn('[TDesign Uniapp] Vue is not found. Please run "npm install vue" to install.');
     return;
   }
 
   if (isVue2(version)) {
     printVue2PostCSSWarning();
   } else if (!isVue3(version)) {
-    console.warn(`[TDesign UniApp] Vue version ${version} is not supported.`);
+    console.warn(`[TDesign Uniapp] Vue version ${version} is not supported.`);
   }
 }