create-young-proj 0.6.1 → 0.7.0

package/template-nuxt-admin/public/image_placeholder.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<rect x="17.5" y="30" width="15" height="40" fill="#93dbe9">
+  <animate attributeName="y" repeatCount="indefinite" dur="1s" calcMode="spline" keyTimes="0;0.5;1" values="18;30;30" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.2s"></animate>
+  <animate attributeName="height" repeatCount="indefinite" dur="1s" calcMode="spline" keyTimes="0;0.5;1" values="64;40;40" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.2s"></animate>
+</rect>
+<rect x="42.5" y="30" width="15" height="40" fill="#689cc5">
+  <animate attributeName="y" repeatCount="indefinite" dur="1s" calcMode="spline" keyTimes="0;0.5;1" values="20.999999999999996;30;30" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.1s"></animate>
+  <animate attributeName="height" repeatCount="indefinite" dur="1s" calcMode="spline" keyTimes="0;0.5;1" values="58.00000000000001;40;40" keySplines="0 0.5 0.5 1;0 0.5 0.5 1" begin="-0.1s"></animate>
+</rect>
+<rect x="67.5" y="30" width="15" height="40" fill="#5e6fa3">
+  <animate attributeName="y" repeatCount="indefinite" dur="1s" calcMode="spline" keyTimes="0;0.5;1" values="20.999999999999996;30;30" keySplines="0 0.5 0.5 1;0 0.5 0.5 1"></animate>
+  <animate attributeName="height" repeatCount="indefinite" dur="1s" calcMode="spline" keyTimes="0;0.5;1" values="58.00000000000001;40;40" keySplines="0 0.5 0.5 1;0 0.5 0.5 1"></animate>
+</rect>
+<!-- [ldio] generated by https://loading.io/ --></svg>

package/template-nuxt-admin/rome.json

