首次提交

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.env.development

@@ -0,0 +1,9 @@
+# 页面标题
+VITE_APP_TITLE = Fantastic-admin 基础版
+# 接口请求地址，会设置到 axios 的 baseURL 参数上
+VITE_APP_API_BASEURL = /
+# 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
+VITE_APP_DEBUG_TOOL =
+
+# 是否开启代理
+VITE_OPEN_PROXY = false

.env.example

@@ -0,0 +1,13 @@
+# 页面标题
+VITE_APP_TITLE = Fantastic-admin 基础版
+# 接口请求地址，会设置到 axios 的 baseURL 参数上
+VITE_APP_API_BASEURL = /
+# 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
+VITE_APP_DEBUG_TOOL =
+
+# 是否在打包时启用 Mock
+VITE_BUILD_MOCK = true
+# 是否在打包时生成 sourcemap
+VITE_BUILD_SOURCEMAP = false
+# 是否在打包时开启压缩，支持 gzip 和 brotli
+VITE_BUILD_COMPRESS = gzip,brotli

.github/workflows/deploy-example-site.yml

@@ -0,0 +1,64 @@
+name: deploy-example-site
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          # “最近更新时间” 等 git 日志相关信息，需要拉取全部提交记录
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          # 选择要使用的 node 版本
+          node-version: 18
+          # registry-url: https://registry.npmmirror.com/
+
+      - uses: pnpm/action-setup@v2.2.4
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 8
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: |
+          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+      - name: Install antfu/ni
+        run: npm i -g @antfu/ni
+
+      - name: Install dependencies
+        run: ni --frozen
+
+      # 运行构建脚本
+      - name: Build
+        env:
+          NODE_OPTIONS: --max-old-space-size=8192
+        run: nr build:example
+
+      # 查看 workflow 的文档来获取更多信息
+      # @see https://github.com/crazy-max/ghaction-github-pages
+      - name: Deploy to GitHub Pages
+        uses: crazy-max/ghaction-github-pages@v3
+        with:
+          # 部署到 gh-pages 分支
+          target_branch: gh-pages
+          # 部署目录
+          build_dir: dist-example
+        env:
+          # @see https://docs.github.com/cn/actions/reference/authentication-in-a-workflow#about-the-github_token-secret
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -0,0 +1,7 @@
+node_modules
+.DS_Store
+dist*
+dist-ssr
+*.local
+.eslintcache
+.stylelintcache

.lintstagedrc

@@ -0,0 +1,4 @@
+{
+  "*.{ts,tsx,vue}": "eslint . --cache --fix",
+  "*.{css,scss,vue}": "stylelint src/**/*.{css,scss,vue} --cache --fix --allow-empty-input"
+}

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.stylelintignore

@@ -0,0 +1,4 @@
+dist
+node_modules
+src/assets/sprites
+public/tinymce

.stylelintrc

@@ -0,0 +1,45 @@
+{
+  "extends": [
+    "stylelint-stylistic/config",
+    "stylelint-config-standard-scss",
+    "stylelint-config-standard-vue/scss"
+  ],
+  "plugins": [
+    "stylelint-scss"
+  ],
+  "rules": {
+    "stylistic/max-line-length": null,
+    "stylistic/block-closing-brace-newline-after": [
+      "always",
+      {
+        "ignoreAtRules": ["if", "else"]
+      }
+    ],
+    "at-rule-no-unknown": null,
+    "no-descending-specificity": null,
+    "property-no-unknown": null,
+    "font-family-no-missing-generic-family-keyword": null,
+    "selector-class-pattern": null,
+    "function-no-unknown": [
+      true,
+      {
+        "ignoreFunctions": [
+          "v-bind",
+          "map-get",
+          "lighten",
+          "darken"
+        ]
+      }
+    ],
+    "selector-pseudo-element-no-unknown": [
+      true,
+      {
+        "ignorePseudoElements": [
+          "/^view-transition/"
+        ]
+      }
+    ],
+    "scss/double-slash-comment-empty-line-before": null,
+    "scss/no-global-function-names": null
+  }
+}

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+  "recommendations": [
+    "EditorConfig.EditorConfig",
+    "mikestead.dotenv",
+    "dbaeumer.vscode-eslint",
+    "stylelint.vscode-stylelint",
+    "Vue.volar",
+    "Vue.vscode-typescript-vue-plugin",
+    "antfu.unocss"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,27 @@
+{
+  "eslint.experimental.useFlatConfig": true,
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true,
+    "source.fixAll.stylelint": true,
+    "source.organizeImports": false
+  },
+  "stylelint.validate": [
+    "css",
+    "scss",
+    "vue"
+  ],
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ]
+}

README.md

@@ -0,0 +1,7 @@
+> [!IMPORTANT]
+>
+> 本仓库基于 Fantastic-admin 源码开发，仅作为**UI组件库替换**演示用
+>
+> 将 Element Plus 替换为 TDesign 的详情操作步骤请查看官方文档（编写中）
+>
+> 无特别情况将不会与 Fantastic-admin 最新源码同步，请勿将本仓库源码用于生产环境

eslint.config.js

@@ -0,0 +1,27 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu(
+  {
+    ignores: [
+      'public',
+      'dist*',
+    ],
+  },
+  {
+    rules: {
+      'eslint-comments/no-unlimited-disable': 'off',
+      'curly': ['error', 'all'],
+      'antfu/consistent-list-newline': 'off',
+    },
+  },
+  {
+    files: [
+      'src/**/*.vue',
+    ],
+    rules: {
+      'vue/component-tags-order': ['error', {
+        order: ['route', 'script', 'template', 'style'],
+      }],
+    },
+  },
+)

