@pubinfo/core 2.0.0-beta.3 → 2.0.0-beta.31

package/{lib → dist}/utils/index.d.ts

@@ -5,6 +5,12 @@ type ConditionalExceptType<T extends Record<PropertyKey, any>, Type> = {
 export declare function resolveRoutePath(basePath?: string, routePath?: string): string;
 export declare function normalizePrimitiveToFunction<T extends Record<PropertyKey, any>>(options: T): ConditionalExceptType<T, Primitive>;
 export declare function objectToPaths(obj: Record<string, any>, prefix?: string): string[];
+/**
+ * 基于 `import.meta.glob` 读取 `iconMap`
+ */
+export declare function loadIconsFromGlob(modules: Record<string, {
+    default: string;
+}>): Record<string, string>;
 export * from './cleanup';
 export * from './crypto';
 export { default as eventBus } from './eventBus';

package/package.json

@@ -1,62 +1,56 @@
 {
   "name": "@pubinfo/core",
   "type": "module",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.31",
   "exports": {
     ".": {
-      "types": "./es/index.d.ts",
-      "import": "./es/index.js",
-      "require": "./lib/index.cjs"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./request": {
-      "types": "./es/api/index.d.ts",
-      "import": "./es/request.js",
-      "require": "./lib/request.cjs"
+      "types": "./dist/api/index.d.ts",
+      "default": "./dist/request.js"
     },
-    "./style.css": {
-      "import": "./es/style.css",
-      "require": "./lib/style.css"
-    },
-    "./types": "./types/index.d.ts"
+    "./style.css": "./dist/style.css",
+    "./types": "./dist/index.d.ts"
   },
-  "main": "./lib/index.js",
-  "module": "./es/index.js",
-  "types": "./es/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
-    "es",
-    "lib",
+    "dist",
     "src",
     "types"
   ],
   "peerDependencies": {
-    "alova": "^3.2.6",
-    "pinia": "^2.3.0",
-    "vue": "^3.5.13",
-    "vue-i18n": "^9.14.0",
-    "vue-router": "^4.5.0",
-    "@pubinfo/config": "2.0.0-beta.3"
+    "alova": "^3.2.13",
+    "pinia": "^2.3.1",
+    "vue": "^3.5.16",
+    "vue-i18n": "^10.0.7",
+    "vue-router": "^4.5.1",
+    "@pubinfo/config": "2.0.0-beta.31"
   },
   "dependencies": {
-    "@alova/adapter-axios": "^2.0.13",
+    "@alova/adapter-axios": "^2.0.14",
     "@ant-design/icons-vue": "^7.0.1",
     "@headlessui/vue": "^1.7.23",
-    "@imengyu/vue3-context-menu": "^1.4.4",
-    "@pubinfo/pro-components": "^1.6.1",
+    "@imengyu/vue3-context-menu": "^1.5.0",
+    "@pubinfo/pro-components": "^1.7.1",
     "@unocss/reset": "^65.5.0",
-    "@vueuse/core": "^12.7.0",
-    "@vueuse/integrations": "^12.7.0",
+    "@vueuse/core": "^13.3.0",
+    "@vueuse/integrations": "^13.3.0",
     "ant-design-vue": "^4.2.6",
-    "axios": "^1.8.1",
-    "consola": "^3.4.0",
+    "axios": "^1.9.0",
+    "consola": "^3.4.2",
     "floating-vue": "5.2.2",
     "hookable": "^5.5.3",
-    "hotkeys-js": "^3.13.9",
+    "hotkeys-js": "^3.13.10",
     "jsencrypt": "^3.3.2",
     "lodash-es": "^4.17.21",
     "md5": "^2.3.0",
     "mitt": "^3.0.1",
     "nprogress": "^0.2.0",
-    "overlayscrollbars": "^2.11.1",
+    "overlayscrollbars": "^2.11.3",
     "overlayscrollbars-vue": "^0.5.9",
     "path-browserify": "^1.0.1",
     "path-to-regexp": "^6.3.0",
@@ -66,7 +60,7 @@
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.312",
+    "@iconify/json": "^2.2.343",
     "@iconify/vue": "^4.3.0",
     "@pubinfo/openapi": "^0.8.4",
     "@pubinfo/preset-openapi": "^0.8.4",
@@ -76,22 +70,22 @@
     "@types/path-browserify": "^1.0.3",
     "@types/sortablejs": "^1.15.8",
     "@types/zxcvbn": "^4.4.5",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "alova": "^3.2.9",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
+    "alova": "^3.2.13",
     "pinia": "^2.3.1",
-    "sass": "1.77.8",
-    "type-fest": "^4.36.0",
+    "sass": "1.83.0",
+    "type-fest": "^4.41.0",
     "unocss": "^65.5.0",
     "unplugin-auto-import": "^0.18.6",
     "unplugin-icons": "^0.22.0",
     "unplugin-vue-components": "^0.27.5",
-    "vite": "^6.2.0",
-    "vite-plugin-dts": "^4.5.3",
-    "vue": "^3.5.13",
-    "vue-i18n": "^9.14.2",
-    "vue-router": "^4.5.0",
-    "@pubinfo/config": "2.0.0-beta.3"
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.16",
+    "vue-i18n": "^10.0.7",
+    "vue-router": "^4.5.1",
+    "@pubinfo/config": "2.0.0-beta.31"
   },
   "scripts": {
     "dev": "vite build -w -m watch",

package/src/api/index.ts

@@ -14,6 +14,8 @@ import {
   ReSetTokenAndRefreshToken,
 } from './helper';
 
+export { RESPONSE_CODE } from './enum/code';
+
 export function createTokenAuthentication() {
   return createServerTokenAuthentication<typeof VueHook, typeof axiosRequestAdapter>({
     /**
@@ -72,4 +74,4 @@ export function createRequest(options: RequestOptions) {
   return instance;
 }
 
-export { RESPONSE_CODE } from './enum/code';
+export * from './interface';

package/src/api/modules/configData/xitongpeizhifuwu.ts

@@ -63,7 +63,7 @@ export function postSysconfigAddOrUpdateBackgroundImage<
     if (item !== undefined && item !== null) {
       if (typeof item === 'object' && !(item instanceof File)) {
         if (Array.isArray(item)) {
-          item.forEach((f) => formData.append(ele, f || ''));
+          item.forEach(f => formData.append(ele, f || ''));
         }
         else {
           formData.append(ele, JSON.stringify(item));
@@ -110,7 +110,7 @@ export function postSysconfigAddOrUpdateBackgroundSmallImage<
     if (item !== undefined && item !== null) {
       if (typeof item === 'object' && !(item instanceof File)) {
         if (Array.isArray(item)) {
-          item.forEach((f) => formData.append(ele, f || ''));
+          item.forEach(f => formData.append(ele, f || ''));
         }
         else {
           formData.append(ele, JSON.stringify(item));
@@ -152,7 +152,7 @@ export function postSysconfigAddOrUpdateLogImage<
     if (item !== undefined && item !== null) {
       if (typeof item === 'object' && !(item instanceof File)) {
         if (Array.isArray(item)) {
-          item.forEach((f) => formData.append(ele, f || ''));
+          item.forEach(f => formData.append(ele, f || ''));
         }
         else {
           formData.append(ele, JSON.stringify(item));

package/src/assets/styles/globals.scss

@@ -130,12 +130,12 @@ body {
     transform: translateX(-50%) translateX(calc(var(--g-main-sidebar-actual-width) / 2)) translateX(calc(var(--g-sub-sidebar-actual-width) / 2));
   }
 
-  @media screen and (max-width: $g-app-width) {
-    [data-fixed-calc-width] {
-      width: calc(100% - var(--g-main-sidebar-actual-width) - var(--g-sub-sidebar-actual-width));
-      transform: translateX(-50%) translateX(calc(var(--g-main-sidebar-actual-width) / 2)) translateX(calc(var(--g-sub-sidebar-actual-width) / 2));
-    }
-  }
+  // @media screen and (max-width: $g-app-width) {
+  //   [data-fixed-calc-width] {
+  //     width: calc(100% - var(--g-main-sidebar-actual-width) - var(--g-sub-sidebar-actual-width));
+  //     transform: translateX(-50%) translateX(calc(var(--g-main-sidebar-actual-width) / 2)) translateX(calc(var(--g-sub-sidebar-actual-width) / 2));
+  //   }
+  // }
 }
 
 [data-mode="mobile"] {

package/src/components/PubinfoApp/index.vue

@@ -9,7 +9,7 @@ const route = useRoute();
 const { auth } = useAuth();
 
 const isAuth = computed(() => {
-  return route.matched.every((item) => auth(item.meta.auth ?? ''));
+  return route.matched.every(item => auth(item.meta.auth ?? ''));
 });
 </script>
 

package/src/components/PubinfoIcon/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue';
 import { useProvider } from '../PubinfoProvider';
+import { iconRegistry } from './register';
 
 defineOptions({
   name: 'PubinfoIcon',
@@ -72,7 +73,8 @@ function _loadIcon() {
   if (!loadIcon && outputType.value === 'custom') {
     return new Error('Need pro `loadIcon`, according to [PubinfoProvider].');
   }
-  return loadIcon?.(props.name);
+
+  return loadIcon?.(props.name) ?? iconRegistry.get(props.name);
 }
 </script>
 

package/src/components/PubinfoIcon/register.ts

@@ -0,0 +1,19 @@
+type IconMap = Record<string, string>;
+
+export class IconRegistry {
+  private iconMap: IconMap = {};
+
+  register(icons: IconMap) {
+    this.iconMap = { ...this.iconMap, ...icons };
+  }
+
+  get(name: string): string | undefined {
+    return this.iconMap[name];
+  }
+
+  getAll(): IconMap {
+    return this.iconMap;
+  }
+}
+
+export const iconRegistry = new IconRegistry();

package/src/components/PubinfoProvider/index.ts

@@ -1,3 +1,5 @@
+import type { InjectionKey } from 'vue';
+
 interface PubinfoProviderProps {
   loadIcon?: (name?: string) => any
 }
@@ -17,7 +19,6 @@ export default defineComponent({
   props: {
     loadIcon: {
       type: Function as PubinfoProviderProps['loadIcon'],
-      required: true,
     },
   },
   setup(props, { slots }) {
@@ -25,7 +26,7 @@ export default defineComponent({
 
     createPubinfoProvider({
       loadIcon(name) {
-        return props.loadIcon(name) ?? provider?.loadIcon?.(name);
+        return props?.loadIcon?.(name) ?? provider?.loadIcon?.(name);
       },
     });
 

package/src/composables/auth.ts

@@ -14,7 +14,7 @@ export function useAuth() {
     const settingsStore = useSettingsStore();
     const userStore = useUserStore();
     if (settingsStore.settings.app.enablePermission) {
-      return userStore.permissions.includes(permission);
+      return userStore.user.permissions.includes(permission);
     }
     else {
       return true;

package/src/context.ts

@@ -1,7 +1,6 @@
 import type { Context } from './interface';
 import { createHooks } from 'hookable';
 import { auth, basic } from 'pubinfo:project/api/request';
-import layout from 'pubinfo:project/layouts/index.vue';
 
 export const hooks = createHooks();
 
@@ -24,7 +23,7 @@ export function usePubinfoContext() {
  */
 export function readProject() {
   return {
-    layout,
+    layout: () => import('pubinfo:project/layouts/index.vue'),
     request: { auth, basic },
   };
 }

package/src/create.ts

@@ -6,6 +6,7 @@ import { createRouter, createWebHashHistory } from 'vue-router';
 
 import { GetAPIValidateIp } from './api/system/app';
 
+import { iconRegistry } from './components/PubinfoIcon/register';
 import { createPubinfoContext, hooks } from './context';
 import { setupDirectives } from './directives';
 import { setupLayout } from './layout';
@@ -13,6 +14,7 @@ import { setupI18n } from './locales';
 import { extractModules, resolveModules } from './modules';
 import { constantRoutes, setupRouterGuard } from './route';
 import { setupStore } from './stores';
+import { loadIconsFromGlob } from './utils';
 
 export function createPubinfo(
   App: Component,
@@ -45,6 +47,7 @@ export function createPubinfo(
       app,
       store,
       router,
+      iconRegistry,
     };
 
     app.use(store);
@@ -80,6 +83,10 @@ export function createPubinfo(
 }
 
 function setupBasic(context: Context) {
+  // register icons
+  const iconMap = loadIconsFromGlob(import.meta.glob('./assets/icons/*.svg', { eager: true }));
+  context.iconRegistry.register(iconMap);
+
   setupStore(context);
   setupRouterGuard(context);
   setupDirectives(context);

package/src/index.ts

@@ -1,4 +1,5 @@
 import './assets/styles';
+import '../types/index.d.ts';
 
 export * from './components';
 export * from './composables';

package/src/interface.ts

@@ -1,6 +1,7 @@
 import type { Pinia } from 'pinia';
 import type { App } from 'vue';
 import type { Router, RouterOptions as VueRouterOptions } from 'vue-router';
+import type { IconRegistry } from './components/PubinfoIcon/register';
 
 type PartialKeys<T, Keys extends keyof T> = Omit<T, Keys> & Partial<Pick<T, Keys>>;
 
@@ -10,6 +11,7 @@ export interface Context {
   app: App<Element>
   store: Pinia
   router: Router
+  iconRegistry: IconRegistry
 }
 
 export interface Options {
@@ -20,9 +22,20 @@ export interface Options {
 }
 
 export interface Module {
+  /** 唯一值 */
   name: string
+  /** 初始化内容 */
   setup?: (ctx: Context) => void
+  /**
+   * 插件调用顺序:
+   * - `enforce: pre` 插件
+   * - 腾龙核心功能（即内置的各类路由守卫、状态管理等）
+   * - 普通插件
+   * - 项目初始化函数（即 `createPubinfo` 第三个参数）
+   * - `enforce: post` 插件
+   */
   enforce?: 'pre' | 'post'
+  /** 钩子函数 */
   hooks?: Partial<Hooks>
 }
 

package/src/layout/Layout.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { PubinfoProvider } from '@/components';
 import RiLogoutBoxLine from '~icons/ri/logout-box-line';
 import BackTop from './components/BackTop/index.vue';
 import LayoutContent from './components/Content/index.vue';
@@ -49,78 +48,70 @@ watch(() => routeInfo.path, () => {
     });
   }
 });
-
-function loadIcon(name: string) {
-  const modules = (import.meta as any).glob('../assets/icons/*', { eager: true });
-  const path = `../assets/icons/${name}.svg`;
-  return modules[path]?.default;
-}
 </script>
 
 <template>
-  <PubinfoProvider :load-icon="loadIcon">
-    <div
-      class="layout"
-      :style="{
-        '--g-main-sidebar-actual-width': mainSidebarActualWidth,
-        '--g-sub-sidebar-actual-width': subSidebarActualWidth,
-      }"
-    >
-      <div id="app-main" :class="{ 'main-page-maximize': settingsStore.mainPageMaximizeStatus }">
-        <slot name="header">
-          <LayoutHeader />
-        </slot>
-
-        <div class="wrapper">
-          <div
-            class="sidebar-container"
-            :class="{ show: settingsStore.mode === 'mobile' && !settingsStore.settings.menu.subMenuCollapse }"
-          >
-            <!-- TODO 这种写法会导致侧边栏模式的布局下，有样式问题 -->
-            <!-- <slot name="sidebar">
+  <div
+    class="layout"
+    :style="{
+      '--g-main-sidebar-actual-width': mainSidebarActualWidth,
+      '--g-sub-sidebar-actual-width': subSidebarActualWidth,
+    }"
+  >
+    <div id="app-main" :class="{ 'main-page-maximize': settingsStore.mainPageMaximizeStatus }">
+      <slot name="header">
+        <LayoutHeader />
+      </slot>
+
+      <div class="wrapper">
+        <div
+          class="sidebar-container"
+          :class="{ show: settingsStore.mode === 'mobile' && !settingsStore.settings.menu.subMenuCollapse }"
+        >
+          <!-- TODO 这种写法会导致侧边栏模式的布局下，有样式问题 -->
+          <!-- <slot name="sidebar">
               <Sidebar />
             </slot> -->
 
-            <MainSidebar />
-            <SubSidebar />
-          </div>
-
-          <div
-            class="sidebar-mask"
-            :class="{ show: settingsStore.mode === 'mobile' && !settingsStore.settings.menu.subMenuCollapse }"
-            @click="settingsStore.toggleSidebarCollapse()"
-          />
-
-          <div class="main-container" :style="{ 'padding-bottom': routeInfo.meta.paddingBottom }">
-            <slot name="topbar">
-              <Topbar />
-            </slot>
+          <MainSidebar />
+          <SubSidebar />
+        </div>
 
-            <div class="main">
-              <div
-                v-show="settingsStore.mainPageMaximizeStatus"
-                class="exit-main-page-maximize"
-                @click="settingsStore.setMainPageMaximize()"
-              >
-                <RiLogoutBoxLine />
-              </div>
-
-              <slot>
-                <LayoutContent />
-              </slot>
+        <div
+          class="sidebar-mask"
+          :class="{ show: settingsStore.mode === 'mobile' && !settingsStore.settings.menu.subMenuCollapse }"
+          @click="settingsStore.toggleSidebarCollapse()"
+        />
+
+        <div class="main-container" :style="{ 'padding-bottom': routeInfo.meta.paddingBottom }">
+          <slot name="topbar">
+            <Topbar />
+          </slot>
+
+          <div class="main">
+            <div
+              v-show="settingsStore.mainPageMaximizeStatus"
+              class="exit-main-page-maximize"
+              @click="settingsStore.setMainPageMaximize()"
+            >
+              <RiLogoutBoxLine />
             </div>
 
-            <slot name="footer">
-              <Copyright />
+            <slot>
+              <LayoutContent />
             </slot>
           </div>
+
+          <slot name="footer">
+            <Copyright />
+          </slot>
         </div>
       </div>
-
-      <SettingBar />
-      <BackTop />
     </div>
-  </PubinfoProvider>
+
+    <SettingBar />
+    <BackTop />
+  </div>
 </template>
 
 <style lang="scss" scoped>

package/src/layout/components/Content/index.vue

@@ -7,25 +7,46 @@ defineOptions({
   name: 'LayoutContent',
 });
 
-const routeInfo = useRoute();
+const _route = useRoute();
 const { settingsStore, keepAliveStore } = useContext();
 
-const isIframe = computed(() => !!routeInfo.meta.iframe);
-const isLink = computed(() => !!routeInfo.meta.link);
+const isIframe = computed(() => !!_route.meta.iframe);
+const isLink = computed(() => !!_route.meta.link);
+
+function EmptyWrapper(_: any, { slots }: { slots: any }) {
+  return slots?.default?.();
+}
+
+const Provider = computed(() => {
+  const metaProvider = _route.matched?.[0]?.meta?.provider;
+
+  if (!metaProvider) {
+    return EmptyWrapper;
+  };
+
+  // 是函数，认为是 () => import(...)
+  if (typeof metaProvider === 'function') {
+    return defineAsyncComponent(metaProvider);
+  }
+
+  return metaProvider;
+});
 </script>
 
 <template>
   <RouterView v-slot="{ Component, route }">
-    <Transition :name="settingsStore.settings.mainPage.enableTransition ? settingsStore.settings.mainPage.transitionMode : ''" mode="out-in" appear>
-      <KeepAlive :include="keepAliveStore.list">
-        <component
-          :is="Component"
-          v-show="!(isIframe || isLink)"
-          :key="route.fullPath"
-          class="page-container"
-        />
-      </KeepAlive>
-    </Transition>
+    <component :is="Provider">
+      <Transition :name="settingsStore.settings.mainPage.enableTransition ? settingsStore.settings.mainPage.transitionMode : ''" mode="out-in" appear>
+        <KeepAlive :include="keepAliveStore.list">
+          <component
+            :is="Component"
+            v-show="!(isIframe || isLink)"
+            :key="route.fullPath"
+            class="page-container"
+          />
+        </KeepAlive>
+      </Transition>
+    </component>
   </RouterView>
 
   <IframeView v-show="isIframe && !isLink" />

package/src/layout/components/Header/TopMode/index.vue

@@ -31,8 +31,6 @@ const menuRef = ref<HTMLElement | null>();
 const { width } = useElementSize(menuRef);
 const menuHideIndex = ref(0);
 
-watchMenuItem();
-
 const moreApple = computed(() => {
   return menuHideIndex.value === menuStore.allMenus.length - 1;
 });
@@ -42,19 +40,6 @@ function moreApplyClick(index: number, item: Menu.recordMainRaw) {
   switchTo(menuIndex, item);
 }
 
-function watchMenuItem() {
-  onMounted(() => {
-    watch(
-      width,
-      () => {
-        menuHideIndex.value = fitMenus();
-      },
-      {
-        immediate: true,
-      });
-  });
-}
-
 // 计算顶部菜单宽度
 function fitMenus() {
   const containerRoot = menuRef.value!;
@@ -89,6 +74,17 @@ function fitMenus() {
 
   return restrictedIndex;
 }
+
+onMounted(() => {
+  watch(
+    width,
+    () => {
+      menuHideIndex.value = fitMenus();
+    },
+    {
+      immediate: true,
+    });
+});
 </script>
 
 <template>
@@ -99,7 +95,7 @@ function fitMenus() {
         [`menu-active-${settingsStore.settings.menu.menuActiveStyle}`]: settingsStore.settings.menu.menuActiveStyle !== '',
       }"
     >
-      <template v-for="(item, index) in menuStore.allMenus" :key="index">
+      <template v-for="(item, index) in menuStore.allMenus" :key="item?.meta?.title || index">
         <div
           class="menu-item relative transition-all"
           invisible

package/src/layout/components/Header/index.vue

@@ -153,11 +153,11 @@ header {
     }
   }
 
-  @media screen and (max-width: $g-header-width) {
-    .header-container {
-      width: 100%;
-    }
-  }
+  // @media screen and (max-width: $g-header-width) {
+  //   .header-container {
+  //     width: 100%;
+  //   }
+  // }
 
   :deep(.menu-container) {
     flex: 1;