create-meadminjs 1.0.0

package/template/meadmin/view/index/plugins/index.ts

@@ -0,0 +1,103 @@
+import vue from '@vitejs/plugin-vue';
+import { visualizer } from 'rollup-plugin-visualizer'; //打包大小分析（stats.html）
+import { ConfigEnv } from 'vite';
+import autoComponents from './autoComponents.js';
+import autoImport from './autoImport.js';
+import autoImportApi from './autoImportApi.js';
+import babel from './babel.js';
+import svgLoader from './svgLoader.js';
+import vueSetUpExtend from './vueSetUpExtend.js';
+// import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite';
+// import { splitVendorChunkPlugin } from 'vite';
+import { compression } from 'vite-plugin-compression2'; //压缩gz和br
+
+const virtualFile = '@virtual-file';
+const virtualId = '\0' + virtualFile;
+const nestedVirtualFile = '@nested-virtual-file';
+const nestedVirtualId = '\0' + nestedVirtualFile;
+export default (configEnv: ConfigEnv) => {
+  return [
+    vue(),
+    // splitVendorChunkPlugin(), //打包分析，会生成stats.html展示打包情况
+    visualizer(),
+    compression(),
+    autoComponents(),
+    autoImport(),
+    autoImportApi(),
+    babel(),
+    svgLoader(),
+    vueSetUpExtend(),
+    //ssr需求插件
+    {
+      name: 'virtual',
+      resolveId(id: string) {
+        if (id === '@foo') {
+          return id;
+        }
+      },
+      load(id: string, options?: { ssr?: boolean }) {
+        const ssrFromOptions = options?.ssr ?? false;
+        if (id === '@foo') {
+          // Force a mismatch error if ssrBuild is different from ssrFromOptions 如果 ssrBuild 与 ssrFromOptions 不同，则强制出现不匹配错误
+          return `export default { msg: '${configEnv.command === 'build' && !!configEnv.isSsrBuild !== ssrFromOptions ? 'defineConfig ssrBuild !== ssr from load options' : 'hi'}' }`;
+        }
+      },
+    },
+    {
+      name: 'virtual-module',
+      resolveId(id: string) {
+        if (id === virtualFile) {
+          return virtualId;
+        } else if (id === nestedVirtualFile) {
+          return nestedVirtualId;
+        }
+      },
+      load(id: string) {
+        if (id === virtualId) {
+          return 'export { msg } from "@nested-virtual-file";';
+        } else if (id === nestedVirtualId) {
+          return 'export const msg = "[success] from conventional virtual file"';
+        }
+      },
+    },
+    // Example of a plugin that injects a helper from a virtual module that can
+    // be used in renderBuiltUrl  从虚拟模块注入辅助函数的插件示例，该模块可在 renderBuiltUrl 中使用
+    (function () {
+      const queryRE = /\?.*$/s;
+      const hashRE = /#.*$/s;
+      const cleanUrl = (url: string) => url.replace(hashRE, '').replace(queryRE, '');
+      let config: { base: any; build: { ssr: any } };
+
+      const virtualId = '\0virtual:ssr-vue-built-url';
+      return {
+        name: 'built-url',
+        enforce: 'post' as const,
+        configResolved(_config: { base: any; build: { ssr: any } }) {
+          config = _config;
+        },
+        resolveId(id: string) {
+          if (id === virtualId) {
+            return id;
+          }
+        },
+        load(id: string) {
+          if (id === virtualId) {
+            return {
+              code: `export const __ssr_vue_processAssetPath = (url) => '${config.base}' + url`,
+              moduleSideEffects: 'no-treeshake' as const,
+            };
+          }
+        },
+        transform(code: string | string[], id: string) {
+          const cleanId = cleanUrl(id);
+          if (config.build.ssr && (cleanId.endsWith('.js') || cleanId.endsWith('.vue')) && !code.includes('__ssr_vue_processAssetPath')) {
+            return {
+              code: `import { __ssr_vue_processAssetPath } from '${virtualId}';__ssr_vue_processAssetPath;` + code,
+              sourcemap: null, // no sourcemap support to speed up CI
+            };
+          }
+        },
+      };
+    })(),
+  ];
+};

package/template/meadmin/view/index/plugins/svgLoader.ts

