@moluoxixi/create-app 2.0.432 → 2.0.433

package/templates/vue/features/ant-design-vue/src/layouts/AntDesign.vue

@@ -1,85 +1,85 @@
-<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>
-
-<script setup lang="ts">
-/**
- * Ant Design Vue 布局组件
- */
-import { ref } from 'vue'
-
-const sidebarCollapsed = ref(false)
-
-function toggleSidebar(): void {
-  sidebarCollapsed.value = !sidebarCollapsed.value
-}
-</script>
-
-<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>
+<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>
+
+<script setup lang="ts">
+/**
+ * Ant Design Vue 布局组件
+ */
+import { ref } from 'vue'
+
+const sidebarCollapsed = ref(false)
+
+function toggleSidebar(): void {
+  sidebarCollapsed.value = !sidebarCollapsed.value
+}
+</script>
+
+<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/ant-design-vue/src/main/features/ant-design-vue.ts

@@ -1,18 +1,18 @@
-/**
- * Ant Design Vue UI 组件库 feature 设置
- */
-
-import type { App } from 'vue'
-import type { Router } from 'vue-router'
-
-/** 执行顺序 - 样式应该尽早加载 */
-export const order = 5
-
-/**
- * 设置 Ant Design Vue
- * @param _app - Vue 应用实例（未使用，自动导入）
- * @param _router - Vue Router 实例（未使用）
- */
-export function setup(_app: App, _router: Router): void {
-  // Ant Design Vue 通过 unplugin-vue-components 自动导入
-}
+/**
+ * Ant Design Vue UI 组件库 feature 设置
+ */
+
+import type { App } from 'vue'
+import type { Router } from 'vue-router'
+
+/** 执行顺序 - 样式应该尽早加载 */
+export const order = 5
+
+/**
+ * 设置 Ant Design Vue
+ * @param _app - Vue 应用实例（未使用，自动导入）
+ * @param _router - Vue Router 实例（未使用）
+ */
+export function setup(_app: App, _router: Router): void {
+  // Ant Design Vue 通过 unplugin-vue-components 自动导入
+}

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

@@ -1,10 +1,10 @@
-{
-  "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "element-plus": "^2.11.3",
-    "pinia": "^2.2.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
-    "vue": "^3.5.13",
-    "vue-router": "^4.4.5"
-  }
-}
+{
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "element-plus": "^2.11.3",
+    "pinia": "^2.2.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "vue": "^3.5.13",
+    "vue-router": "^4.4.5"
+  }
+}

package/templates/vue/features/element-plus/src/assets/styles/base.scss

