@moluoxixi/create-app 2.0.4 → 2.0.403

package/templates/vue/base/src/main.ts.ejs

@@ -4,7 +4,6 @@
  */
 
 <% if (qiankun) { -%>
-import type { QiankunProps } from 'vite-plugin-qiankun/dist/helper'
 import { qiankunWindow, renderWithQiankun } from 'vite-plugin-qiankun/dist/helper'
 <% } -%>
 import { createApp } from 'vue'
@@ -26,11 +25,14 @@ import '@/assets/styles/element/index.scss'
 import '@/assets/styles/main.scss'
 import '@/assets/fonts/index.css'
 
-<% if (qiankun) { -%>
 let app: ReturnType<typeof createApp> | null = null
 
-async function render(props: QiankunProps = {}): Promise<void> {
-  const { container } = props
+/**
+ * 渲染应用
+ * @param props 渲染属性
+ */
+async function render(props: Record<string, unknown> = {}): Promise<void> {
+  const { container } = props as { container?: Element }
   app = createApp(App)
 
   directives(app)
@@ -59,12 +61,13 @@ async function render(props: QiankunProps = {}): Promise<void> {
   }
 }
 
+<% if (qiankun) { -%>
 if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
   render({})
 }
 else {
   renderWithQiankun({
-    async mount(props: QiankunProps) {
+    async mount(props: Record<string, unknown>) {
       await render(props)
     },
     bootstrap() {},
@@ -76,25 +79,6 @@ else {
   })
 }
 <% } else { -%>
-const app = createApp(App)
-
-directives(app)
-const router = getRouter({})
-
-<% if (sentry) { -%>
-initSentry(app, router, {
-  dsn: import.meta.env.VITE_SENTRY_DSN,
-  environment: import.meta.env.MODE,
-})
-
-<% } -%>
-app.use(store)
-<% if (i18n) { -%>
-app.use(i18n)
-<% } -%>
-app.use(router)
-app.config.warnHandler = () => null
-
-app.mount('#app')
+render({})
 <% } -%>
 

package/templates/vue/base/src/pages/about/index.vue

@@ -1,31 +1,31 @@
-<script setup lang="ts">
-/**
- * 关于页面
- */
-</script>
-
-<template>
-  <div class="about-page">
-    <h1>关于</h1>
-    <p>这是关于页面</p>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.about-page {
-  padding: 24px;
-  text-align: center;
-
-  h1 {
-    font-size: 32px;
-    margin-bottom: 16px;
-    color: #333;
-  }
-
-  p {
-    font-size: 16px;
-    color: #666;
-  }
-}
-</style>
-
+<script setup lang="ts">
+/**
+ * 关于页面
+ */
+</script>
+
+<template>
+  <div class="about-page">
+    <h1>关于</h1>
+    <p>这是关于页面</p>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.about-page {
+  padding: 24px;
+  text-align: center;
+
+  h1 {
+    font-size: 32px;
+    margin-bottom: 16px;
+    color: #333;
+  }
+
+  p {
+    font-size: 16px;
+    color: #666;
+  }
+}
+</style>
+

package/templates/vue/base/src/pages/home/index.vue

@@ -1,31 +1,31 @@
-<script setup lang="ts">
-/**
- * 首页
- */
-</script>
-
-<template>
-  <div class="home-page">
-    <h1>欢迎使用 Vue Template</h1>
-    <p>这是一个基于 Vue 3 + Vite + TypeScript 的项目模板</p>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.home-page {
-  padding: 24px;
-  text-align: center;
-
-  h1 {
-    font-size: 32px;
-    margin-bottom: 16px;
-    color: #333;
-  }
-
-  p {
-    font-size: 16px;
-    color: #666;
-  }
-}
-</style>
-
+<script setup lang="ts">
+/**
+ * 首页
+ */
+</script>
+
+<template>
+  <div class="home-page">
+    <h1>欢迎使用 Vue Template</h1>
+    <p>这是一个基于 Vue 3 + Vite + TypeScript 的项目模板</p>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.home-page {
+  padding: 24px;
+  text-align: center;
+
+  h1 {
+    font-size: 32px;
+    margin-bottom: 16px;
+    color: #333;
+  }
+
+  p {
+    font-size: 16px;
+    color: #666;
+  }
+}
+</style>
+

package/templates/vue/base/src/router/index.ts.ejs

@@ -3,7 +3,6 @@
  */
 
 <% if (qiankun) { -%>
-import type { QiankunProps } from 'vite-plugin-qiankun/dist/helper'
 import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper'
 <% } -%>
 import { createRouter, createWebHistory } from 'vue-router'
@@ -13,27 +12,25 @@ import routes from '~pages'
 import { routes } from './routes'
 <% } -%>
 
-<% if (qiankun) { -%>
-export default function getRouter(props: QiankunProps = {}) {
+/**
+ * 获取路由实例
+ * @param props 路由属性
+ * @returns 路由实例
+ */
+export default function getRouter(props: Record<string, unknown> = {}) {
   const router = createRouter({
     history: createWebHistory(
+<% if (qiankun) { -%>
       qiankunWindow.__POWERED_BY_QIANKUN__
         ? '/sub-app/'
         : import.meta.env.BASE_URL,
-    ),
-    routes,
-  })
-
-  return router
-}
 <% } else { -%>
-export default function getRouter(_props: Record<string, unknown> = {}) {
-  const router = createRouter({
-    history: createWebHistory(import.meta.env.BASE_URL),
+      import.meta.env.BASE_URL,
+<% } -%>
+    ),
     routes,
   })
 
   return router
 }
-<% } -%>
 

package/templates/vue/base/tsconfig.app.json

@@ -1,17 +1,17 @@
-{
-  "extends": "./tsconfig.base.json",
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "env.d.ts",
-    "src/**/*",
-    "src/**/*.vue"
-  ]
-}
-
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "env.d.ts",
+    "src/**/*",
+    "src/**/*.vue"
+  ]
+}
+