@@ -0,0 +1,22 @@
+import svgLoader from 'vite-svg-loader';
+export default () =>
+  svgLoader({
+    svgoConfig: {
+      plugins: [
+        {
+          name: 'preset-default',
+          params: {
+            overrides: {
+              removeViewBox: false, // 禁用插件
+            },
+          },
+        },
+        {
+          name: 'removeAttrs',
+          params: {
+            attrs: '(width|height|fill)', // 清除svg属性
+          },
+        },
+      ],
+    },
+  });

package/template/meadmin/view/index/plugins/vueSetUpExtend.ts

@@ -0,0 +1,5 @@
+import { vueSetUpExtend } from '@yuntian001/vue-setup-extend';
+export default () =>
+  vueSetUpExtend({
+    exclude: ['steup', 'lang'],
+  });

package/template/meadmin/view/index/public/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><defs><filter id="prefix__b" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="17 8" x="0%" y="0%" in="SourceGraphic" result="blur"/></filter><filter id="prefix__c" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="10 17" x="0%" y="0%" in="SourceGraphic" result="blur"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="prefix__a"><stop stop-color="hsl(162, 100%, 58%)" offset="0%"/><stop stop-color="hsl(270, 73%, 53%)" offset="100%"/></linearGradient></defs><g stroke-width="16" stroke="url(#prefix__a)" fill="none"><path filter="url(#prefix__b)" d="M400 50L50 750h700z"/><path filter="url(#prefix__c)" opacity=".25" d="M412 50L62 750h700z"/><path filter="url(#prefix__c)" opacity=".25" d="M388 50L38 750h700z"/><path d="M400 50L50 750h700z"/></g></svg>

package/template/meadmin/view/index/src/App.vue

@@ -0,0 +1,30 @@
+<template>
+  <el-config-provider :value-on-clear="() => null">
+    <router-view v-slot="{ Component }">
+      <Suspense @resolve="done()" @pending="set(1)">
+        <component :is="Component"></component>
+      </Suspense>
+    </router-view>
+    <Teleport to="body">
+      <Suspense>
+        <component :is="item.component" v-for="item in globalComponents" :key="item.key" :ref="(vnode:any)=>item.vnode = vnode" v-bind="item.props"></component>
+      </Suspense>
+    </Teleport>
+  </el-config-provider>
+</template>
+<script setup lang="ts">
+import { useGlobalStore } from '@/store';
+import { done, set } from '@/utils/nProgress';
+const { globalComponents } = toRefs(useGlobalStore());
+</script>
+<style lang="scss" scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>

package/template/meadmin/view/index/src/api/api.model.ts

@@ -0,0 +1,11 @@
+export class PageParam {
+  page = 1;
+  pageSize = 10;
+}
+
+export type PageResult<R> = {
+  page: number;
+  pageSize: number;
+  total: number;
+  list: R[];
+};

package/template/meadmin/view/index/src/api/file.ts

