congmao-cli 1.0.0

package/src/template/Vue2/src/style/reset.less

@@ -0,0 +1,78 @@
+body {
+  color: var(--td-text-color-secondary);
+  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Arial Regular;
+  font: var(--td-font-body-medium);
+  -webkit-font-smoothing: antialiased;
+  padding: 0;
+  margin: 0;
+}
+
+pre {
+  font-family: var(--td-font-family);
+}
+
+ul,
+dl,
+li,
+dd,
+dt {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.t-button-link,
+a {
+  color: var(--td-brand-color);
+  text-decoration: none;
+  margin-right: var(--td-comp-margin-xxl);
+  cursor: pointer;
+  transition: color @anim-duration-base @anim-time-fn-easing;
+
+  &:hover {
+    color: var(--td-brand-color-hover);
+  }
+
+  &:active {
+    color: var(--td-brand-color-active);
+  }
+
+  &--active {
+    color: var(--td-brand-color-active);
+  }
+
+  &:focus {
+    text-decoration: none;
+  }
+
+  &:last-child {
+    margin-right: 0;
+  }
+
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+.container-base-margin-top {
+  margin-top: 16px;
+}
+
+.card-date-picker-container {
+  width: 250px;
+}

package/src/template/Vue2/src/style/variables.less

@@ -0,0 +1,27 @@
+/** 公共前缀 */
+@starter-prefix: tdesign-starter;
+
+// 颜色、尺寸、阴影、圆角、字体 variables 请参考 https://tdesign.tencent.com/starter/docs/vue/design-token
+
+// 响应式断点
+@screen-sm: 768px;
+@screen-md: 992px;
+@screen-lg: 1200px;
+@screen-xl: 1400px;
+
+@screen-sm-min: @screen-sm;
+@screen-md-min: @screen-md;
+@screen-lg-min: @screen-lg;
+@screen-xl-min: @screen-xl;
+
+@screen-sm-max: (@screen-md-min - 1px);
+@screen-md-max: (@screen-lg-min - 1px);
+@screen-lg-max: (@screen-xl-min - 1px);
+
+// 动画
+@anim-time-fn-easing: cubic-bezier(0.38, 0, 0.24, 1);
+@anim-time-fn-ease-out: cubic-bezier(0, 0, 0.15, 1);
+@anim-time-fn-ease-in: cubic-bezier(0.82, 0, 1, 0.9);
+@anim-duration-base: 0.2s;
+@anim-duration-moderate: 0.24s;
+@anim-duration-slow: 0.28s;

package/src/template/Vue2/src/utils/charts.ts

@@ -0,0 +1,38 @@
+import dayjs from 'dayjs';
+
+/**
+ * @export
+ * @param {string[]} dateTime
+ * @param {number} divideNum
+ * @returns {string[]}
+ */
+export function getDateArray(dateTime: string[] = [], divideNum = 10): string[] {
+  const timeArray: string[] = [];
+  if (dateTime.length > 0) {
+    for (let i = 0; i < divideNum; i++) {
+      const dateAbsTime: number = (new Date(dateTime[1]).getTime() - new Date(dateTime[0]).getTime()) / divideNum;
+      const enhandTime: number = new Date(dateTime[0]).getTime() + dateAbsTime * i;
+      timeArray.push(dayjs(enhandTime).format('YYYY-MM-DD'));
+    }
+  }
+
+  return timeArray;
+}
+
+/**
+ * 获取随机数
+ *
+ * @param {number} [num=100]
+ * @returns
+ *
+ * @memberOf DashboardBase
+ */
+export function getRandomArray(num = 100): number {
+  let resultNum = Number((Math.random() * num).toFixed(0));
+
+  if (resultNum <= 1) {
+    resultNum = 1;
+  }
+
+  return resultNum;
+}

package/src/template/Vue2/src/utils/color.ts

@@ -0,0 +1,118 @@
+import { Color } from 'tvision-color';
+import * as echarts from 'echarts/core';
+import trim from 'lodash/trim';
+import { TColorToken } from '@/config/color';
+
+/**
+ * 依据主题类型获取颜色
+ *
+ * @export
+ * @param {string} theme
+ * @returns {}
+ */
+export function getColorFromTheme(): Array<string> {
+  const theme = trim(getComputedStyle(document.documentElement).getPropertyValue('--td-brand-color'));
+  const themeColorList = Color.getRandomPalette({
+    color: theme,
+    colorGamut: 'bright',
+    number: 8,
+  });
+
+  return themeColorList;
+}
+
+/** 图表颜色 */
+export function getChartListColor(): Array<string> {
+  const res = getColorFromTheme();
+
+  return res;
+}
+
+/**
+ * 更改图表主题颜色
+ *
+ * @export
+ * @param {Array<string>} chartsList
+ * @param {string} theme
+ */
+export function changeChartsTheme(chartsList: echarts.EChartsType[]): void {
+  if (chartsList && chartsList.length) {
+    const chartChangeColor = getChartListColor();
+
+    for (let index = 0; index < chartsList.length; index++) {
+      const elementChart = chartsList[index];
+
+      if (elementChart) {
+        const optionVal = elementChart.getOption();
+
+        // 更改主题颜色
+        optionVal.color = chartChangeColor;
+
+        elementChart.setOption(optionVal, true);
+      }
+    }
+  }
+}
+
+/**
+ * 根据当前主题色、模式等情景 计算最后生成的色阶
+ */
+export function generateColorMap(
+  theme: string,
+  colorPalette: Array<string>,
+  mode: 'light' | 'dark',
+  brandColorIdx: number,
+) {
+  const isDarkMode = mode === 'dark';
+
+  if (isDarkMode) {
+    // eslint-disable-next-line no-use-before-define
+    colorPalette.reverse().map((color) => {
+      const [h, s, l] = Color.colorTransform(color, 'hex', 'hsl');
+      return Color.colorTransform([h, Number(s) - 4, l], 'hsl', 'hex');
+    });
+    brandColorIdx = 5;
+    colorPalette[0] = `${colorPalette[brandColorIdx]}20`;
+  }
+
+  const colorMap = {
+    '--td-brand-color': colorPalette[brandColorIdx], // 主题色
+    '--td-brand-color-1': colorPalette[0], // light
+    '--td-brand-color-2': colorPalette[1], // focus
+    '--td-brand-color-3': colorPalette[2], // disabled
+    '--td-brand-color-4': colorPalette[3],
+    '--td-brand-color-5': colorPalette[4],
+    '--td-brand-color-6': colorPalette[5],
+    '--td-brand-color-7': brandColorIdx > 0 ? colorPalette[brandColorIdx - 1] : theme, // hover
+    '--td-brand-color-8': colorPalette[brandColorIdx], // 主题色
+    '--td-brand-color-9': brandColorIdx > 8 ? theme : colorPalette[brandColorIdx + 1], // click
+    '--td-brand-color-10': colorPalette[9],
+  };
+  return colorMap;
+}
+
+/**
+ * 将生成的样式嵌入头部
+ */
+export function insertThemeStylesheet(theme: string, colorMap: TColorToken, mode: 'light' | 'dark') {
+  const isDarkMode = mode === 'dark';
+  const root = !isDarkMode ? `:root[theme-color='${theme}']` : `:root[theme-color='${theme}'][theme-mode='dark']`;
+
+  const styleSheet = document.createElement('style');
+  styleSheet.type = 'text/css';
+  styleSheet.innerText = `${root}{
+    --td-brand-color: ${colorMap['--td-brand-color']};
+    --td-brand-color-1: ${colorMap['--td-brand-color-1']};
+    --td-brand-color-2: ${colorMap['--td-brand-color-2']};
+    --td-brand-color-3: ${colorMap['--td-brand-color-3']};
+    --td-brand-color-4: ${colorMap['--td-brand-color-4']};
+    --td-brand-color-5: ${colorMap['--td-brand-color-5']};
+    --td-brand-color-6: ${colorMap['--td-brand-color-6']};
+    --td-brand-color-7: ${colorMap['--td-brand-color-7']};
+    --td-brand-color-8: ${colorMap['--td-brand-color-8']};
+    --td-brand-color-9: ${colorMap['--td-brand-color-9']};
+    --td-brand-color-10: ${colorMap['--td-brand-color-10']};
+  }`;
+
+  document.head.appendChild(styleSheet);
+}

package/src/template/Vue2/src/utils/date.ts

@@ -0,0 +1,12 @@
+// 获取常用时间
+import dayjs from 'dayjs';
+
+export const LAST_7_DAYS = [
+  dayjs().subtract(7, 'day').format('YYYY-MM-DD'),
+  dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
+];
+
+export const LAST_30_DAYS = [
+  dayjs().subtract(30, 'day').format('YYYY-MM-DD'),
+  dayjs().subtract(1, 'day').format('YYYY-MM-DD'),
+];

package/src/template/Vue2/src/utils/request.ts

@@ -0,0 +1,60 @@
+import axios from 'axios';
+import proxy from '../config/host';
+
+const env = import.meta.env.MODE || 'development';
+
+const API_HOST = env === 'mock' ? '/' : proxy[env].API; // 如果是mock模式 就不配置host 会走本地Mock拦截
+
+const CODE = {
+  LOGIN_TIMEOUT: 1000,
+  REQUEST_SUCCESS: 0,
+  REQUEST_FOBID: 1001,
+};
+
+const instance = axios.create({
+  baseURL: API_HOST,
+  timeout: 1000,
+  withCredentials: true,
+});
+
+// eslint-disable-next-line
+// @ts-ignore
+// axios的retry ts类型有问题
+instance.interceptors.retry = 3;
+
+instance.interceptors.request.use((config) => config);
+
+instance.interceptors.response.use(
+  (response) => {
+    if (response.status === 200) {
+      const { data } = response;
+      if (data.code === CODE.REQUEST_SUCCESS) {
+        return data;
+      }
+      return response;
+    }
+  },
+  (err) => {
+    const { config } = err;
+
+    if (!config || !config.retry) return Promise.reject(err);
+
+    config.retryCount = config.retryCount || 0;
+
+    if (config.retryCount >= config.retry) {
+      return Promise.reject(err);
+    }
+
+    config.retryCount += 1;
+
+    const backoff = new Promise((resolve) => {
+      setTimeout(() => {
+        resolve({});
+      }, config.retryDelay || 1);
+    });
+
+    return backoff.then(() => instance(config));
+  },
+);
+
+export default instance;

package/src/template/Vue2/stylelint.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  defaultSeverity: 'error',
+  extends: ['stylelint-config-prettier'],
+  plugins: ['stylelint-less'],
+};

package/src/template/Vue2/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "module": "esnext",
+    "lib": ["esnext", "dom"],
+    "allowJs": true,
+    "checkJs": false,
+    "noImplicitAny": false,
+    "isolatedModules": false,
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "noImplicitThis": false,
+    "strictNullChecks": false,
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "jsx": "preserve",
+    "noEmit": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "compileOnSave": false
+}

