feat(theme-generator): vue3 migration

.cnb/Dockerfile

@@ -16,7 +16,12 @@ RUN curl -fsSL https://code-server.dev/install.sh | sh \
   && echo done
 
 RUN npm install -g pnpm
+RUN npm install -g @tencent-ai/codebuddy-code
+
+RUN apt install -y libxcb-shm0 libx11-xcb1 libx11-6 libxcb1 libxext6 libxrandr2 libxcomposite1 libxcursor1 libxdamage1 libxfixes3 libxi6 libgtk-3-0 libpangocairo-1.0-0 libpango-1.0-0 libatk1.0-0 libcairo-gobject2 libcairo2 libgdk-pixbuf-2.0-0 libxrender1 libasound2 libfreetype6 libfontconfig1 libdbus-1-3 libnss3 libnspr4 libatk-bridge2.0-0 libdrm2 libxkbcommon0 libatspi2.0-0 libcups2 libxshmfence1 libgbm1 fonts-noto-color-emoji fonts-noto-cjk fonts-freefont-ttf
+RUN npm install -g agent-browser
+RUN agent-browser install --with-deps
 
 # 指定字符集支持命令行输入中文（根据需要选择字符集）
 ENV LANG=C.UTF-8
-ENV LANGUAGE=C.UTF-8
+ENV LANGUAGE=C.UTF-8

.github/workflows/pkg-pr-new.yml

@@ -276,6 +276,10 @@ jobs:
 
       - run: pnpm -C packages/tdesign-uniapp/site site:preview
 
+      - run: pnpm uniapp build:npm
+
+      - run: pnpm -C packages/tdesign-uniapp/example build:h5 --mode preview 
+
       - uses: actions/upload-artifact@v7
         with:
           name: tdesign-uniapp-site

packages/theme-generator/.eslintrc.js

@@ -1,13 +1,15 @@
-const path = require('path');
-
 module.exports = {
   root: true,
-  extends: ['plugin:vue/essential', './../../.eslintrc.js'],
+  parser: 'vue-eslint-parser',
   parserOptions: {
-    parser: '@babel/eslint-parser',
-    babelOptions: {
-      configFile: path.resolve(__dirname, './babel.config.js'),
-    },
+    ecmaVersion: 2021,
+    sourceType: 'module',
+  },
+  plugins: ['vue'],
+  // 根配置在前，vue 配置在后（确保 vue 的 script-setup-uses-vars 等规则优先生效）
+  extends: ['./../../.eslintrc.js', 'plugin:vue/vue3-essential'],
+  rules: {
+    // 让 no-unused-vars 识别 <script setup> 中被 template 使用的变量
+    'vue/script-setup-uses-vars': 'error',
   },
-  rules: {},
 };

packages/theme-generator/CONTRIBUTING_zh-CN.md

@@ -36,7 +36,7 @@ graph TB
   class F themeFill
 ```
 
-`*.min.css` 文件来自 `tdesign-vue` 且经过二次压缩
+`*.min.css` 文件来自 `tdesign-vue-next` 且经过二次压缩
 
 - 额外添加了 `:host` 选择器，确保 Web Components 打包后样式正常
 - 移除 `td-brand-color-x` 系列颜色 Token，使主题生成器能与外部主题色直接同步
@@ -74,3 +74,12 @@ graph TB
 2. **全局状态管理**：避免通过 props 层层传递共享变量，优先使用 `inject`、`mixin` 或 `store` 等
 
 3. **动态编码管理**：避免硬编码数值，特别是 Token 相关的映射，优先从 CSS 中获取配置
+
+4. **组件导入**：TDesign 组件一律从无样式入口 `tdesign-vue-next/lib` 导入，例如：
+
+   ```js
+   import { Button as TButton } from 'tdesign-vue-next/lib';
+   import ArrowIcon from 'tdesign-vue-next/lib/common-components/fake-arrow';
+   ```
+
+   **不要**使用裸导入 `tdesign-vue-next`。原因：本挂件以 Web Component 形式渲染，组件级 CSS 无法落到 shadowRoot 内，全量样式已通过 `?inline` 注入 shadowRoot（见 `src/wc-entry.js`）。裸导入会引入组件级 CSS 污染宿主页并造成重复打包。vite 不再通过 alias 重定向，所以源码中必须显式写全 `lib` 路径。