Tencent
diff --git a/‎.github/workflows/pkg-pr-new.yml‎
Lines changed: 4 additions & 1 deletion b/‎.github/workflows/pkg-pr-new.yml‎
Lines changed: 4 additions & 1 deletion
diff --git a/‎.github/workflows/typos-config.toml‎
Lines changed: 1 addition & 1 deletion b/‎.github/workflows/typos-config.toml‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎CHANGELOG-0.x.md‎
Lines changed: 2577 additions & 0 deletions b/‎CHANGELOG-0.x.md‎
Lines changed: 2577 additions & 0 deletions
diff --git a/‎CHANGELOG.md‎
Lines changed: 268 additions & 1731 deletions b/‎CHANGELOG.md‎
Lines changed: 268 additions & 1731 deletions
diff --git a/‎README-zh_CN.md‎
Lines changed: 2 additions & 2 deletions b/‎README-zh_CN.md‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎README.md‎
Lines changed: 2 additions & 2 deletions b/‎README.md‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎package.json‎
Lines changed: 5 additions & 4 deletions b/‎package.json‎
Lines changed: 5 additions & 4 deletions
diff --git a/‎script/workflows/pkg-pr-new-generate-template.mjs‎
Lines changed: 132 additions & 0 deletions b/‎script/workflows/pkg-pr-new-generate-template.mjs‎
Lines changed: 132 additions & 0 deletions
diff --git a/‎site/site.config.mjs‎
Lines changed: 2 additions & 1 deletion b/‎site/site.config.mjs‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎site/src/components/demo-page.vue‎
Lines changed: 15 additions & 25 deletions b/‎site/src/components/demo-page.vue‎
Lines changed: 15 additions & 25 deletions
@@ -23,4 +23,7 @@ jobs:
 
       - run: npm run build
 
-      - run: npx pkg-pr-new publish --compact
+      - run: node ./script/workflows/pkg-pr-new-generate-template.mjs
+
+      - run: npx pkg-pr-new publish --compact  --template 'tdesign-vue2-demo/**'
+      
@@ -4,4 +4,4 @@ ba = "ba"
 thead = "thead"
 
 [files]
-extend-exclude = ["CHANGELOG.md"]
+extend-exclude = ["CHANGELOG*.md"]
@@ -76,8 +76,8 @@ TDesign 欢迎任何愿意参与贡献的参与者。如果需要本地运行代
 
 ## 贡献成员
 
-<a href="https://github.com/tencent/tdesign-vue/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=tencent/tdesign-vue" />
+<a href="https://openomy.app/github/tencent/tdesign-vue" target="_blank" style="display: block; width: 100%;" align="center">
+  <img src="https://openomy.app/svg?repo=tencent/tdesign-vue&chart=bubble&latestMonth=12" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
 </a>
 
 # 反馈
 
