pandax 0.0.1

package/templates/pandax-monorepo/apps/base/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "pandax-base",
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port 7101",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview --port 7101",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "catalog:",
+    "vue-router": "catalog:",
+    "pinia": "catalog:",
+    "axios": "catalog:",
+    "element-plus": "catalog:",
+    "@element-plus/icons-vue": "catalog:"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.0",
+    "vite": "catalog:",
+    "vue-tsc": "catalog:",
+    "typescript": "catalog:",
+    "sass": "^1.86.0",
+    "unocss": "^66.0.0",
+    "@unocss/preset-uno": "^66.0.0"
+  }
+}

package/templates/pandax-monorepo/apps/base/src/App.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import DefaultLayout from '@/layouts/default-layout/index.vue';
+</script>
+
+<template>
+  <DefaultLayout>
+    <RouterView />
+  </DefaultLayout>
+</template>
+
+<style scoped lang="scss">
+.app-root {
+  height: 100%;
+}
+</style>

package/templates/pandax-monorepo/apps/base/src/layouts/default-layout/index.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
+</script>
+
+<template>
+  <el-container class="default-layout h-screen">
+    <el-header class="bg-white shadow-sm flex items-center justify-between">
+      <span class="text-lg font-bold text-primary">Base 子应用</span>
+      <span class="text-sm text-gray-500">{{ route.path }}</span>
+    </el-header>
+    <el-main class="bg-gray-50">
+      <slot />
+    </el-main>
+  </el-container>
+</template>
+
+<style scoped lang="scss">
+.text-primary {
+  color: var(--el-color-primary);
+}
+</style>

package/templates/pandax-monorepo/apps/base/src/main.ts

@@ -0,0 +1,31 @@
+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';
+
+let app: ReturnType<typeof createApp> | null = null;
+
+function mount() {
+  app = createApp(App);
+  app.use(createPinia());
+  app.use(router);
+  app.use(ElementPlus);
+  app.mount('#app');
+}
+
+function unmount() {
+  app?.unmount();
+  app = null;
+}
+
+if (window.__POWERED_BY_WUJIE__) {
+  window.__WUJIE_MOUNT = mount;
+  window.__WUJIE_UNMOUNT = unmount;
+} else {
+  mount();
+}

package/templates/pandax-monorepo/apps/base/src/router/index.ts

@@ -0,0 +1,22 @@
+import { createRouter, createWebHistory } from 'vue-router';
+
+const routes = [
+  {
+    path: '/',
+    redirect: '/home',
+  },
+  {
+    path: '/home',
+    name: 'BaseHome',
+    component: () => import('@/views/home/index.vue'),
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(
+    window.__POWERED_BY_WUJIE__ ? '/base' : import.meta.env.BASE_URL
+  ),
+  routes,
+});
+
+export default router;

package/templates/pandax-monorepo/apps/base/src/stores/index.ts

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

package/templates/pandax-monorepo/apps/base/src/styles/global.scss

@@ -0,0 +1,19 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body,
+#app {
+  height: 100%;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
+    'Microsoft YaHei', Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.h-screen {
+  height: 100vh;
+}

package/templates/pandax-monorepo/apps/base/src/styles/variables.scss

@@ -0,0 +1,4 @@
+// 主题变量
+$primary-color: var(--el-color-primary);
+$text-color: var(--el-text-color-primary);
+$border-color: var(--el-border-color);

package/templates/pandax-monorepo/apps/base/src/types/wujie.d.ts

@@ -0,0 +1,16 @@
+declare global {
+  interface Window {
+    __POWERED_BY_WUJIE__?: boolean;
+    __WUJIE_MOUNT?: () => void;
+    __WUJIE_UNMOUNT?: () => void;
+    $wujie?: {
+      props?: Record<string, any>;
+      bus: {
+        $emit: (event: string, ...args: any[]) => void;
+        $on: (event: string, callback: (...args: any[]) => void) => void;
+      };
+    };
+  }
+}
+
+export {};