@@ -0,0 +1,123 @@
+import { PageParam, PageResult } from '@/api/api.model.js';
+import request, { RequestOptions } from '@/utils/request.js';
+import { UserInfo } from './user.js';
+
+//附件
+export class File {
+  id?: string; //ID
+  name = '' as string; //文件名
+  path = '' as string; //路径
+  mimeType = '' as string; //mime类型
+  size = undefined as number | null | undefined; //文件大小(字节)
+  storage = '' as string; //存储引擎
+  url = ''; //访问地址
+}
+
+export type FileInfo = Required<File> & {
+  id: string; //ID
+  createdUser: NonNullable<Omit<UserInfo, 'avatar'>>;
+  size: number;
+  createdAt: string; //创建时间
+  updatedA: string; //最后更新时间
+};
+
+/**
+ * 上传文件
+ * FormData参数说明
+ * file File 文件
+ * md5 string  md5值
+ * sharding '0'|'1' 分片上传:0=否;1=是
+ * chunkMd5 string 当前分片md5值
+ * chunkIndex string 当前片序号(从0开始)
+ * start string 当前分片起止位置(从0开始)
+ * over string 是否结束(需确保最后一个分片上传时其他分片请求已完成):0=否;1=是
+ *
+ * @returns
+ */
+export function uploadFileApi<T extends boolean = true>(returnAxios = true as T) {
+  return request<Partial<FileInfo>, [FormData], T>(
+    (data) => ({
+      url: 'file/upload',
+      method: 'post',
+      data: data,
+      headers: {
+        'Content-Type': 'multipart/form-data',
+      },
+    }),
+    { success: false, noLoading: true },
+    returnAxios,
+  );
+}
+
+export type FileListResult = PageResult<FileInfo>;
+export class FileListParam extends PageParam {
+  id?: string; //ID
+  filename?: string; //文件名
+  path?: string; //路径
+  mimeType?: string; //mime类型
+  size?: number | null; //文件大小(字节)
+  storage?: string; //存储引擎
+  startCreatedAt?: string; //创建时间(起)
+  endCreatedAt?: string; //创建时间(止)
+  startUpdatedAt?: string; //最后更新时间(起)
+  endUpdatedAt?: string; //最后更新时间(止)
+  createdUserId?: string; //创建者id
+}
+//获取附件列表
+export function fileListApi(options?: RequestOptions<FileListResult, [FileListParam]>) {
+  return request<FileListResult, [FileListParam]>(
+    (data) => ({
+      url: 'file/',
+      method: 'post',
+      data: data,
+    }),
+    Object.assign({ noLoading: true, clearEmpty: ['', undefined, null] }, options),
+  );
+}
+
+//获取我的附件列表
+export function fileMyListApi(options?: RequestOptions<FileListResult, [Omit<FileListParam, 'createdUserId'>]>) {
+  return request<FileListResult, [Omit<FileListParam, 'createdUserId'>]>(
+    (data) => ({
+      url: 'file/my',
+      method: 'post',
+      data: data,
+    }),
+    Object.assign({ noLoading: true, clearEmpty: ['', undefined, null] }, options),
+  );
+}
+
+//根据id获取附件详情
+export function fileInfoApi(options?: RequestOptions<FileInfo, [string]>) {
+  return request<FileInfo, [string]>(
+    (id) => ({
+      url: `file/info/${id}`,
+      method: 'get',
+    }),
+    options,
+  );
+}
+
+export type UpdateFileInfoParam = Omit<Partial<FileInfo>, 'id' | 'createdAt' | 'updatedAt' | 'createdUser'>;
+//修改附件信息
+export function updateFileApi(options?: RequestOptions<FileInfo, [string, UpdateFileInfoParam]>) {
+  return request<FileInfo, [string, UpdateFileInfoParam]>(
+    (id, data) => ({
+      url: `file/up/${id}`,
+      method: 'post',
+      data: data,
+    }),
+    Object.assign({ success: true, noLoading: true }, options),
+  );
+}
+
+//删除附件
+export function delFileApi(options?: RequestOptions<null, [string]>) {
+  return request<null, [string]>(
+    (id) => ({
+      url: `file/del/${id}`,
+      method: 'post',
+    }),
+    Object.assign({ noLoading: true }, options),
+  );
+}

package/template/meadmin/view/index/src/api/index.ts

@@ -0,0 +1,25 @@
+import request, { RequestOptions } from '@/utils/request';
+export type IndexResult = {
+  banner: {
+    title: string;
+    content: string;
+    bgImg: string;
+  }[];
+  info: {
+    title: string;
+    desc: string;
+    list: {
+      title: string;
+      content: string;
+    }[];
+  }[];
+};
+export function indexApi(options?: RequestOptions<IndexResult, []>) {
+  return request<IndexResult, []>(
+    () => ({
+      url: 'index',
+      method: 'get',
+    }),
+    options,
+  );
+}

package/template/meadmin/view/index/src/api/login.ts

