uni-helper · exuan · Jul 18, 2025 · coderabbitai · Jul 18, 2025 · coderabbitai
diff --git a/README.md b/README.md
@@ -104,6 +104,7 @@ npx @create-uni/info@latest
 | [skiyee-ui](https://skiyee-ui.netlify.app/) | 随心创造差异化 | skiyee |
 | [uv-ui](https://www.uvui.cn/components/intro.html) | 多平台快速开发的UI框架 | uv |
 | [ano-ui](https://ano-ui.netlify.app/) | 轻量级、漂亮、快速的 UnoCSS 组件库 | ano |
+| [tmui](https://tmui.design/) | 优质Vue3 TS Pinia Vite跨端组件库 | tmui |
 
 ## 🤝 参与贡献
 

diff --git a/packages/core/src/question/ui/ui.data.ts b/packages/core/src/question/ui/ui.data.ts
@@ -55,4 +55,12 @@ export const UIList = [
     github: 'https://github.com/ano-ui/ano-ui',
     website: 'https://ano-ui.netlify.app/',
   },
+  {
+    label: rgb(255, 127, 0)('tmui'),
+    hint: '优质Vue3 TS Pinia Vite跨端组件库',
+    name: 'tmui',
+    value: 'tmui',
+    github: 'https://gitee.com/LYTB/tmui-design',
+    website: 'https://tmui.design/',
+  },
 ] as Options[]
diff --git a/packages/core/template/UI/tmui/index.html b/packages/core/template/UI/tmui/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport"
+    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+  <title></title>
+  <!--preload-links-->
+  <!--app-context-->
+</head>
+
+<body>
+  <div id="app"><!--app-html--></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
diff --git a/packages/core/template/UI/tmui/jsconfig.json.data.mjs b/packages/core/template/UI/tmui/jsconfig.json.data.mjs
@@ -0,0 +1,12 @@
+export default function getData({ oldData }) {
+  const tmuiConfig = {
+    id: 'tmuiConfig',
+    types: ['tmui-uni/global.d.ts'],
+  }
+  return {
+    ...oldData,
+    config: oldData.config.flatMap(config =>
+      config.id === 'baseConfig' ? [tmuiConfig, config] : config,
+    ),
+  }
+}
diff --git a/packages/core/template/UI/tmui/package.json b/packages/core/template/UI/tmui/package.json
@@ -0,0 +1,12 @@
+{
+  "dependencies": {
+    "@vue/compiler-core": "^3.5.11",
+    "echarts": "5.4.2",
+    "pinia": "^2.0.33",
+    "sass": "^1.77.5",
+    "tmui-uni": "^3.2.7",
+    "vue": "^3.5.16",
+    "vue-docgen-api": "^4.79.2",
+    "vue-i18n": "^11.1.5"
+  }
-  "dependencies": {
-    "@vue/compiler-core": "^3.5.11",
-    "echarts": "5.4.2",
-    "pinia": "^2.0.33",
-    "sass": "^1.77.5",
-    "tmui-uni": "^3.2.7",
-    "vue": "^3.5.16",
-    "vue-docgen-api": "^4.79.2",
-    "vue-i18n": "^11.1.5"
-  }
+  "dependencies": {
+    "echarts": "5.4.2",
+    "pinia": "^2.0.33",
+    "tmui-uni": "^3.2.7",
+    "vue": "^3.5.16",
+    "vue-i18n": "^11.1.5"
+  },
+  "devDependencies": {
+    "@vue/compiler-core": "^3.5.11",
+    "sass": "^1.77.5",
+    "vue-docgen-api": "^4.79.2"
+  }
-  "dependencies": {
-    "@vue/compiler-core": "^3.5.11",
-    "echarts": "5.4.2",
-    "pinia": "^2.0.33",
-    "sass": "^1.77.5",
-    "tmui-uni": "^3.2.7",
-    "vue": "^3.5.16",
-    "vue-docgen-api": "^4.79.2",
-    "vue-i18n": "^11.1.5"
-  }
+  "dependencies": {
+    "echarts": "5.4.2",
+    "pinia": "^2.0.33",
+    "tmui-uni": "^3.2.7",
+    "vue": "^3.5.16",
+    "vue-i18n": "^11.1.5"
+  },
+  "devDependencies": {
+    "@vue/compiler-core": "^3.5.11",
+    "sass": "^1.77.5",
+    "vue-docgen-api": "^4.79.2"
+  }
+}
diff --git a/packages/core/template/UI/tmui/postcss.config.js b/packages/core/template/UI/tmui/postcss.config.js
@@ -0,0 +1,10 @@
+const {
+  uniPostcssPlugin,
+} = require('@dcloudio/uni-cli-shared')
+
+module.exports = {
+  plugins: [
+    uniPostcssPlugin(),
+    require('autoprefixer')(),
+  ],
+}
diff --git a/packages/core/template/UI/tmui/src/App.vue b/packages/core/template/UI/tmui/src/App.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { onLaunch } from '@dcloudio/uni-app'
+
+onLaunch(() => {})
+</script>
+
+<style>
+/* 图标必须 */
+ @import url(tmui-uni/css/remixicon.min.css);
+/* 自定预处理类，可选 */
+ @import url(tmui-uni/css/tmui.css);
+page {
+  background: #f5f5f5;
+}
+</style>
diff --git a/packages/core/template/UI/tmui/src/androidPrivacy.json b/packages/core/template/UI/tmui/src/androidPrivacy.json
@@ -0,0 +1,3 @@
+{
+  "prompt": "template"
+}
diff --git a/packages/core/template/UI/tmui/src/main.js.data.mjs b/packages/core/template/UI/tmui/src/main.js.data.mjs
@@ -0,0 +1,29 @@
+export default function getData({ oldData }) {
+  if (!oldData.entries) {
+    oldData.entries = []
+  }
+
+  const hasPiniaImport = oldData.entries.some(entry =>
+    entry.importer && entry.importer.includes('pinia'),
+  )
-  const hasPiniaImport = oldData.entries.some(entry =>
-    entry.importer && entry.importer.includes('pinia'),
-  )
+  const hasPiniaImport = oldData.entries.some(entry =>
+    entry.importer?.includes('pinia'),
+  )
-  const hasPiniaImport = oldData.entries.some(entry =>
-    entry.importer && entry.importer.includes('pinia'),
-  )
+  const hasPiniaImport = oldData.entries.some(entry =>
+    entry.importer?.includes('pinia'),
+  )
+
+  const hasTmuiImport = oldData.entries.some(entry =>
+    entry.importer && (entry.importer.includes('tmui') || entry.importer.includes('tm-ui')),
+  )
-  const hasTmuiImport = oldData.entries.some(entry =>
-    entry.importer && (entry.importer.includes('tmui') || entry.importer.includes('tm-ui')),
-  )
+  const hasTmuiImport = oldData.entries.some(entry =>
+    entry.importer?.includes('tmui') || entry.importer?.includes('tm-ui'),
+  )
-  const hasTmuiImport = oldData.entries.some(entry =>
-    entry.importer && (entry.importer.includes('tmui') || entry.importer.includes('tm-ui')),
-  )
+  const hasTmuiImport = oldData.entries.some(entry =>
+    entry.importer?.includes('tmui') || entry.importer?.includes('tm-ui'),
+  )
+
+  if (!hasPiniaImport) {
+    oldData.entries.push({
+      importer: 'import * as Pinia from "pinia"',
+      use: 'app.use(Pinia.createPinia())',
+    })
+  }
+
+  if (!hasTmuiImport) {
+    oldData.entries.push({
+      importer: 'import tmUi from "tmui-uni"',
+      use: 'app.use(tmUi)',
+    })
+  }
+
+  return oldData
+}
diff --git a/packages/core/template/UI/tmui/src/pages/index.vue b/packages/core/template/UI/tmui/src/pages/index.vue
@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <view>
+    <tm-button :block="true">
+      嗨~TMUI
+    </tm-button>
+  </view>
+</template>
+
+<style>
+
+</style>
diff --git a/packages/core/template/UI/tmui/src/uni.scss b/packages/core/template/UI/tmui/src/uni.scss
diff --git a/packages/core/template/UI/tmui/vite.config.js.data.mjs b/packages/core/template/UI/tmui/vite.config.js.data.mjs
@@ -0,0 +1,170 @@
+export default function getData({ oldData }) {
+  // 一次性检测所有包
+  const existing = new Set(
+    oldData.plugins
+      .filter(p => p.importer)
+      .map(p => p.importer)
+      .join(' ')
+      .match(/@[\w-]+\/[\w-]+/g) || [],
+  )
+
+  // 检查是否已存在 Components 插件
+  const hasComponentsPlugin = oldData.plugins.some(p =>
+    p.initializer?.includes('Components('),
+  )
+
+  // TMUI resolver 函数 - 优化版本
+  const tmuiResolver = `(name) => {
+  if (!name.startsWith('Tm')) return
+  const comp = name.slice(2).replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, 'tm-')
+  return { name, from: \`tmui-uni/components/\${comp}/\${comp}.vue\` }
+}`
+
+  // 基础配置优化
+  const baseConfig = {
+    ...oldData,
+    define: {
+      __VUE_I18N_FULL_INSTALL__: true,
+      __VUE_I18N_LEGACY_API__: true,
+      __VUE_I18N_PROD_DEVTOOLS__: false,
+      ...oldData.define,
+    },
+    build: {
+      target: 'es6',
+      cssCodeSplit: true,
+      ...oldData.build,
+    },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: 'modern-compiler',
+          silenceDeprecations: ['legacy-js-api'],
+        },
+      },
+      ...oldData.css,
+    },
+    server: {
+      port: 1314,
+      proxy: {
+        '/pag': {
+          target: 'https://cdn.tmui.design',
+          changeOrigin: true,
+          rewrite: path => path.replace(/^\/api/, '/api'),
+        },
+      },
-      proxy: {
-        '/pag': {
-          target: 'https://cdn.tmui.design',
-          changeOrigin: true,
-          rewrite: path => path.replace(/^\/api/, '/api'),
-        },
-      },
+      proxy: {
+        '/pag': {
+          target: 'https://cdn.tmui.design',
+          changeOrigin: true,
+          rewrite: path => path.replace(/^\/pag/, ''),
+        },
+      },
-      proxy: {
-        '/pag': {
-          target: 'https://cdn.tmui.design',
-          changeOrigin: true,
-          rewrite: path => path.replace(/^\/api/, '/api'),
-        },
-      },
+      proxy: {
+        '/pag': {
+          target: 'https://cdn.tmui.design',
+          changeOrigin: true,
+          rewrite: path => path.replace(/^\/pag/, ''),
+        },
+      },
+      ...oldData.server,
+    },
+  }
+
+  // 创建插件工厂函数
+  const createPlugins = () => {
+    const plugins = []
+
+    // Components 插件
+    if (!hasComponentsPlugin) {
+      plugins.push({
+        id: 'tmuiComponents',
+        ...(!existing.has('@uni-helper/vite-plugin-uni-components') && {
+          importer: `import Components from '@uni-helper/vite-plugin-uni-components'`,
+        }),
+        initializer: `Components({
+  dts: true,
+  resolvers: [${tmuiResolver}],
+  include: [/\\.vue$/, /\\.uvue$/]
+})`,
+      })
+    }
+
+    // Vue JSX 插件
+    plugins.push({
+      id: 'vueJsx',
+      ...(!existing.has('@vitejs/plugin-vue-jsx') && {
+        importer: 'import vueJsx from "@vitejs/plugin-vue-jsx"',
+      }),
+      initializer: 'vueJsx()',
+    })
+
+    return plugins
+  }
+
+  // 合并现有 Components 插件配置
+  const mergeComponentsPlugin = (plugin) => {
+    const hasTmuiResolver = plugin.initializer.includes('tmui-uni/components')
+    if (hasTmuiResolver)
+      return plugin
+
+    // 解析现有配置
+    const configMatch = plugin.initializer.match(/Components\(\{([^}]+)\}\)/)
+    if (!configMatch)
+      return plugin
+
+    const existingConfig = configMatch[1]
+    const configItems = []
+
+    // 提取并规范化配置项
+    const extractConfig = (key, defaultValue) => {
+      const match = existingConfig.match(new RegExp(`${key}:\\s*([^,\\n}]+)`))
+      return match ? `${key}: ${match[1].trim()}` : `${key}: ${defaultValue}`
+    }
+
+    configItems.push(extractConfig('dts', 'true'))
+
+    // 处理 resolvers
+    const resolversMatch = existingConfig.match(/resolvers:\s*\[([^\]]*)\]/)
+    if (resolversMatch) {
+      const existingResolvers = resolversMatch[1].trim()
+      const resolversList = existingResolvers
+        ? `${existingResolvers.split('\n').map(line => line.trim()).filter(Boolean).join(',\n      ')},\n      ${tmuiResolver}`
+        : tmuiResolver
+      configItems.push(`resolvers: [\n      ${resolversList}\n    ]`)
+    }
+    else {
+      configItems.push(`resolvers: [${tmuiResolver}]`)
+    }
+
+    // 处理 include
+    const includeMatch = existingConfig.match(/include:\s*\[([^\]]*)\]/)
+    configItems.push(includeMatch
+      ? `include: [${includeMatch[1]}]`
+      : 'include: [/\\.vue$/, /\\.uvue$/]',
+    )
+
+    return {
+      ...plugin,
+      initializer: `Components({\n    ${configItems.join(',\n    ')}\n  })`,
+    }
+  }
+
+  // 插入插件到正确位置
+  const insertPlugins = (plugins, newPlugins) => {
+    const autoImportIndex = plugins.findIndex(p => p.id === 'autoImport')
+    const uniIndex = plugins.findIndex(p => p.id === 'uni')
+    const insertIndex = autoImportIndex !== -1 ? autoImportIndex + 1 : uniIndex
+
+    const result = [...plugins]
+    result.splice(insertIndex, 0, ...newPlugins)
+    return result
+  }
+
+  // 主逻辑
+  if (hasComponentsPlugin) {
+    const updatedPlugins = baseConfig.plugins.map(plugin =>
+      plugin.initializer?.includes('Components(')
+        ? mergeComponentsPlugin(plugin)
+        : plugin,
+    )
+
+    // 只添加 vueJsx 插件
+    const vueJsxPlugin = createPlugins().find(p => p.id === 'vueJsx')
+    return {
+      ...baseConfig,
+      plugins: vueJsxPlugin ? insertPlugins(updatedPlugins, [vueJsxPlugin]) : updatedPlugins,
+    }
+  }
+
+  // 添加所有新插件
+  return {
+    ...baseConfig,
+    plugins: insertPlugins(baseConfig.plugins, createPlugins()),
+  }
+}