index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <link rel="stylesheet" href="/loading.css" />
+    <link rel="stylesheet" href="/browser_upgrade/index.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Expires" content="0">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Cache-control" content="no-cache">
+    <meta http-equiv="Cache" content="no-cache">
+    <title>%VITE_APP_TITLE%</title>
+  </head>
+  <body>
+    <div id="app">
+      <div class="fantastic-admin-home">
+        <div class="loading">
+          <div class="square"></div>
+          <div class="square"></div>
+          <div class="square"></div>
+          <div class="square"></div>
+        </div>
+        <div class="text">载入中</div>
+      </div>
+      <div id="browser-upgrade">
+        <div class="title">为了您的体验，推荐使用以下浏览器</div>
+        <div class="browsers">
+          <a href="https://www.microsoft.com/edge" target="_blank" class="browser">
+            <img class="browser-icon" src="/browser_upgrade/edge.png" />
+            <div class="browser-name">Mircosoft Edge</div>
+          </a>
+          <a href="https://www.google.cn/chrome/" target="_blank" class="browser">
+            <img class="browser-icon" src="/browser_upgrade/chrome.png" />
+            <div class="browser-name">Google Chrome</div>
+          </a>
+        </div>
+      </div>
+    </div>
+    <script>
+      if (!!window.ActiveXObject || 'ActiveXObject' in window) {
+        document.getElementById('browser-upgrade').style.display = 'block'
+      }
+    </script>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,99 @@
+{
+  "type": "module",
+  "version": "3.2.3",
+  "scripts": {
+    "dev": "vite",
+    "build:example": "vue-tsc && vite build --mode example",
+    "serve:example": "http-server ./dist-example -o",
+    "svgo": "svgo -f src/assets/icons",
+    "new": "plop",
+    "generate:icons": "esno ./scripts/generate.icons.ts",
+    "lint": "npm-run-all -s lint:tsc lint:eslint lint:stylelint",
+    "lint:tsc": "vue-tsc",
+    "lint:eslint": "eslint . --cache --fix",
+    "lint:stylelint": "stylelint src/**/*.{css,scss,vue} --cache --fix --allow-empty-input",
+    "postinstall": "simple-git-hooks",
+    "preinstall": "npx only-allow pnpm",
+    "commit": "git cz",
+    "release": "bumpp"
+  },
+  "dependencies": {
+    "@headlessui/vue": "^1.7.16",
+    "@vueuse/core": "^10.5.0",
+    "@vueuse/integrations": "^10.5.0",
+    "axios": "^1.5.1",
+    "dayjs": "^1.11.10",
+    "defu": "^6.1.2",
+    "eruda": "^3.0.1",
+    "floating-vue": "2.0.0-beta.24",
+    "hotkeys-js": "^3.12.0",
+    "lodash-es": "^4.17.21",
+    "mitt": "^3.0.1",
+    "mockjs": "^1.1.0",
+    "nprogress": "^0.2.0",
+    "overlayscrollbars-vue": "^0.5.5",
+    "path-browserify": "^1.0.1",
+    "path-to-regexp": "^6.2.1",
+    "pinia": "^2.1.6",
+    "qs": "^6.11.2",
+    "scule": "^1.0.0",
+    "tdesign-vue-next": "^1.6.4",
+    "vconsole": "^3.15.1",
+    "vue": "^3.3.4",
+    "vue-m-message": "^4.0.2",
+    "vue-router": "^4.2.5"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "1.0.0-beta.26",
+    "@iconify/json": "^2.2.127",
+    "@iconify/vue": "^4.1.1",
+    "@types/lodash-es": "^4.17.10",
+    "@types/nprogress": "^0.2.1",
+    "@types/path-browserify": "^1.0.0",
+    "@types/qs": "^6.9.8",
+    "@vitejs/plugin-legacy": "^4.1.1",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.2",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.51.0",
+    "esno": "^0.17.0",
+    "fs-extra": "^11.1.1",
+    "http-server": "^14.1.1",
+    "inquirer": "^9.2.11",
+    "lint-staged": "^14.0.1",
+    "npm-run-all": "^4.1.5",
+    "plop": "^4.0.0",
+    "postcss-html": "^1.5.0",
+    "sass": "^1.69.2",
+    "simple-git-hooks": "^2.9.0",
+    "stylelint": "^15.10.3",
+    "stylelint-config-standard-scss": "^11.0.0",
+    "stylelint-config-standard-vue": "^1.0.0",
+    "stylelint-scss": "^5.2.1",
+    "stylelint-stylistic": "^0.4.3",
+    "svgo": "^3.0.2",
+    "terser": "^5.21.0",
+    "typescript": "^5.2.2",
+    "unocss": "^0.56.5",
+    "unplugin-auto-import": "^0.16.6",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "^4.4.11",
+    "vite-plugin-banner": "^0.7.1",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-mock": "^2.9.8",
+    "vite-plugin-pages": "^0.31.0",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-inspector": "^4.0.0",
+    "vite-plugin-vue-meta-layouts": "^0.3.1",
+    "vue-tsc": "^1.8.19"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged",
+    "preserveUnused": true
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git"
+    }
+  }
+}