create-pubinfo 2.0.0-rc.3 → 2.0.0-rc.5

package/templates/pubinfo-module/playground/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-module/playground/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-module/playground/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-module/playground/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-module/playground/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-module/playground/src/layouts/index.vue

@@ -0,0 +1,44 @@
+<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 #sidebar>
+        <Layout.Sidebar />
+      </template>
+
+      <Layout.Content />
+
+      <template #footer>
+        <Copyright />
+      </template>
+    </Layout>
+  </Layout.Provider>
+</template>

package/templates/pubinfo-module/playground/src/main.ts.hbs

@@ -0,0 +1,24 @@
+import { createPubinfo } from 'pubinfo';
+import { {{camelCase dir}} } from 'pubinfo-module-{{kebabCase dir}}';
+import { auth, basic } from './api/request';
+import App from './App.vue';
+import { setupAuth } from './modules/auth';
+import { setupRbac } from './modules/rbac';
+import { constantRoutes } from './routes';
+import './settings';
+import 'uno.css';
+
+createPubinfo({
+  app: App,
+  router: { routes: constantRoutes },
+  setup(ctx) {},
+  request: {
+    auth,
+    basic,
+  },
+  modules: [
+    setupAuth(),
+    setupRbac(),
+    {{camelCase dir}}(),
+  ],
+});

package/templates/pubinfo-module/playground/src/modules/auth.ts

@@ -0,0 +1,20 @@
+import { auth } from '@pubinfo/module-auth';
+import FourA from '@pubinfo/module-auth/providers/4A';
+
+/**
+ * 登录相关配置
+ */
+export function setupAuth() {
+  return auth({
+    baseURL: import.meta.env.VITE_APP_API_BASEURL,
+    providers: [
+      FourA({
+        // 4A client_id
+        clientId: '',
+
+        // 4A redirect_uri 需要配置为 `xxx/#/auth/4A` 的格式
+        redirectUri: '',
+      }),
+    ],
+  });
+}

package/templates/pubinfo-module/playground/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-module/playground/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-module/playground/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;

package/templates/pubinfo-module/playground/src/routes/modules/demo/link.ts

@@ -0,0 +1,15 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw = {
+  path: '/link',
+  name: 'Link',
+  redirect: '',
+  meta: {
+    title: '跳转路由',
+    singleMenu: true,
+    icon: 'i-solar-confetti-minimalistic-bold',
+    link: 'http://124.223.184.245:10000/docs/',
+  },
+};
+
+export default routes;

package/templates/pubinfo-module/playground/src/routes/modules/demo/multilevel.menu.example.ts

@@ -0,0 +1,68 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw = {
+  path: '/multilevel_menu_example',
+  redirect: '/multilevel_menu_example/page',
+  name: 'multilevelMenuExample',
+  meta: {
+    title: '多级导航',
+    icon: 'i-heroicons-solid:menu-alt-3',
+  },
+  children: [
+    {
+      path: 'page',
+      name: 'multilevelMenuExample1',
+      component: () => import('@/views/demo/multilevel_menu_example/page.vue'),
+      meta: {
+        title: '导航1',
+        icon: 'i-heroicons-solid:menu-alt-3',
+      },
+    },
+    {
+      path: 'level2',
+      name: 'multilevelMenuExample2',
+      redirect: '/multilevel_menu_example/level2/page',
+      meta: {
+        title: '导航2',
+      },
+      children: [
+        {
+          path: 'page',
+          name: 'multilevelMenuExample2-1',
+          component: () => import('@/views/demo/multilevel_menu_example/level2/page.vue'),
+          meta: {
+            title: '导航2-1',
+          },
+        },
+        {
+          path: 'level3',
+          name: 'multilevelMenuExample2-2',
+          redirect: '/multilevel_menu_example/level2/level3/page1',
+          meta: {
+            title: '导航2-2',
+          },
+          children: [
+            {
+              path: 'page1',
+              name: 'multilevelMenuExample2-2-1',
+              component: () => import('@/views/demo/multilevel_menu_example/level2/level3/page1.vue'),
+              meta: {
+                title: '导航2-2-1',
+              },
+            },
+            {
+              path: 'page2',
+              name: 'multilevelMenuExample2-2-2',
+              component: () => import('@/views/demo/multilevel_menu_example/level2/level3/page2.vue'),
+              meta: {
+                title: '导航2-2-2',
+              },
+            },
+          ],
+        },
+      ],
+    },
+  ],
+};
+
+export default routes;