package/templates/pandax-monorepo/apps/base/src/views/home/index.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+const isWujie = computed(() => !!window.__POWERED_BY_WUJIE__);
+</script>
+
+<template>
+  <div class="base-home p-6">
+    <el-card shadow="never">
+      <template #header>
+        <div class="text-lg font-bold">Base 子应用</div>
+      </template>
+      <p class="text-gray-600 mb-4">
+        这是一个独立的 Vue 3 + Vite 8 子应用，支持 wujie 微前端嵌入和独立运行两种模式。
+      </p>
+      <el-tag :type="isWujie ? 'success' : 'info'">
+        当前运行模式：{{ isWujie ? 'wujie 微前端' : '独立运行' }}
+      </el-tag>
+    </el-card>
+  </div>
+</template>

package/templates/pandax-monorepo/apps/base/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "env.d.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/pandax-monorepo/apps/base/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/pandax-monorepo/apps/base/vite.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+import UnoCSS from 'unocss/vite';
+
+export default defineConfig({
+  base: '/',
+  plugins: [vue(), UnoCSS()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: `@use "@/styles/variables.scss" as *;`,
+      },
+    },
+  },
+  server: {
+    port: 7101,
+    strictPort: true,
+    cors: true,
+  },
+});

package/templates/pandax-monorepo/apps/main/env.d.ts

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

package/templates/pandax-monorepo/apps/main/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pandax Micro Frontend Main</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/pandax-monorepo/apps/main/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "pandax-main",
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port 7000",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "catalog:",
+    "vue-router": "catalog:",
+    "pinia": "catalog:",
+    "wujie": "^1.0.25",
+    "wujie-vue3": "^1.0.25",
+    "axios": "catalog:",
+    "element-plus": "catalog:",
+    "@element-plus/icons-vue": "catalog:"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.0",
+    "vite": "catalog:",
+    "vue-tsc": "catalog:",
+    "typescript": "catalog:",
+    "sass": "^1.86.0",
+    "unocss": "^66.0.0",
+    "@unocss/preset-uno": "^66.0.0"
+  }
+}

package/templates/pandax-monorepo/apps/main/src/App.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import DefaultLayout from '@/layouts/default-layout/index.vue';
+</script>
+
+<template>
+  <DefaultLayout>
+    <RouterView />
+  </DefaultLayout>
+</template>
+
+<style scoped lang="scss">
+.app-root {
+  height: 100%;
+}
+</style>

package/templates/pandax-monorepo/apps/main/src/layouts/MicroApp.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import WujieVue from 'wujie-vue3';
+
+interface Props {
+  name: string;
+  url: string;
+}
+
+const props = defineProps<Props>();
+</script>
+
+<template>
+  <div class="micro-app-container h-full w-full">
+    <WujieVue
+      :name="props.name"
+      :url="props.url"
+      :sync="true"
+      width="100%"
+      height="100%"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.micro-app-container {
+  position: relative;
+  overflow: hidden;
+}
+</style>

package/templates/pandax-monorepo/apps/main/src/layouts/default-layout/index.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { useRouter, useRoute } from 'vue-router';
+
+const router = useRouter();
+const route = useRoute();
+
+function navigateToBase() {
+  router.push('/base/home');
+}
+</script>
+
+<template>
+  <el-container class="default-layout h-screen">
+    <el-aside width="220px" class="bg-gray-1">
+      <div class="logo h-16 flex items-center justify-center text-lg font-bold">
+        Pandax
+      </div>
+      <el-menu
+        :default-active="route.path"
+        router
+        class="border-r-0"
+      >
+        <el-menu-item index="/">
+          <el-icon><HomeFilled /></el-icon>
+          <span>首页</span>
+        </el-menu-item>
+        <el-menu-item index="/base/home" @click="navigateToBase">
+          <el-icon><Menu /></el-icon>
+          <span>Base 子应用</span>
+        </el-menu-item>
+      </el-menu>
+    </el-aside>
+    <el-container>
+      <el-header class="bg-white shadow-sm flex items-center">
+        <span class="text-sm text-gray-500">微前端基座应用</span>
+      </el-header>
+      <el-main class="bg-gray-50">
+        <slot />
+      </el-main>
+    </el-container>
+  </el-container>
+</template>
+
+<style scoped lang="scss">
+.logo {
+  color: var(--el-color-primary);
+}
+</style>

package/templates/pandax-monorepo/apps/main/src/main.ts