@@ -1,69 +1,69 @@
-:root {
-  --primary-color: #3a77ff; /* 主色调 */
-  --primary-color-1: #3a81ff; /* 辅助色1 */
-  --primary-color-2: #518fff; /* 辅助色2 */
-  --primary-color-3: #53a0fd; /* 辅助色3 */
-  --primary-color-4: #f7faff; /* 辅助色4 */
-  --success-color: #0eb67f; /* 辅助色5 */
-  --success-color-1: #f6fffc; /* 辅助色6 */
-  --warning-color: #f5ab01; /* 提醒色 */
-  --danger-color: #ef6b53; /* 警告色 */
-
-  /* 文字颜色 */
-  --text-color: #2a3651;
-  --text-color-1: #29354f;
-  --text-color-disable: #a9aeb9;
-  --text-color-choose: #3a77ff;
-  --text-color-white: white;
-
-  /* 边框色 */
-  --border-color-1: #dcdfe6;
-  --border-color-2: #b1b6bd;
-  --border-color-3: #e3e6e9;
-  --border-color-4: #e0e4e8;
-  --border-color-5: #0317c4bf;
-  --border-color-6: #7ba4ff;
-
-  /* 背景色 */
-  --bg-color-1: #f1f2f4;
-  --bg-color-2: #fafbfc;
-  --bg-color-3: #29354f;
-  --bg-color-4: #f5f7fa;
-  --bg-color-5: #f6f9ff;
-  --bg-color-6: #ebf2ff;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: #dddee0; /* 设置滑块的颜色 */
-  border-radius: 5px; /* 设置滑块的圆角 */
-}
-
-body {
-  color: var(--text-color);
-  transition:
-    color 0.5s,
-    background-color 0.5s;
-  font-size: 14px;
-  font-family: SourceHanSans-Regular, serif;
-}
-
-#app {
-  margin: 0;
-  padding: 0;
-  font-weight: normal;
-  background: #f1f2f4;
-  height: 100%;
-  overflow-y: auto;
-}
+:root {
+  --primary-color: #3a77ff; /* 主色调 */
+  --primary-color-1: #3a81ff; /* 辅助色1 */
+  --primary-color-2: #518fff; /* 辅助色2 */
+  --primary-color-3: #53a0fd; /* 辅助色3 */
+  --primary-color-4: #f7faff; /* 辅助色4 */
+  --success-color: #0eb67f; /* 辅助色5 */
+  --success-color-1: #f6fffc; /* 辅助色6 */
+  --warning-color: #f5ab01; /* 提醒色 */
+  --danger-color: #ef6b53; /* 警告色 */
+
+  /* 文字颜色 */
+  --text-color: #2a3651;
+  --text-color-1: #29354f;
+  --text-color-disable: #a9aeb9;
+  --text-color-choose: #3a77ff;
+  --text-color-white: white;
+
+  /* 边框色 */
+  --border-color-1: #dcdfe6;
+  --border-color-2: #b1b6bd;
+  --border-color-3: #e3e6e9;
+  --border-color-4: #e0e4e8;
+  --border-color-5: #0317c4bf;
+  --border-color-6: #7ba4ff;
+
+  /* 背景色 */
+  --bg-color-1: #f1f2f4;
+  --bg-color-2: #fafbfc;
+  --bg-color-3: #29354f;
+  --bg-color-4: #f5f7fa;
+  --bg-color-5: #f6f9ff;
+  --bg-color-6: #ebf2ff;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #dddee0; /* 设置滑块的颜色 */
+  border-radius: 5px; /* 设置滑块的圆角 */
+}
+
+body {
+  color: var(--text-color);
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  font-size: 14px;
+  font-family: SourceHanSans-Regular, serif;
+}
+
+#app {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+  background: #f1f2f4;
+  height: 100%;
+  overflow-y: auto;
+}

package/templates/vue/features/element-plus/src/assets/styles/custom.scss

@@ -1,20 +1,20 @@
-.text-bold {
-  font-family: SourceHanSans-Semibold, serif;
-  font-weight: bold;
-}
-
-.text-medium {
-  font-family: SourceHanSans-Medium, serif;
-}
-
-.text-regular {
-  font-family: SourceHanSans-Regular, serif;
-}
-
-.text-light {
-  font-family: SourceHanSans-Light, serif;
-}
-
-.box-shadow {
-  box-shadow: 0 2px 10px 0 rgb(52 81 212 / 20%);
-}
+.text-bold {
+  font-family: SourceHanSans-Semibold, serif;
+  font-weight: bold;
+}
+
+.text-medium {
+  font-family: SourceHanSans-Medium, serif;
+}
+
+.text-regular {
+  font-family: SourceHanSans-Regular, serif;
+}
+
+.text-light {
+  font-family: SourceHanSans-Light, serif;
+}
+
+.box-shadow {
+  box-shadow: 0 2px 10px 0 rgb(52 81 212 / 20%);
+}

package/templates/vue/features/element-plus/src/assets/styles/element.scss

@@ -1,27 +1,27 @@
-/**
- * Element Plus 样式定制
- * 自定义 Element Plus 主题
- */
-@forward 'element-plus/theme-chalk/src/mixins/config.scss';
-
-@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/mixins/config.scss';
+
+@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/assets/styles/main.scss

@@ -1,9 +1,9 @@
-/**
- * 主样式文件
- * 导入所有样式
- */
-
-@use './base.scss';
-@use './custom.scss';
-@use './tailwind.scss';
-@use 'element.scss';
+/**
+ * 主样式文件
+ * 导入所有样式
+ */
+
+@use './base.scss';
+@use './custom.scss';
+@use './tailwind.scss';
+@use 'element.scss';

package/templates/vue/features/element-plus/src/assets/styles/tailwind.scss

@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

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

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