pandax 0.0.1

package/templates/pandax-monorepo/eslint.config.js

@@ -0,0 +1,61 @@
+// Vue 3 官方推荐的 ESLint 9 flat config
+// 参考：https://eslint.vuejs.org/ + https://github.com/vuejs/eslint-config-typescript
+// 使用 @vue/eslint-config-typescript v14.9+ 的 withVueTs + vueTsConfigs API
+import pluginVue from 'eslint-plugin-vue';
+import { withVueTs, vueTsConfigs } from '@vue/eslint-config-typescript';
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting';
+
+export default withVueTs(
+  // 1. 待 lint 的文件范围
+  {
+    name: 'pandax/files-to-lint',
+    files: ['**/*.{ts,tsx,cts,mts,vue,js,jsx,cjs,mjs}'],
+  },
+
+  // 2. Vue 3 官方推荐规则（包含 vue 解析器）
+  pluginVue.configs['flat/recommended'],
+
+  // 3. TypeScript 推荐规则（不开 type-checked，类型检查交给 vue-tsc / tsc，保持 lint 速度）
+  // 如需深度类型感知 lint，可改为 vueTsConfigs.recommendedTypeChecked
+  vueTsConfigs.recommended,
+
+  // 4. 项目自定义规则（遵循 pandax-frontend-standards）
+  {
+    name: 'pandax/custom-rules',
+    rules: {
+      // 允许单个单词的组件名（如 Home、App）
+      'vue/multi-word-component-names': 'off',
+      // 允许 v-html（按需在业务代码中自行规避 XSS）
+      'vue/no-v-html': 'off',
+      // 未使用变量：以下划线开头视为有意保留
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^_', ignoreRestSiblings: true },
+      ],
+      // 显式 any 仅警告，不阻断提交
+      '@typescript-eslint/no-explicit-any': 'warn',
+      // 禁止 console.log，但允许 console.warn / console.error
+      'no-console': ['warn', { allow: ['warn', 'error'] }],
+      // 调试器一律报错
+      'no-debugger': 'error',
+    },
+  },
+
+  // 5. 忽略目录
+  {
+    name: 'pandax/files-to-ignore',
+    ignores: [
+      '**/dist/**',
+      '**/dist-ssr/**',
+      '**/coverage/**',
+      '**/.turbo/**',
+      '**/node_modules/**',
+      '**/.husky/**',
+      '**/*.d.ts',
+      'eslint.config.js',
+    ],
+  },
+
+  // 6. 关闭与 Prettier 冲突的格式规则（放在最后）
+  skipFormatting,
+);

package/templates/pandax-monorepo/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "pandax-monorepo",
+  "version": "1.0.0",
+  "private": true,
+  "packageManager": "pnpm@10.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "turbo run dev --parallel",
+    "build": "turbo run build",
+    "build:main": "pnpm --filter pandax-main build",
+    "build:apps": "turbo run build --filter=!./apps/main",
+    "lint": "turbo run lint",
+    "lint:fix": "turbo run lint:fix",
+    "format": "prettier --write \"**/*.{ts,tsx,cts,mts,vue,js,jsx,cjs,mjs,json,scss,md,yml,yaml}\"",
+    "format:check": "prettier --check \"**/*.{ts,tsx,cts,mts,vue,js,jsx,cjs,mjs,json,scss,md,yml,yaml}\"",
+    "typecheck": "turbo run typecheck",
+    "clean": "pnpm -r exec rm -rf node_modules dist .turbo",
+    "prepare": "husky",
+    "commit": "cz",
+    "commitlint": "commitlint --from=HEAD~1 --to=HEAD --verbose"
+  },
+  "devDependencies": {
+    "turbo": "^2.4.0",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "vue-tsc": "catalog:",
+    "sass": "^1.86.0",
+    "unocss": "^66.0.0",
+    "@unocss/preset-uno": "^66.0.0",
+    "eslint": "catalog:",
+    "eslint-plugin-vue": "catalog:",
+    "@vue/eslint-config-typescript": "catalog:",
+    "@vue/eslint-config-prettier": "catalog:",
+    "prettier": "catalog:",
+    "husky": "catalog:",
+    "lint-staged": "catalog:",
+    "@commitlint/cli": "catalog:",
+    "@commitlint/config-conventional": "catalog:",
+    "commitizen": "catalog:",
+    "cz-conventional-changelog": "catalog:"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,cts,mts,vue,js,jsx,cjs,mjs}": "eslint --fix",
+    "*.{ts,tsx,cts,mts,vue,js,jsx,cjs,mjs,json,scss,md,yml,yaml}": "prettier --write"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
+  }
+}

