congmao-cli 1.0.0

package/src/template/Vue2/.editorconfig

@@ -0,0 +1,14 @@
+root = true
+
+[*]
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{ts,js,vue,css}]
+indent_size = 2

package/src/template/Vue2/.env

@@ -0,0 +1,2 @@
+# 打包路径 根据项目不同按需配置
+VITE_BASE_URL = /

package/src/template/Vue2/.env.development

@@ -0,0 +1,2 @@
+# 打包路径
+VITE_BASE_URL = /

package/src/template/Vue2/.env.site

@@ -0,0 +1,2 @@
+# 打包路径 根据项目不同按需配置
+VITE_BASE_URL = https://static.tdesign.tencent.com/starter/vue/

package/src/template/Vue2/.prettierrc.js

@@ -0,0 +1,39 @@
+module.exports = {
+  // 一行最多 120 字符
+  printWidth: 120,
+  // 使用 2 个空格缩进
+  tabWidth: 2,
+  // 不使用缩进符，而使用空格
+  useTabs: false,
+  // 行尾需要有分号
+  semi: true,
+  // 使用单引号
+  singleQuote: true,
+  // 对象的 key 仅在必要时用引号
+  quoteProps: 'as-needed',
+  // jsx 不使用单引号，而使用双引号
+  jsxSingleQuote: false,
+  // 末尾需要有逗号
+  trailingComma: 'all',
+  // 大括号内的首尾需要空格
+  bracketSpacing: true,
+  // jsx 标签的反尖括号需要换行
+  jsxBracketSameLine: false,
+  // 箭头函数，只有一个参数的时候，也需要括号
+  arrowParens: 'always',
+  // 每个文件格式化的范围是文件的全部内容
+  rangeStart: 0,
+  rangeEnd: Infinity,
+  // 不需要写文件开头的 @prettier
+  requirePragma: false,
+  // 不需要自动在文件开头插入 @prettier
+  insertPragma: false,
+  // 使用默认的折行标准
+  proseWrap: 'preserve',
+  // 根据显示样式决定 html 要不要折行
+  htmlWhitespaceSensitivity: 'css',
+  // vue 文件中的 script 和 style 内不用缩进
+  vueIndentScriptAndStyle: false,
+  // 换行符使用 lf
+  endOfLine: 'lf',
+};

package/src/template/Vue2/.stylelintignore

@@ -0,0 +1,8 @@
+# .stylelintignore
+# 旧的不需打包的样式库
+*.min.css
+
+# 其他类型文件
+*.js
+*.jpg
+*.woff

package/src/template/Vue2/README-zh_CN.md