@@ -0,0 +1,27 @@
+import { createApp } from 'vue';
+import { createPinia } from 'pinia';
+import { setupApp } from 'wujie';
+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';
+
+setupApp({
+  name: 'base',
+  url: '//localhost:7101',
+  exec: true,
+  props: {
+    token: localStorage.getItem('token') || '',
+  },
+});
+
+const app = createApp(App);
+
+app.use(createPinia());
+app.use(router);
+app.use(ElementPlus);
+
+app.mount('#app');

package/templates/pandax-monorepo/apps/main/src/router/index.ts

@@ -0,0 +1,22 @@
+import { createRouter, createWebHistory } from 'vue-router';
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('@/views/home/index.vue'),
+  },
+  {
+    path: '/base/:path(.*)',
+    name: 'BaseMicroApp',
+    component: () => import('@/layouts/MicroApp.vue'),
+    props: { name: 'base', url: '//localhost:7101' },
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+});
+
+export default router;

package/templates/pandax-monorepo/apps/main/src/stores/index.ts

@@ -0,0 +1,23 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+export const useMainStore = defineStore('main', () => {
+  const collapsed = ref(false);
+  const token = ref(localStorage.getItem('token') || '');
+
+  function setCollapsed(value: boolean) {
+    collapsed.value = value;
+  }
+
+  function setToken(value: string) {
+    token.value = value;
+    localStorage.setItem('token', value);
+  }
+
+  return {
+    collapsed,
+    token,
+    setCollapsed,
+    setToken,
+  };
+});

package/templates/pandax-monorepo/apps/main/src/styles/global.scss

@@ -0,0 +1,23 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body,
+#app {
+  height: 100%;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
+    'Microsoft YaHei', Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.h-screen {
+  height: 100vh;
+}
+
+.bg-gray-1 {
+  background-color: #f5f7fa;
+}

package/templates/pandax-monorepo/apps/main/src/styles/variables.scss

@@ -0,0 +1,8 @@
+// 主题变量
+$primary-color: var(--el-color-primary);
+$text-color: var(--el-text-color-primary);
+$border-color: var(--el-border-color);
+
+// 布局变量
+$aside-width: 220px;
+$header-height: 60px;

package/templates/pandax-monorepo/apps/main/src/views/home/index.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+
+function goToBase() {
+  router.push('/base/home');
+}
+</script>
+
+<template>
+  <div class="home-page p-6">
+    <el-card shadow="never">
+      <template #header>
+        <div class="text-lg font-bold">Pandax 微前端平台</div>
+      </template>
+      <p class="text-gray-600 mb-4">
+        这是基于 Vue 3 + Vite 8 + wujie 的微前端基座应用。
+      </p>
+      <el-button type="primary" @click="goToBase">
+        进入 Base 子应用
+      </el-button>
+    </el-card>
+  </div>
+</template>

package/templates/pandax-monorepo/apps/main/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "env.d.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/pandax-monorepo/apps/main/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/pandax-monorepo/apps/main/vite.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+import UnoCSS from 'unocss/vite';
+
+export default defineConfig({
+  plugins: [vue(), UnoCSS()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: `@use "@/styles/variables.scss" as *;`,
+      },
+    },
+  },
+  server: {
+    port: 7000,
+    strictPort: true,
+  },
+});

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

@@ -0,0 +1,38 @@
+// Conventional Commits 配置：https://commitlint.js.org/
+// 中文 commit 参考：https://www.conventionalcommits.org/zh-hans/v1.0.0/
+export default {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    // header（提交信息首行）最大长度 100，超过警告
+    'header-max-length': [2, 'always', 100],
+    // body 单行最大长度 120，超过警告
+    'body-max-line-length': [1, 'always', 120],
+    // type 必须是以下之一（小写）
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat', // 新功能
+        'fix', // 修复 bug
+        'docs', // 文档变更
+        'style', // 代码格式调整（不影响功能）
+        'refactor', // 重构
+        'perf', // 性能优化
+        'test', // 测试
+        'build', // 构建系统或外部依赖变更
+        'ci', // CI 配置
+        'chore', // 杂项（不修改 src 或 test）
+        'revert', // 回滚
+        'wip', // 开发中
+      ],
+    ],
+    // type 不能为空
+    'type-empty': [2, 'never'],
+    // subject 不能为空
+    'subject-empty': [2, 'never'],
+    // subject 不能以句号结尾
+    'subject-full-stop': [2, 'never', '.'],
+    // subject 大小写：不强制（中文 subject 不适用）
+    'subject-case': [0],
+  },
+};