package/templates/pandax-monorepo/packages/components/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "pandax-components",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "scripts": {
+    "lint": "eslint . --ext .vue,.ts,.tsx --fix"
+  },
+  "dependencies": {
+    "vue": "catalog:",
+    "element-plus": "catalog:"
+  },
+  "devDependencies": {
+    "typescript": "catalog:"
+  }
+}

package/templates/pandax-monorepo/packages/components/src/PandaButton.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+interface Props {
+  type?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  type: 'primary',
+});
+</script>
+
+<template>
+  <el-button :type="props.type">
+    <slot />
+  </el-button>
+</template>

package/templates/pandax-monorepo/packages/components/src/PandaCard.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+interface Props {
+  title?: string;
+}
+
+const props = defineProps<Props>();
+</script>
+
+<template>
+  <el-card shadow="never">
+    <template v-if="props.title" #header>
+      <div class="font-bold">{{ props.title }}</div>
+    </template>
+    <slot />
+  </el-card>
+</template>

package/templates/pandax-monorepo/packages/components/src/index.ts

@@ -0,0 +1,2 @@
+export { default as PandaButton } from './PandaButton.vue';
+export { default as PandaCard } from './PandaCard.vue';

package/templates/pandax-monorepo/packages/core/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "pandax-core",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./request": "./src/request.ts"
+  },
+  "scripts": {
+    "lint": "eslint . --ext .ts,.tsx --fix"
+  },
+  "dependencies": {
+    "axios": "catalog:"
+  },
+  "devDependencies": {
+    "typescript": "catalog:"
+  }
+}

package/templates/pandax-monorepo/packages/core/src/index.ts

@@ -0,0 +1,2 @@
+export { default as request } from './request';
+export * from './utils';

package/templates/pandax-monorepo/packages/core/src/request.ts

@@ -0,0 +1,24 @@
+import axios from 'axios';
+
+const request = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
+  timeout: 10000,
+});
+
+request.interceptors.request.use((config) => {
+  const token = localStorage.getItem('token');
+  if (token) {
+    config.headers.Authorization = `Bearer ${token}`;
+  }
+  return config;
+});
+
+request.interceptors.response.use(
+  (response) => response.data,
+  (error) => {
+    // 统一错误处理
+    return Promise.reject(error);
+  }
+);
+
+export default request;

package/templates/pandax-monorepo/packages/core/src/utils.ts

@@ -0,0 +1,7 @@
+export function isObject(value: unknown): value is Record<string, any> {
+  return value !== null && typeof value === 'object' && !Array.isArray(value);
+}
+
+export function sleep(ms: number): Promise<void> {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}

package/templates/pandax-monorepo/packages/hooks/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "pandax-hooks",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "scripts": {
+    "lint": "eslint . --ext .ts,.tsx --fix"
+  },
+  "dependencies": {
+    "vue": "catalog:"
+  },
+  "devDependencies": {
+    "typescript": "catalog:"
+  }
+}

package/templates/pandax-monorepo/packages/hooks/src/index.ts

@@ -0,0 +1,2 @@
+export * from './useCounter';
+export * from './useToggle';

package/templates/pandax-monorepo/packages/hooks/src/useCounter.ts

@@ -0,0 +1,27 @@
+import { ref, computed } from 'vue';
+
+export function useCounter(initial = 0) {
+  const count = ref(initial);
+
+  const double = computed(() => count.value * 2);
+
+  function increment() {
+    count.value += 1;
+  }
+
+  function decrement() {
+    count.value -= 1;
+  }
+
+  function reset() {
+    count.value = initial;
+  }
+
+  return {
+    count,
+    double,
+    increment,
+    decrement,
+    reset,
+  };
+}