package/templates/vue/base/tsconfig.base.json

@@ -1,23 +1,23 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "preserve",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "resolveJsonModule": true,
-    "esModuleInterop": true
-  }
-}
-
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true
+  }
+}
+

package/templates/vue/base/tsconfig.json

@@ -1,12 +1,12 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
-}
-
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}
+

package/templates/vue/base/tsconfig.node.json

@@ -1,15 +1,15 @@
-{
-  "extends": "./tsconfig.base.json",
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "types": ["node"]
-  },
-  "include": [
-    "vite.config.*",
-    "eslint.config.*",
-    "commitlint.config.*",
-    "scripts/**/*"
-  ]
-}
-
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "types": ["node"]
+  },
+  "include": [
+    "vite.config.*",
+    "eslint.config.*",
+    "commitlint.config.*",
+    "scripts/**/*"
+  ]
+}
+

package/templates/vue/features/ant-design-vue/package.json

@@ -1,7 +1,6 @@
-{
-  "dependencies": {
-    "@ant-design/icons-vue": "catalog:build",
-    "ant-design-vue": "catalog:build"
-  }
-}
-
+{
+  "dependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "ant-design-vue": "^4.2.1"
+  }
+}

package/templates/vue/{base → features/ant-design-vue}/src/layouts/AntDesign.vue

