create-pubinfo 2.1.3 → 2.1.5

package/templates/pubinfo-monorepo/apps/basic/src/api/modules/auth/renzhengfuwu.ts

@@ -0,0 +1,145 @@
+import { auth as request } from '@/api/request';
+
+/**
+ * @description 切换登录组织
+ * @url /auth/changeLoginOrg
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthChangeLoginOrg<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(
+  params: API.postAuthChangeLoginOrgParams,
+  options?: Parameters<typeof request.Post<R, T>>[2],
+) {
+  return request.Post<R, T>(
+    '/auth/changeLoginOrg',
+    {},
+    {
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    },
+  );
+}
+
+/**
+ * @description 判断缓存的token是否有效
+ * @url /auth/checkCacheToken
+ * @method GET
+ * @author @pubinfo/openapi
+ */
+export function getAuthCheckCacheToken<
+  R = API.ResponseDataBoolean,
+  T = API.ResponseDataBoolean,
+>(
+  params: API.getAuthCheckCacheTokenParams,
+  options?: Parameters<typeof request.Get<R, T>>[1],
+) {
+  return request.Get<R, T>('/auth/checkCacheToken', {
+    params: {
+      ...params,
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 密码登录
+ * @url /auth/login
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthLogin<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(body: API.LoginByPwdDto, options?: Parameters<typeof request.Post<R, T>>[2]) {
+  return request.Post<R, T>('/auth/login', body, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 获取登录公钥
+ * @url /auth/login/key
+ * @method GET
+ * @author @pubinfo/openapi
+ */
+export function getAuthLoginKey<
+  R = API.ResponseDataString,
+  T = API.ResponseDataString,
+>(options?: Parameters<typeof request.Get<R, T>>[1]) {
+  return request.Get<R, T>('/auth/login/key', {
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 获取图片验证码
+ * @url /auth/login/validCode
+ * @method GET
+ * @author @pubinfo/openapi
+ */
+export function getAuthLoginValidCode<
+  R = API.ResponseDataValidCodeVo,
+  T = API.ResponseDataValidCodeVo,
+>(
+  params: API.getAuthLoginValidCodeParams,
+  options?: Parameters<typeof request.Get<R, T>>[1],
+) {
+  return request.Get<R, T>('/auth/login/validCode', {
+    params: {
+      ...params,
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 登出
+ * @url /auth/loginOut
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthLoginOut<
+  R = API.ResponseDataVoid,
+  T = API.ResponseDataVoid,
+>(options?: Parameters<typeof request.Post<R, T>>[2]) {
+  return request.Post<R, T>(
+    '/auth/loginOut',
+    {},
+    {
+      ...(options || {}),
+    },
+  );
+}
+
+/**
+ * @description 刷新访问令牌
+ * @url /auth/token/refresh
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthTokenRefresh<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(
+  params: API.postAuthTokenRefreshParams,
+  options?: Parameters<typeof request.Post<R, T>>[2],
+) {
+  return request.Post<R, T>(
+    '/auth/token/refresh',
+    {},
+    {
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    },
+  );
+}

package/templates/pubinfo-monorepo/apps/basic/src/api/modules/auth/typings.d.ts

@@ -0,0 +1,97 @@
+/* eslint-disable */
+// @ts-nocheck
+declare namespace API {
+  type getAuthCheckCacheTokenParams = {
+    accessToken: string;
+    userId: string;
+  };
+
+  type getAuthLoginValidCodeParams = {
+    /** 尺寸(长x宽)，例：150x50表示长为150宽为50，不填默认150x50 */
+    size?: string;
+    /** 验证码长度，不填默认4位 */
+    length?: number;
+  };
+
+  type IResponseCode = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+  };
+
+  type LoginByPwdDto = {
+    /** 登录类型 */
+    loginType: string;
+    /** 登录名 */
+    loginName: string;
+    /** 密码 */
+    loginPwd: string;
+    /** 验证码hash */
+    codeHash: string;
+    /** 验证码 */
+    code: string;
+  };
+
+  type LoginTokenVo = {
+    /** 刷新令牌 */
+    refreshToken?: string;
+    /** 访问令牌 */
+    accessToken?: string;
+    loginResponse?: IResponseCode;
+  };
+
+  type postAuthChangeLoginOrgParams = {
+    /** 新组织id */
+    orgId: string;
+  };
+
+  type postAuthTokenRefreshParams = {
+    /** 刷新令牌 */
+    refreshToken: string;
+  };
+
+  type ResponseDataBoolean = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: boolean;
+    success?: boolean;
+  };
+
+  type ResponseDataLoginTokenVo = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: LoginTokenVo;
+    success?: boolean;
+  };
+
+  type ResponseDataString = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: string;
+    success?: boolean;
+  };
+
+  type ResponseDataValidCodeVo = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: ValidCodeVo;
+    success?: boolean;
+  };
+
+  type ResponseDataVoid = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: Record<string, any>;
+    success?: boolean;
+  };
+
+  type ValidCodeVo = {
+    key?: string;
+    plaintext?: string;
+  };
+}

package/templates/pubinfo-monorepo/apps/basic/src/api/request.ts

@@ -0,0 +1,125 @@
+import { message } from 'ant-design-vue';
+import { createRequest, RESPONSE_CODE } from 'pubinfo';
+import { useUserStore } from '@/stores';
+
+/**
+ * @description
+ * 创建 API 请求的基础 URL。
+ * 如果环境是开发环境，并且 VITE_OPEN_PROXY 标志设置为 'true'，
+ * 则返回 '/proxy/'。否则，返回 VITE_APP_API_BASEURL 的值。
+ * @returns API 请求的基础 URL。
+ */
+function createBaseURL(baseUrl: string) {
+  let requestBaseUrl;
+  if (import.meta.env.DEV && import.meta.env.VITE_OPEN_PROXY === 'true') {
+    const url = new URL(baseUrl);
+    const pathname = url.pathname;
+    requestBaseUrl = `${pathname}/proxy/`;
+  }
+  else {
+    requestBaseUrl = baseUrl;
+  }
+
+  return requestBaseUrl;
+}
+
+function createErrorMsg(msg: string) {
+  message.error(msg);
+}
+
+const timeout = 60 * 1000;
+
+function createInstance(url: string) {
+  return createRequest({
+    baseURL: createBaseURL(url),
+    timeout: 60 * 1000,
+    responded: {
+      /**
+       * @description
+       * 网络成功的响应
+       */
+      async onSuccess(response) {
+        const isBlob = response.config?.responseType === 'blob';
+        if (isBlob) {
+          return Promise.resolve(response);
+        }
+
+        const data = response.data;
+        // 基于code判断逻辑
+        const { code } = data;
+        // code 都是number类型
+        switch (code) {
+          /**
+           * @description
+           * 成功的code
+           */
+          case RESPONSE_CODE.SUCCESS:
+            return Promise.resolve(data);
+
+          /**
+           * @description
+           * 用于判断refreshToken是否过期
+           * 如果refreshToken也过期了,需要重新登录
+           * 不需要msg提示信息
+           */
+          case RESPONSE_CODE.LOGIN_TOKEN_INVALID:
+            useUserStore().logout();
+            return Promise.reject(data);
+
+          /**
+           * @description
+           * 账户未启用,请联系管理员
+           * 账户锁定,请联系管理员
+           */
+          case RESPONSE_CODE.ACCOUT_NOT_ENABLE:
+          case RESPONSE_CODE.ACCOUNT_LOCKED:
+            createErrorMsg(response.data.msg);
+            useUserStore().logout();
+            return Promise.reject(data);
+
+          /**
+           * @description
+           * 密码过期或者首次登录,需要修改密码
+           * 需要跳转到修改密码页面
+           * 目前貌似不需要单独判读code在此处处理
+           */
+          case RESPONSE_CODE.CHANGE_INIT_PASSWORD:
+          case RESPONSE_CODE.PASSWORD_EXPIRED:
+            return Promise.reject(data);
+
+          /**
+           * @description
+           * RESPONSE_CODE 中其他的错误信息
+           */
+          default:
+            createErrorMsg(response.data.msg);
+            return Promise.reject(data);
+        }
+      },
+      /**
+       * @description
+       * 网络失败的响应
+       */
+      onError(error) {
+        const message = error.message;
+        let msg = '';
+        switch (message) {
+          case 'Network Error':
+            msg = '网络故障';
+            break;
+          case `timeout of ${timeout}ms exceeded`:
+            msg = '接口请求超时';
+            break;
+          default:
+            msg = `接口${message.substr(message.length - 3)}异常`;
+            break;
+        }
+        createErrorMsg(msg);
+        return Promise.reject(error);
+      },
+    },
+  });
+}
+
+export const basic = createInstance(import.meta.env.VITE_APP_API_BASEURL);
+export const auth = createInstance(import.meta.env.VITE_APP_API_BASEURL);

package/templates/pubinfo-monorepo/apps/basic/src/assets/icons/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 144 125" preserveAspectRatio="xMidYMid meet"><path fill="url(#a)" stroke="url(#b)" d="M142.858 58.054c0 1.922-.524 3.845-1.572 5.418l-14.68 23.068-16.078 25.165c-1.398 2.097-3.67 3.496-6.292 3.496h-65.71L55.13 86.54h34.952l14.855-25.515c.699-1.398-.175-2.97-1.748-2.97H71.731l16.602-28.661h34.428c2.272 0 4.369 1.223 5.592 3.145l12.758 20.098c1.223 1.572 1.747 3.495 1.747 5.417Z"/><path fill="url(#c)" stroke="url(#d)" d="M38.702 54.909c-.7 1.398.174 2.97 1.747 2.97h31.457L55.304 86.54H20.876c-2.272 0-4.369-1.223-5.592-3.146L2.352 63.473C1.303 61.724.779 59.977.779 58.054s.524-3.844 1.573-5.417l14.68-23.068 16.077-25.34C34.507 2.13 36.954.732 39.401.732h65.535l-16.603 28.66H53.382z"/><path fill="url(#e)" d="M142.858 57.88v9.087c0 1.922-.524 3.844-1.572 5.417l-30.758 48.409c-1.398 2.097-3.845 3.495-6.292 3.495h-65.71V115.2h65.536c2.621 0 4.893-1.398 6.291-3.495l16.253-25.34 14.68-23.068c1.048-1.748 1.572-3.67 1.572-5.418" opacity=".8"/><path fill="url(#f)" d="m104.935 61.025-3.495 6.117H71.731l-11.36 19.573H55.13l16.602-28.66h31.457c1.573 0 2.621 1.572 1.747 2.97" opacity=".8"/><path fill="url(#g)" d="m101.44 67.142 3.495-6.117c.874-1.398-.174-2.97-1.747-2.97H71.731v9.087z" opacity=".8"/><path fill="url(#h)" d="M104.936.733v9.088l-11.36 19.573h-5.242z" opacity=".8"/><path fill="url(#i)" d="m88.508 29.394-5.243 9.087h-29.71L42.197 58.054H40.45c-1.573 0-2.622-1.748-1.748-2.97l14.855-25.516h34.951z" opacity=".8"/><path fill="url(#j)" d="m55.13 86.54-5.244 9.087h-29.01c-2.272 0-4.369-1.223-5.592-3.145L2.352 72.559C1.303 70.986.779 69.064.779 67.142v-9.088c0 1.923.524 3.845 1.573 5.418l12.757 20.097c1.223 1.922 3.32 3.146 5.592 3.146H55.13z" opacity=".8"/><defs><linearGradient id="a" x1="90.693" x2="90.693" y1="29.394" y2="115.201" gradientUnits="userSpaceOnUse"><stop stop-color="#AEFFD3"/><stop offset="1" stop-color="#13C966"/></linearGradient><linearGradient id="b" x1="132.493" x2="90.803" y1="35.066" y2="115.258" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity=".82"/></linearGradient><linearGradient id="c" x1="52.857" x2="52.857" y1=".733" y2="86.54" gradientUnits="userSpaceOnUse"><stop stop-color="#A3C6FF"/><stop offset="1" stop-color="#2275FF"/></linearGradient><linearGradient id="d" x1="94.587" x2="52.857" y1="6.405" y2="86.54" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity=".55"/></linearGradient><linearGradient id="e" x1="90.693" x2="90.693" y1="57.879" y2="124.288" gradientUnits="userSpaceOnUse"><stop stop-color="#AEFFD3"/><stop offset="1" stop-color="#0FE270"/></linearGradient><linearGradient id="f" x1="80.191" x2="80.191" y1="58.054" y2="86.715" gradientUnits="userSpaceOnUse"><stop stop-color="#A3C6FF"/><stop offset="1" stop-color="#2275FF"/></linearGradient><linearGradient id="g" x1="72.889" x2="100.968" y1="67.142" y2="67.142" gradientUnits="userSpaceOnUse"><stop stop-color="#AEFFD3"/><stop offset="1" stop-color="#0FE270"/></linearGradient><linearGradient id="h" x1="105.825" x2="89.13" y1=".733" y2="27.995" gradientUnits="userSpaceOnUse"><stop stop-color="#A3C6FF"/><stop offset="1" stop-color="#2275FF"/></linearGradient><linearGradient id="i" x1="63.446" x2="63.446" y1="29.394" y2="58.054" gradientUnits="userSpaceOnUse"><stop stop-color="#A3C6FF"/><stop offset="1" stop-color="#2275FF"/></linearGradient><linearGradient id="j" x1="27.954" x2="27.954" y1="58.054" y2="95.627" gradientUnits="userSpaceOnUse"><stop stop-color="#A3C6FF"/><stop offset="1" stop-color="#2275FF"/></linearGradient></defs></svg>

package/templates/pubinfo-monorepo/apps/basic/src/assets/icons/process-management.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"><defs><linearGradient id="a" x1="0%" x2="85.607%" y1="0%" y2="88.541%"><stop offset="0%" stop-color="#05E0CF"/><stop offset="100%" stop-color="#02BDA1"/></linearGradient><linearGradient id="d" x1="56.555%" x2="56.555%" y1="95.676%" y2="0%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#FFF" stop-opacity=".8"/></linearGradient><linearGradient id="e" x1="56.555%" x2="56.555%" y1="95.676%" y2="0%"><stop offset="0%" stop-color="#FFF"/><stop offset="100%" stop-color="#FFF" stop-opacity=".8"/></linearGradient><path id="b" d="M0 0h16v16H0z"/></defs><g fill="none" fill-rule="evenodd"><rect width="24" height="24" fill="url(#a)" rx="8"/><g transform="translate(5 4)"><mask id="c" fill="#fff"><use xlink:href="#b"/></mask><g mask="url(#c)"><path fill="url(#d)" d="M8 0a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm0 8a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z" transform="translate(1 1.5)"/><path fill="url(#e)" d="M10.12 1.872a5.59 5.59 0 0 1 2.413 4.027l.915.001a.6.6 0 1 1 0 1.2h-.916a5.59 5.59 0 0 1-2.426 4.03.6.6 0 0 1-.674-.994 4.39 4.39 0 0 0 1.932-3.64 4.39 4.39 0 0 0-1.92-3.633.6.6 0 1 1 .676-.991" transform="translate(1 1.5)"/></g></g></g></svg>

package/templates/pubinfo-monorepo/apps/basic/src/assets/icons/workbench.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet"><defs><linearGradient id="b" x1="24.065%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFC758"/><stop offset="100%" stop-color="#FFB92B"/></linearGradient><rect id="a" width="24" height="24" x="0" y="0" rx="8"/></defs><g fill="none" fill-rule="evenodd"><use xlink:href="#a" fill="url(#b)"/><path fill="#FFF" d="M17 6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-4.4v1.801H14a.6.6 0 0 1 .097 1.193L14 19h-4a.6.6 0 0 1-.097-1.192L10 17.8h1.4V16H7a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm-5.5 5.65h-2l-.097.008A.6.6 0 0 0 9.5 12.85h2l.097-.008a.6.6 0 0 0-.097-1.192m3-2.5h-5l-.097.008A.6.6 0 0 0 9.5 10.35h5l.097-.008A.6.6 0 0 0 14.5 9.15"/></g></svg>

package/templates/pubinfo-monorepo/apps/basic/src/components/UIProvider/index.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { legacyLogicalPropertiesTransformer, theme } from 'ant-design-vue';
+import zhCN from 'ant-design-vue/es/locale/zh_CN';
+import dayjs from 'dayjs';
+import { useTheme } from 'pubinfo';
+import 'dayjs/locale/zh-cn';
+
+defineOptions({
+  name: 'UIProvider',
+});
+
+dayjs.locale('zh-cn');
+
+function getContainer() {
+  return document.body;
+}
+
+const { isDark } = useTheme();
+
+const UILocales = computed(() => {
+  return zhCN;
+});
+
+const themeMode = computed(() => {
+  return isDark.value
+    ? { algorithm: [theme.darkAlgorithm] }
+    : {};
+});
+
+const themeConfig = computed(() => {
+  return Object.assign(
+    { token: { wireframe: true } },
+    themeMode.value,
+  );
+});
+</script>
+
+<template>
+  <a-config-provider
+    :locale="UILocales"
+    :theme="themeConfig"
+    :get-popup-container="getContainer"
+  >
+    <a-style-provider hash-priority="high" :transformers="[legacyLogicalPropertiesTransformer]">
+      <a-app class="w-full h-full">
+        <slot />
+        <a-modal />
+      </a-app>
+    </a-style-provider>
+  </a-config-provider>
+</template>

package/templates/pubinfo-monorepo/apps/basic/src/layouts/index.vue

@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import {
+  Copyright,
+  Layout,
+  Logo,
+  Tool,
+  Tools,
+} from 'pubinfo';
+
+const title = import.meta.env.VITE_APP_TITLE;
+const dev = import.meta.env.DEV;
+</script>
+
+<template>
+  <Layout.Provider :app-title="title" :is-dev="dev">
+    <Layout>
+      <template #header>
+        <Layout.Header>
+          <template #logo>
+            <Logo name="logo" />
+          </template>
+
+          <template #tools>
+            <Tools>
+              <Tool.Fullscreen />
+              <Tool.PageReload />
+              <Tool.DarkModeToggle />
+            </Tools>
+          </template>
+        </Layout.Header>
+      </template>
+
+      <template #topbar>
+        <Layout.Topbar />
+      </template>
+
+      <template #sidebar>
+        <Layout.Sidebar />
+      </template>
+
+      <Layout.Content />
+
+      <template #footer>
+        <Copyright />
+      </template>
+    </Layout>
+  </Layout.Provider>
+</template>

package/templates/pubinfo-monorepo/apps/basic/src/main.ts.hbs

@@ -0,0 +1,26 @@
+import { createPubinfo } from 'pubinfo';
+import { auth, basic } from './api/request';
+import App from './App.vue';
+import { setupCaptcha } from './modules/captcha';
+{{#if rbac}}
+import { setupRbac } from './modules/rbac';
+{{/if}}
+import { constantRoutes } from './routes';
+import './settings';
+import 'uno.css';
+
+createPubinfo({
+  app: App,
+  router: { routes: constantRoutes },
+  setup(ctx) {},
+  request: {
+    auth,
+    basic,
+  },
+  modules: [
+    setupCaptcha(),
+    {{#if rbac}}
+    setupRbac(),
+    {{/if}}
+  ],
+});

package/templates/pubinfo-monorepo/apps/basic/src/modules/captcha.ts

@@ -0,0 +1,8 @@
+import { captcha } from '@pubinfo/module-captcha';
+import { auth } from '../api/request';
+
+export function setupCaptcha() {
+  return captcha({
+    request: auth,
+  });
+}

package/templates/pubinfo-monorepo/apps/basic/src/modules/rbac.ts

@@ -0,0 +1,10 @@
+import { rbac } from '@pubinfo/module-rbac';
+import { basic } from '../api/request';
+
+export function setupRbac() {
+  return rbac({
+    id: 'RBAC',
+    pages: 'dynamic',
+    request: basic,
+  });
+}

package/templates/pubinfo-monorepo/apps/basic/src/routes/index.ts

@@ -0,0 +1,71 @@
+import { defineAsyncRoutes, defineSystemRoutes } from 'pubinfo';
+import Login from '@/views/system/login/index.vue';
+
+import Breadcrumb from './modules/demo/breadcrumb.example';
+import Link from './modules/demo/link';
+import MultilevelMenuExample from './modules/demo/multilevel.menu.example';
+import OtherPage from './modules/demo/other.page';
+import Single from './modules/demo/single';
+
+/**
+ * ========================================================================
+ *                       本地路由（资源管理的类型配置成"应用"）
+ *========================================================================*
+ */
+defineAsyncRoutes([
+  {
+    meta: {
+      title: '演示管理系统',
+      icon: 'workbench',
+    },
+    children: [
+      Single,
+      MultilevelMenuExample,
+      OtherPage,
+      Link,
+      Breadcrumb,
+    ],
+  },
+  {
+    meta: {
+      title: '演示系统1',
+      icon: 'process-management',
+      isDev: true,
+    },
+  },
+]);
+
+/**
+ * ========================================================================
+ *                            系统路由（包含布局）
+ *========================================================================*
+ */
+defineSystemRoutes([
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('@/views/system/index.vue'),
+    meta: {
+      title: '首页',
+      icon: 'i-ant-design:home-twotone',
+      breadcrumb: false,
+    },
+  },
+]);
+
+/**
+ * ========================================================================
+ *                          固定路由（默认路由）
+ *========================================================================*
+ */
+export const constantRoutes = [
+  {
+    path: '/login',
+    name: 'Login',
+    component: Login,
+    meta: {
+      whiteList: true,
+      title: '登录',
+    },
+  },
+];

package/templates/pubinfo-monorepo/apps/basic/src/routes/modules/demo/breadcrumb.example.ts

@@ -0,0 +1,62 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw = {
+  path: '/breadcrumb_example',
+  redirect: '/breadcrumb_example/list1',
+  name: 'breadcrumbExample',
+  meta: {
+    title: '面包屑导航',
+    icon: 'i-solar-confetti-minimalistic-bold',
+  },
+  children: [
+    {
+      path: 'list1',
+      name: 'breadcrumbExampleList1',
+      component: () => import('@/views/demo/breadcrumb_example/list1.vue'),
+      meta: {
+        title: '列表1（平级模式）',
+      },
+    },
+    {
+      path: 'detail1',
+      name: 'breadcrumbExampleDetail1',
+      component: () => import('@/views/demo/breadcrumb_example/detail1.vue'),
+      meta: {
+        title: '详情1',
+        sidebar: false,
+        activeMenu: '/breadcrumb_example/list1',
+      },
+    },
+    {
+      path: 'list2',
+      name: 'breadcrumbExampleList2',
+      redirect: '/breadcrumb_example/demo/list2',
+      meta: {
+        title: '列表2（层级模式）',
+      },
+      children: [
+        {
+          path: '',
+          component: () => import('@/views/demo/breadcrumb_example/list2.vue'),
+          meta: {
+            title: '列表2（层级模式）',
+            sidebar: false,
+            breadcrumb: false,
+          },
+        },
+        {
+          path: 'detail2',
+          name: 'breadcrumbExampleDetail2',
+          component: () => import('@/views/demo/breadcrumb_example/detail2.vue'),
+          meta: {
+            title: '详情2',
+            sidebar: false,
+            activeMenu: '/breadcrumb_example/list2',
+          },
+        },
+      ],
+    },
+  ],
+};
+
+export default routes;