@@ -0,0 +1,72 @@
+import request, { RequestOptions } from '@/utils/request';
+import { App } from 'vue';
+import { FileInfo } from './file.js';
+import { UserInfo } from './user.js';
+//获取登录验证码
+export function loginCaptchaApi<T extends boolean = false>(returnAxios: T = false as T, noLoading = true) {
+  return request<{ id: string; imageBase64: string }, [number?, number?], T>(
+    (width = 100, height = 30) => ({
+      url: 'login/captcha',
+      method: 'get',
+      params: { width, height },
+    }),
+    { noLoading },
+    returnAxios,
+  );
+}
+
+// 登录
+export class LoginParams {
+  username = '';
+  password = '';
+  captcha = '';
+  captchaId = '';
+}
+export interface LoginResult {
+  token: string;
+}
+export function loginApi<T extends boolean = true>(returnAxios: T = true as T, app?: App) {
+  return request<LoginResult, [LoginParams], T>(
+    (params) => ({
+      url: 'login/login',
+      method: 'post',
+      data: params,
+    }),
+    {},
+    returnAxios,
+    app,
+  );
+}
+
+//获取用户详情
+export function userInfoApi<T extends boolean = false>(returnAxios: T = false as T, noLoading = true, app?: App) {
+  return request<UserInfo, [], T>(
+    () => ({
+      url: 'login/info',
+      method: 'post',
+    }),
+    { noLoading },
+    returnAxios,
+    app,
+  );
+}
+
+export class RegisterParams {
+  username = '';
+  nickname = '';
+  password = '';
+  reqPassword = '';
+  avatar = undefined as FileInfo | undefined | null;
+}
+
+//注册
+export function registerApi(options: RequestOptions<UserInfo, [RegisterParams]> = { success: true }) {
+  return request<UserInfo, [RegisterParams]>(
+    (data) => ({
+      url: 'login/register',
+      method: 'post',
+      data,
+    }),
+    options,
+  );
+}

package/template/meadmin/view/index/src/api/user.ts

@@ -0,0 +1,42 @@
+import request, { RequestOptions } from '@/utils/request.js';
+import { FileInfo } from './file.js';
+
+export type UserInfo = {
+  id: string; //ID
+  username: string; //用户名
+  nickname: string; //昵称
+  avatar: FileInfo | null | undefined; //头像
+  email: string | null; //邮箱
+  mobile: string | null; //手机号
+  password: string; //密码
+  status: 1 | 0; //状态:1=启用;0=禁用
+  lastLoginAt: string | null; //最后登录时间
+  lastLoginIp: string; //最后登录ip
+  loginFailure: number | undefined; //登录失败次数
+  createdAt: string; //创建时间
+  updatedAt: string; //最后更新时间
+};
+
+//获取当前用户详情
+export function userInfoApi(options?: RequestOptions<UserInfo, []>) {
+  return request<UserInfo, []>(
+    () => ({
+      url: `user/info`,
+      method: 'get',
+    }),
+    options,
+  );
+}
+
+export type UpdateUserInfoParam = Omit<Partial<UserInfo>, 'id' | 'createdAt' | 'updatedAt' | 'status' | 'lastLoginAt' | 'lastLoginIp' | 'loginFailure'> & { orgPassword?: string };
+//修改当前用户信息
+export function updateUserApi(options?: RequestOptions<UserInfo, [UpdateUserInfoParam]>) {
+  return request<UserInfo, [UpdateUserInfoParam]>(
+    (data) => ({
+      url: `user/up`,
+      method: 'post',
+      data: data,
+    }),
+    Object.assign({ success: true, noLoading: true }, options),
+  );
+}

package/template/meadmin/view/index/src/app.ts

@@ -0,0 +1,39 @@
+import '@/styles/index.scss';
+import nProgress from 'nprogress';
+import { App } from 'vue';
+import { initVxeTable } from './components/meVxeTable/install.js';
+import { event, mitter } from './event';
+import { installIcon } from './icons/index.js';
+import { setupRouterGuard } from './router/guard/index.js';
+import { installRoute } from './router/index.js';
+import { installStore } from './store/index.js';
+export const ssrVersionKey = Symbol('ssrVersionKey');
+export async function bootscrapt(app: App, ssrVersion: string = '') {
+  app.config.globalProperties.$start = true;
+  if (import.meta.env.SSR) {
+    app.config.globalProperties.$ssrVersion = ssrVersion;
+  } else {
+    app.config.globalProperties.$ssrVersion = window.__ssrVersion ?? '';
+  }
+  app.provide(ssrVersionKey, app.config.globalProperties.$ssrVersion);
+  const router = installRoute();
+  app.config.globalProperties.$router = router;
+  const store = await installStore(app);
+  app.use(router);
+  setupRouterGuard(router, store);
+  initVxeTable(app);
+  installIcon(app);
+  if (!import.meta.env.SSR) {
+    window.addEventListener('resize', () => mitter.emit(event.RESIZE));
+    // 进度条配置
+    nProgress.configure({
+      showSpinner: false,
+    });
+    if (window.__pinia) {
+      store.state.value = window.__pinia;
+    }
+  }
+  await Promise.allSettled(mitter.emit(event.START, app));
+  mitter.emit(event.READY, app);
+  return { router, store, app };
+}