@@ -1,86 +1,86 @@
-<script setup lang="ts">
-/**
- * Ant Design Vue 布局组件
- */
-import { ref } from 'vue';
-
-const sidebarCollapsed = ref(false);
-
-function toggleSidebar(): void {
-  sidebarCollapsed.value = !sidebarCollapsed.value;
-}
-</script>
-
-<template>
-  <a-layout class="layout-container">
-    <a-layout-sider
-      v-model:collapsed="sidebarCollapsed"
-      collapsible
-      :trigger="null"
-      class="layout-sider"
-    >
-      <div class="logo">
-        <span v-if="!sidebarCollapsed">Logo</span>
-      </div>
-      <a-menu theme="dark" mode="inline" :default-selected-keys="['1']">
-        <a-menu-item key="1">
-          <span>首页</span>
-        </a-menu-item>
-        <a-menu-item key="2">
-          <span>关于</span>
-        </a-menu-item>
-      </a-menu>
-    </a-layout-sider>
-    <a-layout>
-      <a-layout-header class="layout-header">
-        <a-button @click="toggleSidebar">
-          {{ sidebarCollapsed ? '展开' : '折叠' }}
-        </a-button>
-      </a-layout-header>
-      <a-layout-content class="layout-content">
-        <slot />
-      </a-layout-content>
-    </a-layout>
-  </a-layout>
-</template>
-
-<style scoped lang="scss">
-.layout-container {
-  height: 100vh;
-}
-
-.layout-sider {
-  overflow: auto;
-  height: 100vh;
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-}
-
-.logo {
-  height: 32px;
-  margin: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  font-size: 18px;
-  font-weight: bold;
-}
-
-.layout-header {
-  background: #fff;
-  padding: 0 16px;
-  display: flex;
-  align-items: center;
-}
-
-.layout-content {
-  margin: 24px 16px;
-  padding: 24px;
-  background: #fff;
-  min-height: 280px;
-}
-</style>
-
+<script setup lang="ts">
+/**
+ * Ant Design Vue 布局组件
+ */
+import { ref } from 'vue';
+
+const sidebarCollapsed = ref(false);
+
+function toggleSidebar(): void {
+  sidebarCollapsed.value = !sidebarCollapsed.value;
+}
+</script>
+
+<template>
+  <a-layout class="layout-container">
+    <a-layout-sider
+      v-model:collapsed="sidebarCollapsed"
+      collapsible
+      :trigger="null"
+      class="layout-sider"
+    >
+      <div class="logo">
+        <span v-if="!sidebarCollapsed">Logo</span>
+      </div>
+      <a-menu theme="dark" mode="inline" :default-selected-keys="['1']">
+        <a-menu-item key="1">
+          <span>首页</span>
+        </a-menu-item>
+        <a-menu-item key="2">
+          <span>关于</span>
+        </a-menu-item>
+      </a-menu>
+    </a-layout-sider>
+    <a-layout>
+      <a-layout-header class="layout-header">
+        <a-button @click="toggleSidebar">
+          {{ sidebarCollapsed ? '展开' : '折叠' }}
+        </a-button>
+      </a-layout-header>
+      <a-layout-content class="layout-content">
+        <slot />
+      </a-layout-content>
+    </a-layout>
+  </a-layout>
+</template>
+
+<style scoped lang="scss">
+.layout-container {
+  height: 100vh;
+}
+
+.layout-sider {
+  overflow: auto;
+  height: 100vh;
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.logo {
+  height: 32px;
+  margin: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.layout-header {
+  background: #fff;
+  padding: 0 16px;
+  display: flex;
+  align-items: center;
+}
+
+.layout-content {
+  margin: 24px 16px;
+  padding: 24px;
+  background: #fff;
+  min-height: 280px;
+}
+</style>
+

package/templates/vue/features/element-plus/package.json

@@ -1,7 +1,6 @@
-{
-  "dependencies": {
-    "@element-plus/icons-vue": "catalog:build",
-    "element-plus": "catalog:build"
-  }
-}
-
+{
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "element-plus": "^2.11.3"
+  }
+}

package/templates/vue/{base → features/element-plus}/src/assets/styles/element/index.scss

@@ -1,27 +1,27 @@
-/**
- * Element Plus 样式定制
- * 自定义 Element Plus 主题
- */
-
-@forward 'element-plus/theme-chalk/src/common/var.scss' with (
-  $colors: (
-    'primary': (
-      'base': #409eff,
-    ),
-    'success': (
-      'base': #67c23a,
-    ),
-    'warning': (
-      'base': #e6a23c,
-    ),
-    'danger': (
-      'base': #f56c6c,
-    ),
-    'info': (
-      'base': #909399,
-    ),
-  ),
-);
-
-@use 'element-plus/theme-chalk/src/index.scss' as *;
-
+/**
+ * Element Plus 样式定制
+ * 自定义 Element Plus 主题
+ */
+
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #409eff,
+    ),
+    'success': (
+      'base': #67c23a,
+    ),
+    'warning': (
+      'base': #e6a23c,
+    ),
+    'danger': (
+      'base': #f56c6c,
+    ),
+    'info': (
+      'base': #909399,
+    ),
+  ),
+);
+
+@use 'element-plus/theme-chalk/src/index.scss' as *;
+

package/templates/vue/features/element-plus/src/components/SubMenu/index.ts

@@ -0,0 +1,9 @@
+/**
+ * SubMenu 组件导出
+ */
+
+import SubMenu from './src/index.vue'
+
+export { SubMenu }
+export default SubMenu
+

package/templates/vue/{base → features/element-plus}/src/components/SubMenu/src/_types/index.ts

@@ -1,6 +1,6 @@
-/**
- * SubMenu 类型导出
- */
-
-export * from './props';
-
+/**
+ * SubMenu 类型导出
+ */
+
+export * from './props'
+