@@ -0,0 +1,26 @@
+{
+  "formatter": {
+    "ignore": [
+      "*.d.ts",
+      "index.html",
+      "yarn.lock",
+      "*.json",
+      "README.md",
+      ".nuxt/*",
+      ".vscode/*",
+      "Dockerfile",
+      "*.vue"
+    ],
+    "indentStyle": "space",
+    "indentSize": 2,
+    "lineWidth": 100
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "linter": {
+    "enabled": false
+  }
+}

package/template-nuxt-admin/server/api/[...all].ts

@@ -0,0 +1,10 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-21 09:50:36
+ * @LastEditTime: 2023-07-21 09:50:36
+ * @Description:
+ */
+export default eventHandler(async (event) => {
+  const proxy = createTransparentProxy(process.env.NUXT_PUBLIC_API_BASE as string);
+  await proxy.handle(event);
+});

package/template-nuxt-admin/server/plugins/env.ts

@@ -0,0 +1,89 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2022-12-30 17:19:42
+ * @LastEditTime: 2023-07-31 17:52:20
+ * @Description:
+ */
+import { resolve } from 'node:path';
+import { loadConfig } from 'c12';
+import { useYoungLogger } from '@bluesyoung/logger';
+
+export default defineNitroPlugin(async (nitroApp) => {
+  const env = (process.env.DEPLOY_ENV as 'dev' | 'test' | 'online') || 'dev';
+  const { config } = await loadConfig<Record<string, any>>({
+    name: env,
+    cwd: resolve(process.cwd(), 'config'),
+    defaultConfig: {
+      // 此处可以放置通用的环境变量
+      // 由于频繁修改 package.json 会浪费 docker 性能，故将版本信息放于此处
+      // 优先读取环境变量中的版本信息(自己打的 Tag)
+      NUXT_PUBLIC_CURRENT_VERSION: process.env.PROJECT_VERSION || 'v0.0.1',
+
+      NUXT_PUBLIC_TITLE: 'XXX-后台管理系统',
+      NUXT_PUBLIC_SUB_TITLE: '做XXX我们是认真的！',
+      NUXT_PUBLIC_SLOGAN: 'XXXXX, XXXXX',
+      NUXT_PUBLIC_LOGIN_BG:
+        'https://dogefs.s3.ladydaily.com/~/source/unsplash/photo-1688380692117-63178554d76d?ixid=M3wyNjY4NDZ8MHwxfHRvcGljfHxhZXU2ckwtajZld3x8fHx8Mnx8MTY5MDAxMDMzNnw&ixlib=rb-4.0.3&w=1920&h=1080&fmt=webp',
+      NUXT_PUBLIC_LOGIN_LOGO: 'https://api.iconify.design/logos:nuxt-icon.svg?color=%23f74d49',
+    },
+  });
+
+  for (const key in config) {
+    if (process.env[key]) {
+      console.log(
+        '系统环境变量优先: ',
+        key,
+        ' = ',
+        process.env[key],
+        ' -> ',
+        config[key],
+        ' -> ',
+        '覆盖',
+      );
+      config[key] = process.env[key];
+    } else {
+      process.env[key] = config[key];
+    }
+    if (!(key.indexOf('NUXT_PUBLIC_') === 0)) {
+      delete config[key];
+    }
+  }
+
+  console.log('------------------------读取配置文件------------------------');
+  console.log(config);
+  console.log('-------------------------------------------------------------');
+
+  // 仅打包之后格式化日志
+  if (process.env.NODE_ENV !== 'development') {
+    useYoungLogger();
+  }
+
+  nitroApp.hooks.hook('render:html', (html, { event }) => {
+    // 直接注入环境变量到前端
+    html.bodyPrepend.push(`
+    <!-- 注入环境变量 -->
+    <script>window.__YOUNG_ENV__=${JSON.stringify(config)}</script>
+    <!-- 更新检测，每分钟一次 -->
+    <script>
+    setInterval(() => {
+      fetch('/get/env')
+        .then((res) => res.json())
+        .then(({ NUXT_PUBLIC_CURRENT_VERSION }) => {
+          if (NUXT_PUBLIC_CURRENT_VERSION !== window.__YOUNG_ENV__.NUXT_PUBLIC_CURRENT_VERSION) {
+            alert('版本已更新，请重新加载页面！');
+            window.location.reload();
+          }
+        });
+    }, 6e4);
+    </script>
+    `);
+
+    // 移动端调试控制台，需要使用就放开下面的注释
+    // if (process.env.NODE_ENV === 'development' || process.env.NUXT_PUBLIC_ENABLE_CONSOLE) {
+    //   html.bodyAppend.push(`
+    //   <script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script>
+    //   <script>eruda.init();</script>
+    //   `);
+    // }
+  });
+});

package/template-nuxt-admin/server/routes/get/env.ts

@@ -0,0 +1,13 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-20 19:48:12
+ * @LastEditTime: 2023-07-21 11:18:40
+ * @Description:
+ */
+export default defineEventHandler(async (event) => {
+  const envObj = {
+    NUXT_PUBLIC_CURRENT_VERSION: process.env.PROJECT_VERSION || 'v0.0.1',
+  };
+
+  return envObj;
+});

package/template-nuxt-admin/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../.nuxt/tsconfig.server.json"
+}

package/template-nuxt-admin/server/utils/index.ts

@@ -0,0 +1,35 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-05-29 10:29:52
+ * @LastEditTime: 2023-06-17 16:20:40
+ * @Description:
+ */
+import { type ServerOptions as HTTPProxyOptions } from 'http-proxy';
+import ProxyModule from 'http-proxy';
+import type { H3Event } from 'h3';
+/**
+ * @param target 接口代理的具体地址
+ * @param defaults 代理配置
+ * @example
+ * export default defineEventHandler(async (event) => {
+ *   const proxy = createTransparentProxy(`http://127.0.0.1:3333`);
+ *   await proxy.handle(event);
+ * });
+ */
+export const createTransparentProxy = (target: string, defaults: HTTPProxyOptions = {}) => {
+  const proxy = ProxyModule.createProxy();
+  const handle = (event: H3Event, opts: HTTPProxyOptions = {}) => {
+    return new Promise<void>((resolve, reject) => {
+      proxy.web(event.node.req, event.node.res, { target, ...defaults, ...opts }, (error: any) => {
+        if (error.code !== 'ECONNRESET') {
+          reject(error);
+        }
+        resolve();
+      });
+    });
+  };
+  return {
+    proxy,
+    handle,
+  };
+};

package/template-nuxt-admin/styles/element.scss