package/src/template/Vue2/vite.config.js

@@ -0,0 +1,58 @@
+import { loadEnv } from 'vite';
+import { viteMockServe } from 'vite-plugin-mock';
+import { createVuePlugin } from 'vite-plugin-vue2';
+import { createSvgPlugin } from 'vite-plugin-vue2-svg';
+
+import path from 'path';
+
+const CWD = process.cwd();
+
+export default ({ mode }) => {
+  const { VITE_BASE_URL } = loadEnv(mode, CWD);
+
+  return {
+    base: VITE_BASE_URL,
+    resolve: {
+      alias: {
+        '~': path.resolve(__dirname, './'),
+        '@': path.resolve(__dirname, './src'),
+      },
+    },
+
+    css: {
+      preprocessorOptions: {
+        less: {
+          modifyVars: {},
+        },
+      },
+    },
+
+    plugins: [
+      createVuePlugin({
+        jsx: true,
+      }),
+      viteMockServe({
+        mockPath: 'mock',
+        localEnabled: true,
+      }),
+      createSvgPlugin(),
+    ],
+
+    build: {
+      cssCodeSplit: false,
+    },
+
+    server: {
+      host: '0.0.0.0',
+      port: 3001,
+      proxy: {
+        '/api': {
+          // 用于开发环境下的转发请求
+          // 更多请参考：https://vitejs.dev/config/#server-proxy
+          target: 'https://service-exndqyuk-1257786608.gz.apigw.tencentcs.com',
+          changeOrigin: true,
+        },
+      },
+    },
+  };
+};