@@ -78,8 +78,8 @@ Contributing is welcome. Read [guidelines for contributing](https://github.com/T
 
 ## Contributors
 
-<a href="https://github.com/tencent/tdesign-vue/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=tencent/tdesign-vue" />
+<a href="https://openomy.app/github/tencent/tdesign-vue" target="_blank" style="display: block; width: 100%;" align="center">
+  <img src="https://openomy.app/svg?repo=tencent/tdesign-vue&chart=bubble&latestMonth=12" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
 </a>
 
 # Feedback
 
@@ -1,7 +1,7 @@
 {
   "name": "tdesign-vue",
   "purename": "tdesign",
-  "version": "1.11.2-naruto",
+  "version": "1.12.0-naruto",
   "description": "tdesign-vue",
   "title": "tdesign-vue",
   "keywords": [
@@ -96,7 +96,7 @@
     "mitt": "^3.0.0",
     "raf": "^3.4.1",
     "sortablejs": "^1.15.0",
-    "tdesign-icons-vue": "^0.3.4",
+    "tdesign-icons-vue": "^0.3.5",
     "tinycolor2": "^1.4.2",
     "validator": "^13.5.1"
   },
@@ -143,6 +143,7 @@
     "cli-color": "^2.0.0",
     "commitizen": "^4.0.3",
     "cross-env": "^7.0.2",
+    "cssstyle": "4.3.1",
     "cypress": "^13.12.0",
     "cz-conventional-changelog": "^3.3.0",
     "dom-parser": "^0.1.6",
@@ -174,11 +175,11 @@
     "rollup-plugin-ignore-import": "^1.3.2",
     "rollup-plugin-multi-input": "^1.1.1",
     "rollup-plugin-postcss": "^4.0.1",
-    "rollup-plugin-static-import": "^0.1.1",
+    "rollup-plugin-static-import": "^1.0.0",
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "~7.0.2",
     "rollup-plugin-vue": "^5.1.9",
-    "tdesign-icons-view": "^0.3.5",
+    "tdesign-icons-view": "^0.3.6",
     "tdesign-publish-cli": "^0.0.12",
     "tdesign-site-components": "^0.13.0",
     "tdesign-theme-generator": "^1.0.5",
 
@@ -0,0 +1,132 @@
+import { execSync } from 'child_process';
+import { join } from 'path';
+import {
+  rmSync, writeFileSync, readFileSync, existsSync, mkdirSync,
+} from 'fs';
+
+const PROJECT_NAME = 'tdesign-vue2-demo';
+
+const TEMPLATES = {
+  MAIN_JS: `
+import Vue from 'vue'
+import TDesign from 'tdesign-vue'
+import App from './App.vue'
+import 'tdesign-vue/dist/tdesign.css'
+
+Vue.use(TDesign)
+
+new Vue({
+  render: h => h(App)
+}).$mount('#app')
+  `,
+
+  APP_VUE: `
+<template>
+  <config-provider :global-config="zhCN">
+    <Demo />
+  </config-provider>
+</template>
+
+<script>
+import zhCN from 'tdesign-vue/es/locale/zh_CN'
+
+export default {
+  components: {
+    Demo: () => import('./Demo.vue')
+  },
+  data() {
+    return {
+      zhCN
+    }
+  }
+}
+</script>
+  `,
+
+  DEMO_VUE: `
+<template>
+  <t-button>按钮</t-button>
+</template>
+
+<script>
+export default {}
+</script>
+  `,
+
+  VITE_CONFIG_JS: `
+import { createVuePlugin } from 'vite-plugin-vue2'
+
+export default {
+  plugins: [
+    createVuePlugin()
+  ],
+  resolve: {
+    alias: {
+      '@': '/src'
+    }
+  }
+}
+  `,
+};
+
+function buildExample(projectName, vueVersion, compilerVersion, baseProjectPath, extraDeps = {}) {
+  const actualProjectName = `${projectName}-compiler-${compilerVersion.replace('~', '').split('.').slice(0, 2).join('-')}`;
+
+  console.log(`正在创建项目 ${actualProjectName}...`);
+
+  const execPath = baseProjectPath || process.cwd();
+
+  execSync(`npm create vite@latest ${actualProjectName} -- --template vanilla`, { stdio: 'inherit', cwd: execPath });
+
+  const projectPath = join(execPath, actualProjectName);
+
+  const paths = {
+    main: join(projectPath, 'src/main.js'),
+    app: join(projectPath, 'src/App.vue'),
+    demo: join(projectPath, 'src/Demo.vue'),
+    packageJson: join(projectPath, 'package.json'),
+    viteConfig: join(projectPath, 'vite.config.js'),
+    counterJs: join(projectPath, 'src/counter.js'),
+    styleCss: join(projectPath, 'src/style.css'),
+    javascriptSvg: join(projectPath, 'src/javascript.svg'),
+  };
+
+  const pkg = JSON.parse(readFileSync(paths.packageJson, 'utf8'));
+  pkg.dependencies = {
+    ...pkg.dependencies,
+    vue: vueVersion,
+    'tdesign-vue': 'latest',
+    'vue-template-compiler': compilerVersion,
+    ...extraDeps,
+  };
+
+  pkg.devDependencies = {
+    ...pkg.devDependencies,
+    'vite-plugin-vue2': '^2.0.3',
+    vite: '^4.4.5',
+  };
+
+  writeFileSync(paths.packageJson, JSON.stringify(pkg, null, 2));
+
+  // 删除不需要的文件
+  [paths.counterJs, paths.styleCss, paths.javascriptSvg].forEach((file) => {
+    if (existsSync(file)) rmSync(file);
+  });
+
+  // 写入新文件
+  writeFileSync(paths.main, TEMPLATES.MAIN_JS.trim());
+  writeFileSync(paths.app, TEMPLATES.APP_VUE.trim());
+  writeFileSync(paths.demo, TEMPLATES.DEMO_VUE.trim());
+  writeFileSync(paths.viteConfig, TEMPLATES.VITE_CONFIG_JS.trim());
+
+  console.log(`项目 ${actualProjectName} 创建成功！请运行以下命令：\ncd ${actualProjectName} && pnpm install && pnpm dev`);
+}
+
+try {
+  mkdirSync(PROJECT_NAME, { recursive: true });
+  const projectPath = join(process.cwd(), PROJECT_NAME);
+  buildExample(PROJECT_NAME, '~2.6.10', '~2.6.10', projectPath);
+} catch (error) {
+  console.error('构建过程中发生错误:', error);
+  process.exit(1);
+}
@@ -60,7 +60,7 @@ const docs = [
         componentEn: () => import('@common/theme.en-US.md'),
       },
       {
-        title: '暗黑模式',
+        title: '深色模式',
         titleEn: 'Dark Mode',
         name: 'dark-mode',
         path: '/vue/dark-mode',
@@ -630,6 +630,7 @@ const docs = [
         name: 'guide',
         path: '/vue/components/guide',
         component: () => import('tdesign-vue/guide/guide.md'),
+        componentEn: () => import('tdesign-vue/guide/guide.en-US.md'),
       },
       {
         title: 'Message 全局提示',
 
@@ -1,7 +1,7 @@
 <template>
-  <component v-if="demo" :is="demo"></component>
+  <component v-if="demoComponent" :is="demoComponent"></component>
   <ul class="empty-demo" v-else>
-    <li v-for="demoName in demoList[componentName]" :key="demoName">
+    <li v-for="demoName in demoList[componentName] || []" :key="demoName">
       <router-link :to="{ path: `/vue/demos/${componentName}/${demoName}` }">
         <t-button theme="default" variant="text">{{ demoName }}</t-button>
       </router-link>
@@ -16,22 +16,19 @@ const demoObject = {};
 const demoList = {};
 Object.keys(demoReq).forEach((key) => {
   const match = key.match(/([\w-]+)._example.([\w-]+).vue/);
-  const [, componentName, demoName] = match;
+  if (!match) return;
 
+  const [, componentName, demoName] = match;
   demoObject[`${componentName}-${demoName}`] = demoReq[key].default;
-  demoList[componentName] = [demoName].concat(demoList[componentName]);
+  demoList[componentName] = (demoList[componentName] ?? []).concat(demoName);
 });
 
 export default {
   name: 'demos',
 
-  components: {
-    ...demoObject,
-  },
-
   data() {
     return {
-      demo: null,
+      demoComponent: null,
       demoList,
     };
   },
@@ -40,31 +37,24 @@ export default {
     componentName() {
       return this.$route.params.componentName;
     },
-    currentDemos() {
-      return this.demoList[this.componentName].join('<br />');
+    demoKey() {
+      const { componentName, demoName } = this.$route.params;
+      return componentName && demoName ? `${componentName}-${demoName}` : null;
     },
   },
 
   watch: {
-    $route(v) {
-      if (v.name !== 'demos') return;
-      this.renderDemo();
+    '$route.params': {
+      handler() {
+        this.renderDemo();
+      },
+      immediate: true,
     },
   },
 
-  mounted() {
-    this.renderDemo();
-  },
-
   methods: {
     renderDemo() {
-      const { componentName, demoName } = this.$route.params;
-      console.log('%c 所有 demo 路径参考: \n', 'color: #0052d9;', demoObject);
-      if (componentName && demoName) {
-        this.demo = `${componentName}-${demoName}`;
-      } else {
-        this.demo = '';
-      }
+      this.demoComponent = this.demoKey ? demoObject[this.demoKey] : null;
     },
   },
 };