@@ -0,0 +1,115 @@
+<p style="display:flex; justify-content: center">
+
+</p>
+<p align="center">
+  <a href="https://tdesign.tencent.com/starter/vue/#/dashboard/base" target="_blank">
+    <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/starter/brand-logo.svg">
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatility"></a>
+  <a href="https://github.com/Tencent/tdesign-vue/blob/develop/LICENSE">
+    <img src="https://img.shields.io/npm/l/tdesign-vue.svg?sanitize=true" alt="License">
+  </a>
+</p>
+
+简体中文 | [English](./README.md) 
+
+### 项目简介
+
+TDesign Vue Starter 是一个基于 tdesign-vue，使用 `Vue2`、`Vite`开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。
+
+<p>
+  <a href="http://tdesign.tencent.com/starter/vue/">在线预览</a>
+  ·
+  <a href="https://tdesign.tencent.com/starter/docs/vue/get-started">使用文档</a>
+
+</p>
+
+<img src="docs/docs-starter.png">
+
+### 特性
+
+- 内置多种常用的中后台页面
+- 完善的目录结构
+- 完善的代码规范配置
+- 支持暗黑模式
+- 自定义主题颜色
+- 多种空间布局
+- 内置 Mock 数据方案
+
+### 使用
+
+> 通过 [tdesign-starter-cli](https://www.npmjs.com/package/tdesign-starter-cli) 初始化项目仓库
+
+```bash
+## 1、安装 tdesign-starter-cli
+npm i tdesign-starter-cli@latest -g
+
+## 2、创建项目
+td-starter init
+```
+
+### 开发
+
+```bash
+## 安装依赖
+npm install
+
+## 启动项目
+npm run dev
+```
+
+### 构建
+
+```bash
+## 构建正式环境
+npm run build
+
+## 构建测试环境
+npm run build:test
+```
+
+### 其他
+
+```bash
+## 预览构建产物
+npm run preview
+
+## 代码格式检查
+npm run lint
+
+## 代码格式检查与自动修复
+npm run lint:fix
+
+## style格式检查
+npm run stylelint
+
+## style格式检查与自动修复
+npm run stylelint:fix
+```
+
+### 如何贡献
+
+非常欢迎您的贡献！提交您的 [Issue](https://github.com/tencent/tdesign-vue-starter/issues/new/choose) 或者提交 [Pull Request](https://github.com/Tencent/tdesign-vue-starter/pulls)。
+
+#### 贡献提交规范
+
+- [Angular Convention](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular)
+- [Vue Style Guide](https://v3.vuejs.org/style-guide/#rule-categories)
+
+### 兼容性
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Edge >=84                                                                                                                                                                                                        | Firefox >=83                                                                                                                                                                                                      | Chrome >=84                                                                                                                                                                                                   | Safari >=14.1                                                                                                                                                                                                   |
+
+### 社区版本
+
+基于 TDesign Vue 的 starter-kit 有多种社区版本，访问 [社区链接](https://tdesign.tencent.com/starter/docs/vue/community-link) 可以访问更多版本。 
+如果您也开发了 TDesign Starter 的社区版本，可以提交 Issue 或者直接给我们提Pull Request 😊。
+
+### 开源协议
+
+TDesign 遵循 [MIT 协议](https://github.com/Tencent/tdesign-vue-starter/LICENSE)。

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

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

package/src/template/Vue2/globals.d.ts

@@ -0,0 +1,13 @@
+// 通用声明
+declare type ClassName = { [className: string]: any } | ClassName[] | string;
+
+declare interface ImportMeta {
+  env: {
+    MODE: 'mock' | 'development' | 'test' | 'release' | 'site';
+  };
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

package/src/template/Vue2/index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.18.js"></script>
+
+    <title>TDesign Starter</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.jsx"></script>
+    <script language="javascript">
+      if (window.location.host === 'tdesign.tencent.com') {
+        const aegis = new Aegis({
+          id: 'rDISNMyXgqWDFPyHMB', // 项目ID，即上报key
+          reportAssetSpeed: true, // 静态资源测速
+        });
+      }
+    </script>
+  </body>
+
+  <script>
+    window.global = window;
+  </script>
+</html>

package/src/template/Vue2/jsx.d.ts

@@ -0,0 +1,13 @@
+import Vue, { VNode } from 'vue';
+
+
+declare global {
+  namespace JSX {
+    type Element = VNode;
+    type ElementClass = Vue;
+    interface IntrinsicElements {
+      [elem: string]: any;
+    }
+    type IntrinsicAttributes = any;
+  }
+}

package/src/template/Vue2/mock/index.ts

@@ -0,0 +1,147 @@
+import { MockMethod } from 'vite-plugin-mock';
+import Mock from 'mockjs';
+
+export default [
+  {
+    url: '/api/get-purchase-list',
+    method: 'get',
+    response: () => ({
+      code: 0,
+      data: {
+        ...Mock.mock({
+          'list|1-100': [
+            {
+              index: /S20201228115950[0-9][0-9][0-9]/,
+              pdName: 'Macbook',
+              pdNum: 'p_tmp_60a637cd0d',
+              'purchaseNum|1-100': 100,
+              adminName: '财务部111',
+              updateTime: '2020-05-20@date("HH:mm:ss")',
+              pdType: '电子产品',
+            },
+            {
+              index: /S20201228115950[0-9][0-9][0-9]/,
+              pdName: 'Macbook',
+              pdNum: 'p_tmp_60a637cd0d',
+              'purchaseNum|1-100': 100,
+              adminName: '财务部',
+              updateTime: '2020-05-20@date("HH:mm:ss")',
+            },
+          ],
+        }),
+      },
+    }),
+  },
+  {
+    url: '/api/get-list',
+    method: 'get',
+    response: () => ({
+      code: 0,
+      data: {
+        ...Mock.mock({
+          'list|1-100': [
+            {
+              'index|+1': 1,
+              'status|1': '@natural(0, 4)',
+              no: 'BH00@natural(01, 100)',
+              name: '@city()办公用品采购项目',
+              'paymentType|1': '@natural(0, 1)',
+              'contractType|1': '@natural(0, 2)',
+              updateTime: '2020-05-30 @date("HH:mm:ss")',
+              amount: '@natural(10, 500),000,000',
+              adminName: '@cname()',
+            },
+          ],
+        }),
+      },
+    }),
+  },
+  {
+    url: '/api/detail-basic',
+    method: 'get',
+    response: () => ({
+      code: 0,
+      data: {
+        ...Mock.mock({
+          name: 'td_20023747',
+          loginType: 'Web',
+          currentRole: 'Admin',
+          rightsList: '通用权限',
+          userStatus: '启用',
+          language: '简体中文',
+          timeZone: '(GMT+08:00)中国时区—北京（Asia/Beijing）',
+        }),
+      },
+    }),
+  },
+  {
+    url: '/api/get-card-list',
+    method: 'get',
+    response: () => ({
+      code: 0,
+      data: {
+        ...Mock.mock({
+          'list|48-50': [
+            {
+              'index|+1': 1,
+              isSetup: '@boolean',
+              'type|1': '@natural(1, 5)',
+              'banner|1': [
+                'https://tdesign.gtimg.com/starter/cloud-db.jpg',
+                'https://tdesign.gtimg.com/starter/cloud-server.jpg',
+                'https://tdesign.gtimg.com/starter/ssl.jpg',
+                'https://tdesign.gtimg.com/starter/t-sec.jpg',
+                'https://tdesign.gtimg.com/starter/face-recognition.jpg',
+              ],
+              'name|1': ['人脸识别', 'SSL证书', 'CVM', '云数据库', 'T-Sec 云防火墙'],
+              'description|1': [
+                '基于腾讯优图强大的面部分析技术，提供包括人脸检测与分析、五官定位、人脸搜索、人脸比对、人脸',
+                '云硬盘为您提供用于CVM的持久性数据块级存储服务。云硬盘中的数据自动地可用区内以多副本冗',
+                'SSL证书又叫服务器证书，腾讯云为您提供证书的一站式服务，包括免费、付费证书的申请、管理及部',
+                '腾讯安全云防火墙产品，是腾讯云安全团队结合云原生的优势，自主研发的SaaS化防火墙产品，无需客无需客无需客无需客无需客无需客无需客',
+                '云数据库MySQL为用户提供安全可靠，性能卓越、易于维护的企业级云数据库服务。',
+              ],
+            },
+          ],
+        }),
+      },
+    }),
+  },
+  {
+    url: '/api/get-project-list',
+    method: 'get',
+    response: () => ({
+      code: 0,
+      data: {
+        ...Mock.mock({
+          'list|1-50': [
+            {
+              'index|+1': 1,
+              adminPhone: '+86 13587609955',
+              updateTime: '2020-05-30 @date("HH:mm:ss")',
+              'adminName|1': ['顾娟	', '常刚', '郑洋'],
+              'name|1': [
+                '沧州市办公用品采购项目',
+                '红河哈尼族彝族自治州办公用品采购项目	',
+                '铜川市办公用品采购项目',
+                '陇南市办公用品采购项目	',
+                '六安市办公用品采购项目	 ',
+              ],
+            },
+          ],
+        }),
+      },
+    }),
+  },
+  {
+    url: '/api/post',
+    method: 'post',
+    timeout: 2000,
+    response: {
+      code: 0,
+      data: {
+        name: 'vben',
+      },
+    },
+  },
+] as MockMethod[];

package/src/template/Vue2/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "tdesign-vue-starter",
+  "version": "0.6.2",
+  "scripts": {
+    "dev:mock": "vite --open --mode mock",
+    "dev": "vite --open --mode development",
+    "dev:linux": "vite --mode development",
+    "build:test": "vite build --mode test",
+    "build": "vite build --mode release",
+    "build:site": "vite build --mode site",
+    "site:preview": "npm run build && cp -r dist _site",
+    "preview": "vite preview",
+    "lint": "eslint --ext .vue,.js,.jsx,.ts,.tsx ./ --max-warnings 0",
+    "lint:fix": "eslint --ext .vue,.js,jsx,.ts,.tsx ./ --max-warnings 0 --fix",
+    "stylelint": "stylelint src/**/*.{html,vue,sass,less}",
+    "stylelint:fix": "stylelint --cache --fix src/**/*.{html,vue,vss,sass,less}",
+    "prepare": "husky install",
+    "test": "echo \"no test specified,work in process\"",
+    "test:coverage": "echo \"no test:coverage specified,work in process\""
+  },
+  "dependencies": {
+    "axios": "^1.1.3",
+    "dayjs": "^1.10.8",
+    "echarts": "5.1.2",
+    "lodash": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "qrcode.vue": "^1.7.0",
+    "tdesign-icons-vue": "^0.1.6",
+    "tdesign-vue": "^1.3.0",
+    "tvision-color": "~1.5.0",
+    "typescript": "^4.2.4",
+    "vue": "~2.6.14",
+    "vue-clipboard2": "^0.3.1",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2",
+    "vuex-router-sync": "^5.0.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/lodash": "^4.14.202",
+    "@types/vue-color": "^2.4.3",
+    "@typescript-eslint/eslint-plugin": "^4.19.0",
+    "@typescript-eslint/parser": "^4.19.0",
+    "commitizen": "^4.2.3",
+    "eslint": "^7.22.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-vue": "^7.8.0",
+    "husky": "^8.0.1",
+    "less": "^4.1.0",
+    "lint-staged": "^13.0.3",
+    "mockjs": "^1.1.0",
+    "prettier": "^2.6.0",
+    "stylelint": "~13.13.1",
+    "stylelint-config-prettier": "~9.0.3",
+    "stylelint-less": "1.0.5",
+    "stylelint-order": "~4.1.0",
+    "vite": "^4.1.4",
+    "vite-plugin-mock": "^2.3.0",
+    "vite-plugin-theme": "^0.8.1",
+    "vite-plugin-vue2": "^2.0.1",
+    "vite-plugin-vue2-svg": "~0.4.0",
+    "vue-template-compiler": "~2.6.14"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "prepare-commit-msg": "exec < /dev/tty && git cz --hook || true",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,vue,ts,tsx}": [
+      "prettier --write",
+      "npm run lint:fix",
+      "git add ."
+    ],
+    "*.{html,vue,vss,sass,less}": [
+      "npm run stylelint:fix",
+      "git add ."
+    ]
+  }
+}

package/src/template/Vue2/package.json.ejs

@@ -0,0 +1,91 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.6.2",
+  "scripts": {
+    "dev:mock": "vite --open --mode mock",
+    "dev": "vite --open --mode development",
+    "dev:linux": "vite --mode development",
+    "build:test": "vite build --mode test",
+    "build": "vite build --mode release",
+    "build:site": "vite build --mode site",
+    "site:preview": "npm run build && cp -r dist _site",
+    "preview": "vite preview",
+    "lint": "eslint --ext .vue,.js,.jsx,.ts,.tsx ./ --max-warnings 0",
+    "lint:fix": "eslint --ext .vue,.js,jsx,.ts,.tsx ./ --max-warnings 0 --fix",
+    "stylelint": "stylelint src/**/*.{html,vue,sass,less}",
+    "stylelint:fix": "stylelint --cache --fix src/**/*.{html,vue,vss,sass,less}",
+    "prepare": "husky install",
+    "test": "echo \"no test specified,work in process\"",
+    "test:coverage": "echo \"no test:coverage specified,work in process\""
+  },
+  "dependencies": {
+    "axios": "^1.1.3",
+    "dayjs": "^1.10.8",
+    "echarts": "5.1.2",
+    "lodash": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "qrcode.vue": "^1.7.0",
+    "tdesign-icons-vue": "^0.1.6",
+    "tdesign-vue": "^1.3.0",
+    "tvision-color": "~1.5.0",
+    "typescript": "^4.2.4",
+    "vue": "~2.6.14",
+    "vue-clipboard2": "^0.3.1",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2",
+    "vuex-router-sync": "^5.0.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/lodash": "^4.14.202",
+    "@types/vue-color": "^2.4.3",
+    "@typescript-eslint/eslint-plugin": "^4.19.0",
+    "@typescript-eslint/parser": "^4.19.0",
+    "commitizen": "^4.2.3",
+    "eslint": "^7.22.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-vue": "^7.8.0",
+    "husky": "^8.0.1",
+    "less": "^4.1.0",
+    "lint-staged": "^13.0.3",
+    "mockjs": "^1.1.0",
+    "prettier": "^2.6.0",
+    "stylelint": "~13.13.1",
+    "stylelint-config-prettier": "~9.0.3",
+    "stylelint-less": "1.0.5",
+    "stylelint-order": "~4.1.0",
+    "vite": "^4.1.4",
+    "vite-plugin-mock": "^2.3.0",
+    "vite-plugin-theme": "^0.8.1",
+    "vite-plugin-vue2": "^2.0.1",
+    "vite-plugin-vue2-svg": "~0.4.0",
+    "vue-template-compiler": "~2.6.14"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "prepare-commit-msg": "exec < /dev/tty && git cz --hook || true",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,vue,ts,tsx}": [
+      "prettier --write",
+      "npm run lint:fix",
+      "git add ."
+    ],
+    "*.{html,vue,vss,sass,less}": [
+      "npm run stylelint:fix",
+      "git add ."
+    ]
+  }
+}

package/src/template/Vue2/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import Vue from 'vue';
+
+  export default Vue;
+}

package/src/template/Vue2/src/App.vue

@@ -0,0 +1,19 @@
+<template>
+  <router-view :class="[mode]" />
+</template>
+
+<script>
+import Vue from 'vue';
+import config from '@/config/style';
+
+export default Vue.extend({
+  computed: {
+    mode() {
+      return this.$store.getters['setting/mode'];
+    },
+  },
+  mounted() {
+    this.$store.dispatch('setting/changeTheme', { ...config });
+  },
+});
+</script>