package/src/template/Vue3/package.json.ejs

@@ -0,0 +1,8 @@
+{
+"name": "<%= projectName %>",
+"version": "1.0.0",
+"scripts": {
+"dev:h5": "uni dev:h5",
+"build:h5": "uni build:h5"
+}
+}

package/src/template/Vue3/pages.json

@@ -0,0 +1,10 @@
+{
+  "pages": [
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "首页"
+      }
+    }
+  ]
+}

package/src/template/Vue3/src/main.js

@@ -0,0 +1,7 @@
+import { createSSRApp } from "vue";
+import App from "./App.vue";
+
+export function createApp() {
+  const app = createSSRApp(App);
+  return { app };
+}

package/src/utils/copy.js

@@ -0,0 +1,17 @@
+import fs from "node:fs";
+import path from "node:path";
+
+export default function copyDir(src, dest) {
+  fs.mkdirSync(dest, { recursive: true });
+
+  for (const file of fs.readdirSync(src)) {
+    const srcPath = path.join(src, file);
+    const destPath = path.join(dest, file);
+
+    if (fs.statSync(srcPath).isDirectory()) {
+      copyDir(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}

package/src/utils/eslint.js

@@ -0,0 +1,205 @@
+import fs from "node:fs";
+import path from "node:path";
+
+/**
+ * 根据模板类型获取 ESLint 配置
+ */
+function getESLintConfig(templateName) {
+  const configs = {
+    'Uni-app': {
+      extends: [
+        'plugin:vue/essential',
+        'eslint:recommended'
+      ],
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module'
+      },
+      env: {
+        node: true,
+        es6: true
+      },
+      rules: {
+        'no-console': 'warn',
+        'no-debugger': 'warn'
+      }
+    },
+    'Vue2': {
+      extends: [
+        'plugin:vue/essential',
+        'eslint:recommended'
+      ],
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module'
+      },
+      env: {
+        node: true,
+        browser: true,
+        es6: true
+      },
+      rules: {
+        'no-console': 'warn',
+        'no-debugger': 'warn',
+        'vue/multi-word-component-names': 'off'
+      }
+    },
+    'Vue3': {
+      extends: [
+        'plugin:vue/vue3-essential',
+        'eslint:recommended'
+      ],
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module'
+      },
+      env: {
+        node: true,
+        browser: true,
+        es6: true
+      },
+      rules: {
+        'no-console': 'warn',
+        'no-debugger': 'warn',
+        'vue/multi-word-component-names': 'off'
+      }
+    }
+  };
+
+  return configs[templateName] || configs['Vue3'];
+}
+
+/**
+ * 获取 ESLint 依赖包
+ */
+function getESLintDependencies(templateName) {
+  const baseDeps = {
+    'eslint': '^8.57.0',
+    'eslint-plugin-vue': templateName === 'Vue3' ? '^9.23.0' : '^9.0.0'
+  };
+
+  return baseDeps;
+}
+
+/**
+ * 创建 ESLint 配置文件
+ */
+function createESLintConfigFile(targetDir, templateName) {
+  const config = getESLintConfig(templateName);
+  const configPath = path.join(targetDir, '.eslintrc.js');
+  
+  // 如果配置文件已存在，则不覆盖
+  if (fs.existsSync(configPath)) {
+    return;
+  }
+  
+  // 格式化配置文件内容
+  const extendsStr = config.extends.map(ext => `'${ext}'`).join(',\n    ');
+  const envStr = Object.entries(config.env)
+    .map(([key, value]) => `    ${key}: ${value}`)
+    .join(',\n');
+  const rulesStr = Object.entries(config.rules)
+    .map(([key, value]) => `    '${key}': ${typeof value === 'string' ? `'${value}'` : JSON.stringify(value)}`)
+    .join(',\n');
+
+  const formattedContent = `module.exports = {
+  extends: [
+    ${extendsStr}
+  ],
+  parserOptions: {
+    ecmaVersion: ${config.parserOptions.ecmaVersion},
+    sourceType: '${config.parserOptions.sourceType}'
+  },
+  env: {
+${envStr}
+  },
+  rules: {
+${rulesStr}
+  }
+};
+`;
+
+  fs.writeFileSync(configPath, formattedContent, 'utf8');
+}
+
+/**
+ * 更新 package.json，添加 ESLint 依赖和脚本
+ */
+function updatePackageJson(targetDir, templateName) {
+  const packageJsonPath = path.join(targetDir, 'package.json');
+  
+  if (!fs.existsSync(packageJsonPath)) {
+    console.warn('package.json 不存在，跳过 ESLint 配置');
+    return;
+  }
+
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+  const deps = getESLintDependencies(templateName);
+
+  // 添加 devDependencies（如果不存在）
+  if (!packageJson.devDependencies) {
+    packageJson.devDependencies = {};
+  }
+  
+  // 只添加不存在的依赖
+  Object.keys(deps).forEach(dep => {
+    if (!packageJson.devDependencies[dep]) {
+      packageJson.devDependencies[dep] = deps[dep];
+    }
+  });
+
+  // 添加 scripts（如果不存在）
+  if (!packageJson.scripts) {
+    packageJson.scripts = {};
+  }
+  
+  // 只添加不存在的脚本
+  if (!packageJson.scripts['lint']) {
+    packageJson.scripts['lint'] = 'eslint . --ext .js,.vue';
+  }
+  if (!packageJson.scripts['lint:fix']) {
+    packageJson.scripts['lint:fix'] = 'eslint . --ext .js,.vue --fix';
+  }
+
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + '\n', 'utf8');
+}
+
+/**
+ * 创建 .eslintignore 文件
+ */
+function createESLintIgnore(targetDir) {
+  const ignorePath = path.join(targetDir, '.eslintignore');
+  
+  // 如果文件已存在，则不覆盖
+  if (fs.existsSync(ignorePath)) {
+    return;
+  }
+  
+  const ignoreContent = `node_modules/
+dist/
+build/
+*.min.js
+coverage/
+`;
+
+  fs.writeFileSync(ignorePath, ignoreContent, 'utf8');
+}
+
+/**
+ * 设置 ESLint 配置
+ */
+export default async function setupESLint(targetDir, templateName) {
+  try {
+    // 创建 ESLint 配置文件
+    createESLintConfigFile(targetDir, templateName);
+    
+    // 创建 .eslintignore 文件
+    createESLintIgnore(targetDir);
+    
+    // 更新 package.json
+    updatePackageJson(targetDir, templateName);
+  } catch (error) {
+    throw new Error(`配置 ESLint 失败: ${error.message}`);
+  }
+}
+

package/src/utils/logo.js

@@ -0,0 +1,18 @@
+import gradient from 'gradient-string';
+
+export function showLogo() {
+  if (!process.stdout.isTTY || process.env.CI) return;
+
+  const logo = `
+ ██████╗ ███╗   ███╗     ██████╗ ██╗     ██╗
+██╔════╝ ████╗ ████║    ██╔════╝ ██║     ██║
+██║      ██╔████╔██║    ██║      ██║     ██║
+██║      ██║╚██╔╝██║    ██║      ██║     ██║
+╚██████╗ ██║ ╚═╝ ██║    ╚██████╗ ███████╗██║
+ ╚═════╝ ╚═╝     ╚═╝     ╚═════╝ ╚══════╝╚═╝
+`;
+
+  console.log(
+    gradient(['#00FFFF', '#00CED1', '#00BFFF', '#00FF7F'])(logo)
+  );
+}