@@ -0,0 +1,30 @@
+// el-table 样式
+.el-table {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+
+  table {
+    width: 100%;
+  }
+
+  .el-table__header th {
+    font-weight: bold;
+    color: var(--el-text-color-primary);
+    background: var(--el-fill-color-light) !important;
+  }
+}
+
+// el-dialog 样式
+.el-dialog {
+  .el-dialog__header {
+    padding: 15px 20px;
+    margin: 0;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+
+    .el-dialog__title {
+      font-size: 17px;
+    }
+  }
+}

package/template-nuxt-admin/styles/index.scss

@@ -0,0 +1,59 @@
+@import './element.scss';
+
+// 滚动条样式
+@mixin base-scrollbar {
+  &::-webkit-scrollbar {
+    width: 13px;
+    height: 13px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgb(0 0 0 / 10%);
+    background-clip: padding-box;
+    border: 3px solid transparent;
+    border-radius: 7px;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: rgb(0 0 0 / 30%);
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-track:hover {
+    background-color: #f8fafc;
+  }
+}
+
+html body,
+#__nuxt {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: 100vh;
+  padding: 0;
+  overflow: auto;
+  font-family: 'PingFang SC', Arial, 'Microsoft YaHei', sans-serif;
+  font-size: 14px;
+  color: var(--el-color-black);
+  background: #f6f8f9;
+  -webkit-font-smoothing: antialiased;
+  @include base-scrollbar;
+
+  div {
+    @include base-scrollbar;
+  }
+
+  .layout-admin-wrapper {
+    .app-main-container {
+      @include base-scrollbar;
+    }
+  }
+}
+
+:root {
+  --el-color-white: #fff;
+  --el-color-grey: rgb(0 0 0 / 65%);
+}

package/template-nuxt-admin/styles/variable.scss