package/templates/pubinfo-module/playground/src/routes/modules/demo/other.page.ts

@@ -0,0 +1,37 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw = {
+  path: '/other-page',
+  redirect: '/other-page/list',
+  name: 'OtherPage',
+  meta: {
+    title: '下探页面',
+    icon: 'i-solar-confetti-minimalistic-bold',
+  },
+  children: [
+    {
+      path: 'list',
+      name: 'OtherPageList',
+      component: () => import('@/views/demo/other_page/index.vue'),
+      meta: {
+        title: '列表页',
+        sidebar: false,
+        breadcrumb: false,
+        activeMenu: '/other-page',
+      },
+    },
+    {
+      path: 'detail',
+      name: 'OtherPageDetail',
+      component: () => import('@/views/demo/other_page/des.vue'),
+      meta: {
+        title: '详情页',
+        sidebar: false,
+        breadcrumb: true,
+        activeMenu: '/other-page',
+      },
+    },
+  ],
+};
+
+export default routes;

package/templates/pubinfo-module/playground/src/routes/modules/demo/single.ts

@@ -0,0 +1,14 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+const routes: RouteRecordRaw = {
+  path: '/single',
+  component: () => import('@/views/demo/single/index.vue'),
+  name: 'Single',
+  meta: {
+    title: '单页面路由',
+    singleMenu: true,
+    icon: 'i-solar-confetti-minimalistic-bold',
+  },
+};
+
+export default routes;

package/templates/{pubinfo-template → pubinfo-module/playground}/src/settings.ts

@@ -3,6 +3,6 @@ import { defineSettings } from 'pubinfo';
 export default defineSettings({
   // 请在此处编写或粘贴配置代码
   app: {
-    storagePrefix: 'wsy_rbac',
+    storagePrefix: 'my-app',
   },
 });

package/templates/pubinfo-module/playground/src/stores/index.ts

@@ -0,0 +1,2 @@
+export * from './modules/conter';
+export { useUserStore } from 'pubinfo';

package/templates/pubinfo-module/playground/src/stores/modules/conter.ts

@@ -0,0 +1,16 @@
+import { defineStore } from 'pinia';
+import { computed, ref } from 'vue';
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0);
+  const doubleCount = computed(() => count.value * 2);
+  function increment() {
+    count.value++;
+  }
+
+  return {
+    count,
+    doubleCount,
+    increment,
+  };
+});

package/templates/pubinfo-module/playground/src/views/demo/breadcrumb_example/detail1.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { PageMain } from 'pubinfo';
+</script>
+
+<template>
+  <div>
+    <PageMain>
+      注意看面包屑导航的变化
+    </PageMain>
+  </div>
+</template>

package/templates/pubinfo-module/playground/src/views/demo/breadcrumb_example/detail2.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { PageMain } from 'pubinfo';
+</script>
+
+<template>
+  <div>
+    <PageMain>
+      注意看面包屑导航的变化
+    </PageMain>
+  </div>
+</template>

package/templates/pubinfo-module/playground/src/views/demo/breadcrumb_example/list1.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { PageMain } from 'pubinfo';
+</script>
+
+<template>
+  <PageMain>
+    <RouterLink :to="{ name: 'breadcrumbExampleDetail1' }">
+      查看详情页
+    </RouterLink>
+  </PageMain>
+</template>

package/templates/pubinfo-module/playground/src/views/demo/breadcrumb_example/list2.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { PageMain } from 'pubinfo';
+</script>
+
+<template>
+  <PageMain>
+    <RouterLink :to="{ name: 'breadcrumbExampleDetail2' }">
+      查看详情页
+    </RouterLink>
+  </PageMain>
+</template>