package/templates/pandax-monorepo/packages/hooks/src/useToggle.ts

@@ -0,0 +1,19 @@
+import { ref } from 'vue';
+
+export function useToggle(initial = false) {
+  const state = ref(initial);
+
+  function toggle() {
+    state.value = !state.value;
+  }
+
+  function set(value: boolean) {
+    state.value = value;
+  }
+
+  return {
+    state,
+    toggle,
+    set,
+  };
+}

package/templates/pandax-monorepo/packages/styles/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "pandax-styles",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "exports": {
+    ".": "./src/index.ts",
+    "./variables": "./src/variables.scss",
+    "./uno": "./src/uno.ts"
+  },
+  "scripts": {
+    "lint": "eslint . --ext .ts,.tsx --fix"
+  },
+  "devDependencies": {
+    "typescript": "catalog:",
+    "unocss": "^66.0.0",
+    "@unocss/preset-uno": "^66.0.0"
+  }
+}

package/templates/pandax-monorepo/packages/styles/src/index.ts

@@ -0,0 +1 @@
+export { default as unoConfig } from './uno';

package/templates/pandax-monorepo/packages/styles/src/uno.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'unocss';
+import presetUno from '@unocss/preset-uno';
+
+export default defineConfig({
+  presets: [presetUno()],
+  shortcuts: {
+    'flex-center': 'flex items-center justify-center',
+    'text-ellipsis': 'overflow-hidden text-ellipsis whitespace-nowrap',
+  },
+  theme: {
+    colors: {
+      primary: '#409eff',
+      success: '#67c23a',
+      warning: '#e6a23c',
+      danger: '#f56c6c',
+      info: '#909399',
+    },
+  },
+});

package/templates/pandax-monorepo/packages/styles/src/variables.scss

@@ -0,0 +1,14 @@
+// Pandax 主题变量
+:root {
+  --pandax-primary: #409eff;
+  --pandax-success: #67c23a;
+  --pandax-warning: #e6a23c;
+  --pandax-danger: #f56c6c;
+  --pandax-info: #909399;
+}
+
+$primary: var(--pandax-primary);
+$success: var(--pandax-success);
+$warning: var(--pandax-warning);
+$danger: var(--pandax-danger);
+$info: var(--pandax-info);

package/templates/pandax-monorepo/pnpm-workspace.yaml

@@ -0,0 +1,32 @@
+packages:
+  - 'apps/*'
+  - 'packages/*'
+
+# 统一各子包共享依赖的版本，避免多版本冲突
+catalog:
+  vue: ^3.5.0
+  vue-router: ^4.5.0
+  pinia: ^2.3.0
+  axios: ^1.8.0
+  # TypeScript 6.0 是 5.x → 7.0 的官方推荐过渡版本
+  # 暂不升 7.0：vue-tsc / Volar 等 Vue 工具链依赖 TS programmatic API，
+  # TS 7.0 未提供稳定 API（要等 7.1，约 2026-10），强行升 7 会导致 vue-tsc 报
+  # ERR_PACKAGE_PATH_NOT_EXPORTED。详见 SKILL.md「工程规范配置」章节
+  typescript: ^6.0.3
+  vue-tsc: ^3.3.11
+  vite: ^8.0.0
+  element-plus: ^2.9.0
+  '@element-plus/icons-vue': ^2.3.0
+  # 代码规范（Vue 3 官方推荐：ESLint 9 + flat config）
+  eslint: ^9.18.0
+  eslint-plugin-vue: ^9.33.0
+  '@vue/eslint-config-typescript': ^14.9.0
+  '@vue/eslint-config-prettier': ^10.1.0
+  prettier: ^3.5.0
+  # 提交规范（Conventional Commits）
+  husky: ^9.1.7
+  lint-staged: ^15.3.0
+  '@commitlint/cli': ^19.6.1
+  '@commitlint/config-conventional': ^19.6.0
+  commitizen: ^4.3.1
+  cz-conventional-changelog: ^3.3.0