@@ -0,0 +1,103 @@
+// 框架默认主题色
+$base-color-default: #1890ff;
+
+// 默认层级
+$base-z-index: 999;
+
+// 横向布局纵向布局时菜单背景色
+$base-menu-background: #001529;
+
+// 菜单文字颜色
+$base-menu-color: hsl(0deg 0% 100% / 95%);
+
+// 菜单选中文字颜色
+$base-menu-color-active: hsl(0deg 0% 100% / 95%);
+
+// 菜单选中背景色
+$base-menu-background-active: $base-color-default;
+$base-color-blue: $base-color-default;
+
+// 标题颜色
+$base-title-color: #fff;
+
+// 字体大小配置
+$base-font-size-small: 12px;
+$base-font-size-default: 14px;
+$base-font-size-big: 16px;
+$base-font-size-bigger: 18px;
+$base-font-size-max: 22px;
+$base-font-color: #606266;
+$base-color-blue: $base-color-default;
+$base-color-green: #41b882;
+$base-color-white: #fff;
+$base-color-black: #000;
+$base-color-yellow: #ffa91b;
+$base-color-orange: #ff6700;
+$base-color-red: #f34d37;
+$base-color-gray: rgb(0 0 0 / 65%);
+$base-main-width: 1279px;
+$base-border-radius: 4px;
+$base-border-color: #dcdfe6;
+
+// 输入框高度
+$base-input-height: 32px;
+
+// 默认paddiing
+$base-padding: 20px;
+
+// 默认阴影
+$base-box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
+
+// 横向布局时top-bar、logo、一级菜单的高度
+$base-top-bar-height: 60px;
+
+// 纵向布局时logo的高度
+$base-logo-height: 75px;
+
+// 顶部nav-bar的高度
+$base-nav-bar-height: 60px;
+
+// 顶部多标签页tabs-bar的高度
+$base-tabs-bar-height: 55px;
+
+// 顶部多标签页tabs-bar中每一个item的高度
+$base-tag-item-height: 34px;
+
+// 菜单li标签的高度
+$base-menu-item-height: 50px;
+
+// 头部高度
+$base-header-height: -webkit-calc(#{$base-nav-bar-height} + #{$base-tabs-bar-height});
+$base-header-height: calc(#{$base-nav-bar-height} + #{$base-tabs-bar-height});
+
+// app-footer高度
+$base-app-footer-height: 55px;
+
+// app-main的高度
+$base-app-main-height: -webkit-calc(
+  100vh - $base-header-height - 40px
+);
+$base-app-main-height: calc(
+  100vh - $base-header-height - 40px
+);
+
+// 纵向布局时左侧导航未折叠时的宽度
+$base-left-menu-width: 256px;
+
+// 纵向布局时左侧导航未折叠时右侧内容的宽度
+$base-right-content-width: -webkit-calc(100% - #{$base-left-menu-width});
+$base-right-content-width: calc(100% - #{$base-left-menu-width});
+
+// 纵向布局时左侧导航已折叠时的宽度
+$base-left-menu-width-min: 64px;
+
+// 纵向布局时左侧导航已折叠时右侧内容的宽度
+$base-right-content-width-min: -webkit-calc(100% - #{$base-left-menu-width-min});
+$base-right-content-width-min: calc(100% - #{$base-left-menu-width-min});
+
+// 默认动画
+$base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s,
+  background 0s, color 0s, font-size 0s;
+
+// 默认动画长
+$base-transition-time: 0.3s;

package/template-nuxt-admin/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true
+  }
+}

package/template-nuxt-admin/typings/global.d.ts

@@ -0,0 +1,16 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-26 11:57:29
+ * @LastEditTime: 2023-07-26 14:01:32
+ * @Description:
+ */
+interface BaseQuery {
+  pageNum: number;
+  pageSize: number;
+  total: number;
+  noPagination?: boolean;
+}
+
+type PagesData = {
+  list: any[];
+} & BaseQuery;

package/template-nuxt-admin/typings/system.d.ts

@@ -0,0 +1,66 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-21 09:03:42
+ * @LastEditTime: 2023-07-26 11:49:13
+ * @Description:
+ */
+import { MethodObj } from '~/composables/config';
+declare global {
+  type NavArrItem = {
+    breadcrumb: number;
+    component: string;
+    createdAt: string;
+    creator: string;
+    icon?: any;
+    id: number;
+    name: string;
+    not_dev: number;
+    parentId: number;
+    path: string;
+    permission: string;
+    redirect: string;
+    sort: number;
+    status: number;
+    title?: string;
+    updatedAt: string;
+    visible: number;
+    children?: NavArrItem[] | [];
+  } & Record<string, any>;
+
+  type ApiItem = {
+    id: number;
+    path: string;
+    desc: string;
+    category: string;
+    method: keyof typeof MethodObj;
+    roleIds: number[];
+    creator?: string;
+    title?: string;
+  };
+
+  type RoleItem = {
+    createdAt?: string;
+    creator?: string;
+    desc: string;
+    id: number;
+    keyword: string;
+    name: string;
+    not_dev?: number;
+    sort?: number;
+    status: number;
+    updatedAt?: string;
+  };
+
+  type UserItem = {
+    id: number;
+    username: string;
+    nickname: string;
+    mobile: string;
+    roleId: number;
+    status: number;
+    role_name?: string;
+    creator?: string;
+    newPassword?: string;
+    initPassword?: string;
+  };
+}

package/template-nuxt-admin/typings/user.d.ts

@@ -0,0 +1,19 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-21 08:58:31
+ * @LastEditTime: 2023-07-24 10:36:06
+ * @Description:
+ */
+type UserLoginRes = {
+  uuid: string;
+  nickname: string;
+  headimgurl: string;
+  phone: string;
+  token: string;
+};
+
+type LoginForm = {
+  mobile: string;
+  password: string;
+  vercode: string;
+};

package/template-nuxt-admin/uno.config.ts

@@ -0,0 +1,40 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2022-06-15 08:59:22
+ * @LastEditTime: 2023-05-27 19:36:43
+ * @Description:
+ */
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetTypography,
+  presetUno,
+  presetWebFonts,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss';
+
+export default defineConfig({
+  shortcuts: [],
+  presets: [
+    presetUno(),
+    presetAttributify(),
+    presetIcons({
+      scale: 1.2,
+    }),
+    presetTypography(),
+    presetWebFonts({
+      fonts: {
+        sans: 'DM Sans',
+        serif: 'DM Serif Display',
+        mono: 'DM Mono',
+      },
+    }),
+  ],
+  transformers: [
+    // 不加 enforce 会有 bug
+    transformerDirectives({ enforce: 'pre' }),
+    transformerVariantGroup(),
+  ],
+})