package/templates/pandax-monorepo/turbo.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "globalDependencies": ["**/.env.*local"],
+  "pipeline": {
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/**"]
+    },
+    "typecheck": {
+      "dependsOn": ["^build"]
+    },
+    "lint": {
+      "outputs": []
+    },
+    "lint:fix": {
+      "outputs": []
+    },
+    "dev": {
+      "cache": false,
+      "persistent": true
+    }
+  }
+}

package/templates/vue3/.eslintrc.cjs

@@ -0,0 +1,16 @@
+/* eslint-env node */
+module.exports = {
+  root: true,
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-explicit-any': 'warn',
+  },
+};

package/templates/vue3/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "printWidth": 120,
+  "tabWidth": 2
+}

package/templates/vue3/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/templates/vue3/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vue3 Project</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/vue3/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "vue3-project",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+    "format": "prettier --write ."
+  },
+  "dependencies": {
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0",
+    "pinia": "^2.1.7",
+    "axios": "^1.6.8",
+    "element-plus": "^2.6.1",
+    "@element-plus/icons-vue": "^2.3.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.4",
+    "vite": "^5.2.0",
+    "vue-tsc": "^2.0.6",
+    "typescript": "^5.4.0",
+    "eslint": "^8.57.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "eslint-plugin-vue": "^9.24.0",
+    "prettier": "^3.2.5",
+    "sass": "^1.72.0",
+    "unocss": "^0.58.6",
+    "@unocss/preset-uno": "^0.58.6"
+  }
+}

package/templates/vue3/src/App.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router';
+</script>
+
+<template>
+  <RouterView />
+</template>
+
+<style scoped lang="scss">
+#app {
+  width: 100%;
+  height: 100%;
+}
+</style>

package/templates/vue3/src/api/index.ts

@@ -0,0 +1,27 @@
+import axios from 'axios';
+
+const request = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
+  timeout: 10000,
+});
+
+request.interceptors.request.use(
+  (config) => {
+    // 请求拦截
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+request.interceptors.response.use(
+  (response) => {
+    return response.data;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+export default request;

package/templates/vue3/src/assets/.gitkeep

@@ -0,0 +1 @@
+# placeholder

package/templates/vue3/src/components/.gitkeep

@@ -0,0 +1 @@
+# placeholder

package/templates/vue3/src/composables/.gitkeep

@@ -0,0 +1 @@
+# placeholder

package/templates/vue3/src/constants/.gitkeep

@@ -0,0 +1 @@
+# placeholder

package/templates/vue3/src/directives/.gitkeep

@@ -0,0 +1 @@
+# placeholder

package/templates/vue3/src/layouts/default-layout/index.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router';
+</script>
+
+<template>
+  <div class="default-layout">
+    <header class="layout-header">Header</header>
+    <main class="layout-main">
+      <RouterView />
+    </main>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.default-layout {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.layout-header {
+  height: 60px;
+  padding: 0 24px;
+  background-color: $bg-color-base;
+  border-bottom: 1px solid $border-color-base;
+}
+
+.layout-main {
+  flex: 1;
+  overflow: auto;
+}
+</style>

package/templates/vue3/src/locales/.gitkeep

@@ -0,0 +1 @@
+# placeholder

package/templates/vue3/src/main.ts

@@ -0,0 +1,17 @@
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import ElementPlus from 'element-plus';
+import 'element-plus/dist/index.css';
+import 'virtual:uno.css';
+import './styles/global.scss';
+
+import App from './App.vue';
+import router from './router';
+
+const app = createApp(App);
+
+app.use(createPinia());
+app.use(router);
+app.use(ElementPlus);
+
+app.mount('#app');

package/templates/vue3/src/router/index.ts

@@ -0,0 +1,17 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('@/views/home/index.vue'),
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+});
+
+export default router;

package/templates/vue3/src/services/.gitkeep

@@ -0,0 +1 @@
+# placeholder

package/templates/vue3/src/stores/index.ts

@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+export const useAppStore = defineStore('app', () => {
+  const count = ref(0);
+
+  function increment() {
+    count.value++;
+  }
+
+  return { count, increment };
+});