@jnrs/vue-core 1.1.1 → 1.1.3

package/README.md

@@ -1,7 +1,13 @@
 # @jnrs/vue-core
 
 ## ✨ 介绍
-巨能前端工程化开发，Vue 专用核心功能包
+巨能前端工程化开发，Vue 专用核心功能包。
+- Pinia store
+- Vue composables
+- Vue Router
+- 全局指令
+- 插件
+- 公共 Vue 组件
 
 ## 💻 技术栈
 TypeScript、Vue3 生态
@@ -31,12 +37,12 @@ import { useAuthStore } from '@jnrs/vue-core/pinia'
 ``` typescript
 /**
  * useSystemStore 系统仓库
- * @returns i18n 国际化
- * @returns theme 主题
+ * @returns theme 主题（国际化、主题、自定义强调色）
  * @returns menuCollapse 菜单是否折叠
  * @returns documentFullscreen 文档是否全屏
  * @methods toggleCollapse 折叠菜单切换
  * @methods toggleFullScreen 全屏切换
+ * @methods setTheme 设置主题
  */
 ```
 ``` typescript
@@ -75,3 +81,6 @@ import { useAuthStore } from '@jnrs/vue-core/pinia'
   - createVueRouter 创建 vue-router 实例
   - asyncGenerateRoute 设置动态路由，生成路由记录
 
+#### @jnrs/vue-core/components 模块
+Vue 组件
+  - GlobalSetting 全局偏好设置

package/dist/components/GlobalSetting.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    handleShow: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+import { default as GlobalSetting } from './GlobalSetting.vue';
+export { GlobalSetting };

package/dist/components/index.js

@@ -0,0 +1,122 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".globalSetting_item[data-v-122c674a]{margin-bottom:20px}.globalSetting_header{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #e4e4e7}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as g, ref as y, createBlock as d, openBlock as n, unref as t, withCtx as s, createElementBlock as i, Fragment as h, renderList as m, createElementVNode as k, createVNode as S, toDisplayString as b, createTextVNode as C } from "vue";
+import { ElDrawer as x, ElRadioGroup as E, ElRadio as V } from "element-plus";
+import { u as w } from "../system-DSegwP0Z.js";
+const N = /* @__PURE__ */ g({
+  __name: "GlobalSetting",
+  setup(u, { expose: r }) {
+    const { theme: a, setTheme: c } = w(), l = y(!1), _ = [
+      {
+        title: "语言",
+        key: "locale",
+        select: [
+          {
+            value: "zhCn",
+            label: "中文"
+          },
+          {
+            value: "en",
+            label: "English"
+          }
+        ]
+      },
+      {
+        title: "主题",
+        key: "mode",
+        select: [
+          {
+            value: "light",
+            label: "浅色"
+          },
+          {
+            value: "dark",
+            label: "深色"
+          },
+          {
+            value: "auto",
+            label: "跟随系统"
+          }
+        ]
+      },
+      {
+        title: "强调色",
+        key: "customColor",
+        select: [
+          {
+            value: "oklch(0.6 0.19 41)",
+            label: "JNRS"
+          },
+          {
+            value: "oklch(0.51 0.21 264)",
+            label: "蔚蓝"
+          },
+          {
+            value: "oklch(0.90 0.16 98)",
+            label: "月黄"
+          },
+          {
+            value: "oklch(0.63 0.25 27)",
+            label: "京东红"
+          },
+          {
+            value: "oklch(0.65 0.24 33)",
+            label: "淘宝红"
+          },
+          {
+            value: "oklch(0.61 0.20 261)",
+            label: "钉钉蓝"
+          },
+          {
+            value: "oklch(0.70 0.12 152)",
+            label: "微信绿"
+          }
+        ]
+      }
+    ];
+    return r({
+      handleShow: () => {
+        l.value = !0;
+      }
+    }), (R, v) => (n(), d(t(x), {
+      "header-class": "globalSetting_header",
+      modelValue: l.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (e) => l.value = e),
+      title: "全局偏好设置"
+    }, {
+      default: s(() => [
+        (n(), i(h, null, m(_, (e, p) => k("div", {
+          class: "globalSetting_item",
+          key: p
+        }, [
+          k("h4", null, b(e.title), 1),
+          S(t(E), {
+            "model-value": t(a)[e.key],
+            onChange: (o) => t(c)(e.key, o)
+          }, {
+            default: s(() => [
+              (n(!0), i(h, null, m(e.select, (o, f) => (n(), d(t(V), {
+                value: o.value,
+                key: f
+              }, {
+                default: s(() => [
+                  C(b(o.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 2
+          }, 1032, ["model-value", "onChange"])
+        ])), 64))
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}), B = (u, r) => {
+  const a = u.__vccOpts || u;
+  for (const [c, l] of r)
+    a[c] = l;
+  return a;
+}, F = /* @__PURE__ */ B(N, [["__scopeId", "data-v-122c674a"]]);
+export {
+  F as GlobalSetting
+};

package/dist/index-DEkMXVh9.js

@@ -0,0 +1,109 @@
+import { createWebHistory as p, createRouter as d } from "vue-router";
+const h = {
+  history: p(),
+  routes: []
+};
+let n, s, i, m;
+const f = ({
+  options: o,
+  fileModules: t,
+  layoutName: e,
+  globalComponent: a,
+  handleBeforeEach: r
+}) => (s = t, e && (i = e), a && (m = a), n = d({ ...h, ...o }), n.beforeEach(
+  async (c, u) => r?.(c, u)
+), n), g = async (o, t = "push") => {
+  try {
+    return await n[t](o);
+  } catch (e) {
+    console.warn(`router.${t} 失败`, {
+      code: "ROUTER_NOT_MATCH",
+      message: "未匹配到有效路由",
+      error: o || e,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }), n[t]({ name: "404" });
+  }
+}, _ = (o) => s[`/src/views${o}.vue`], l = async (o, t) => {
+  for (const e of o) {
+    if (e.meta.fullPathTitle = t ? t.meta.fullPathTitle + "," + e.meta.title : e.meta.title, !e.component) {
+      e.children && e.children.length > 0 && l(e.children, e);
+      continue;
+    }
+    const a = e.component.replace(/[^a-zA-Z0-9/._-]/g, "");
+    if (!a.startsWith("/") || a.includes("..")) {
+      console.warn("[Router] 组件加载失败", {
+        code: "INVALID_COMPONENT_PATH",
+        message: "组件路径拼写不符合规则，应以 '/' 开头且不能包含 '..'，请检查 component 字段是否配置正确",
+        menu: {
+          path: e.path,
+          name: e.name,
+          component: e.component
+        },
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      continue;
+    }
+    const r = _(a);
+    if (!r) {
+      console.warn("[Router] 组件加载失败", {
+        code: "COMPONENT_NOT_FOUND",
+        message: "组件加载器无效，请检查 component 字段是否配置正确",
+        menu: {
+          path: e.path,
+          name: e.name,
+          component: e.component
+        },
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      continue;
+    }
+    let c = {
+      name: e.name,
+      path: e.path,
+      meta: e.meta,
+      redirect: e.redirect,
+      component: () => r()
+    };
+    e.meta?.global ? (m !== void 0 && (c = {
+      name: "_globalComponent_" + e.name,
+      path: e.path,
+      meta: e.meta,
+      redirect: e.redirect,
+      component: () => m,
+      children: [
+        {
+          path: "",
+          name: e.name,
+          meta: e.meta,
+          component: () => r()
+        }
+      ]
+    }), n.addRoute(c)) : n.addRoute(i, c);
+  }
+}, O = () => {
+  const o = [];
+  for (const t of n.getRoutes())
+    o.push({
+      name: t.name,
+      path: t.path,
+      meta: t.meta
+    });
+  return o;
+}, T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  asyncGenerateRoute: l,
+  createVueRouter: f,
+  getRoutes: O,
+  handleRouter: g
+}, Symbol.toStringTag, { value: "Module" }));
+console.log(
+  "%c✨ 欢迎使用 @jnrs/vue-core/router",
+  'background: #42B883; color: #39495C; font-weight: bold; padding: 4px 8px; border-radius: 4px; font-family: "Helvetica Neue", sans-serif;'
+);
+export {
+  l as a,
+  f as b,
+  T as c,
+  O as g,
+  g as h
+};

package/dist/index-pLO4r50y.js

@@ -0,0 +1,94 @@
+import "pinia-plugin-persistedstate";
+import { u as m } from "./system-DSegwP0Z.js";
+import { ref as i } from "vue";
+import { defineStore as l } from "pinia";
+import { a as p } from "./index-DEkMXVh9.js";
+const y = l(
+  "@jnrs/vue-core/pinia:auth",
+  () => {
+    const e = i(!1), n = i(), u = i(), o = i();
+    return {
+      hasAuthenticated: e,
+      token: n,
+      userInfo: u,
+      dict: o,
+      asyncSetAuth: async (c) => {
+        e.value = !0, c.token && (n.value = c.token), c.userInfo && (u.value = c.userInfo), c.dict && (o.value = c.dict);
+      },
+      asyncClearAuth: async () => {
+        e.value = !1, n.value = void 0, u.value = void 0, o.value = void 0;
+      }
+    };
+  },
+  {
+    persist: {
+      pick: ["hasAuthenticated", "token", "userInfo", "dict"]
+    }
+  }
+), t = [];
+for (let e = 0; e < 256; ++e)
+  t.push((e + 256).toString(16).slice(1));
+function v(e, n = 0) {
+  return (t[e[n + 0]] + t[e[n + 1]] + t[e[n + 2]] + t[e[n + 3]] + "-" + t[e[n + 4]] + t[e[n + 5]] + "-" + t[e[n + 6]] + t[e[n + 7]] + "-" + t[e[n + 8]] + t[e[n + 9]] + "-" + t[e[n + 10]] + t[e[n + 11]] + t[e[n + 12]] + t[e[n + 13]] + t[e[n + 14]] + t[e[n + 15]]).toLowerCase();
+}
+let a;
+const h = new Uint8Array(16);
+function f() {
+  if (!a) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    a = crypto.getRandomValues.bind(crypto);
+  }
+  return a(h);
+}
+const g = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), d = { randomUUID: g };
+function b(e, n, u) {
+  e = e || {};
+  const o = e.random ?? e.rng?.() ?? f();
+  if (o.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, v(o);
+}
+function S(e, n, u) {
+  return d.randomUUID && !e ? d.randomUUID() : b(e);
+}
+const U = l(
+  "@jnrs/vue-core/pinia:menu",
+  () => {
+    const e = i(!1), n = i([]), u = async (s) => {
+      if (e.value)
+        return n.value;
+      o(s), n.value = s, e.value = !0;
+      try {
+        await p(n.value);
+      } catch (r) {
+        throw r;
+      }
+      return n.value;
+    }, o = (s) => {
+      for (const r of s)
+        r.meta.uuid = S(), r.children && o(r.children);
+    };
+    return { hasFetchedAsyncMenus: e, menus: n, asyncSetMenus: u };
+  }
+  // {
+  //   persist: {
+  //     pick: ['menus']
+  //   }
+  // }
+);
+console.log(
+  "%c✨ 欢迎使用 @jnrs/vue-core/pinia",
+  'background: #42B883; color: #39495C; font-weight: bold; padding: 4px 8px; border-radius: 4px; font-family: "Helvetica Neue", sans-serif;'
+);
+const k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useAuthStore: y,
+  useMenuStore: U,
+  useSystemStore: m
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  U as a,
+  k as i,
+  y as u
+};

package/dist/index.d.ts

@@ -1 +1,3 @@
 export type * from './types/base';
+export * as vueRouter from './vueRouter/createVueRouter';
+export * as piniaStore from './piniaStore/index';

package/dist/index.js

@@ -1,4 +1,10 @@
+import { c as r } from "./index-DEkMXVh9.js";
+import { i } from "./index-pLO4r50y.js";
 console.log(
   "%c✨ 欢迎使用 @jnrs/vue-core",
   'background: #42B883; color: #39495C; font-weight: bold; padding: 4px 8px; border-radius: 4px; font-family: "Helvetica Neue", sans-serif;'
 );
+export {
+  i as piniaStore,
+  r as vueRouter
+};

package/dist/piniaStore/base/auth.d.ts

@@ -1,4 +1,4 @@
-import { Dict, User } from '../../types/base';
+import { Dict, User } from '@jnrs/shared';
 interface Auth {
     token: string;
     userInfo: User;

package/dist/piniaStore/base/menu.d.ts

@@ -19,10 +19,10 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
@@ -37,10 +37,10 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
@@ -56,16 +56,15 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
-    asyncClearMenu: () => void;
-}, "menus" | "hasFetchedAsyncMenus">, Pick<{
+}, "hasFetchedAsyncMenus" | "menus">, Pick<{
     hasFetchedAsyncMenus: import('vue').Ref<boolean, boolean>;
     menus: import('vue').Ref<{
         meta: {
@@ -78,10 +77,10 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
@@ -96,10 +95,10 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
@@ -115,15 +114,14 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
-    asyncClearMenu: () => void;
 }, never>, Pick<{
     hasFetchedAsyncMenus: import('vue').Ref<boolean, boolean>;
     menus: import('vue').Ref<{
@@ -137,10 +135,10 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
@@ -155,10 +153,10 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
@@ -174,13 +172,12 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             noAuth?: boolean | undefined;
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
+            todoCount?: number | undefined;
         };
         path: string;
         name?: string | undefined;
-        todoCount?: number | undefined;
         component?: string | undefined;
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
-    asyncClearMenu: () => void;
-}, "asyncSetMenus" | "asyncClearMenu">>;
+}, "asyncSetMenus">>;

package/dist/piniaStore/base/system.d.ts

@@ -1,31 +1,63 @@
+type LocaleType = 'zhCn' | 'en';
+type ThemeMode = 'light' | 'dark' | 'auto';
+type Theme = {
+    locale: LocaleType;
+    mode: ThemeMode;
+    customColor?: string;
+};
 /**
  * useSystemStore 系统仓库
- * @returns i18n 国际化
- * @returns theme 主题
+ * @returns theme 主题（国际化、主题、自定义强调色）
  * @returns menuCollapse 菜单是否折叠
  * @returns documentFullscreen 文档是否全屏
  * @methods toggleCollapse 折叠菜单切换
  * @methods toggleFullScreen 全屏切换
+ * @methods setTheme 设置主题
  */
 export declare const useSystemStore: import('pinia').StoreDefinition<"@jnrs/vue-core/pinia:system", Pick<{
-    i18n: import('vue').Ref<string, string>;
-    theme: import('vue').Ref<"light" | "dark", "light" | "dark">;
+    theme: import('vue').Ref<{
+        locale: LocaleType;
+        mode: ThemeMode;
+        customColor?: string | undefined;
+    }, Theme | {
+        locale: LocaleType;
+        mode: ThemeMode;
+        customColor?: string | undefined;
+    }>;
     menuCollapse: import('vue').Ref<boolean, boolean>;
     documentFullscreen: import('vue').Ref<boolean, boolean>;
-    toggleCollapse: () => void;
+    toggleCollapse: () => boolean;
     toggleFullScreen: () => Promise<void>;
-}, "i18n" | "theme" | "menuCollapse" | "documentFullscreen">, Pick<{
-    i18n: import('vue').Ref<string, string>;
-    theme: import('vue').Ref<"light" | "dark", "light" | "dark">;
+    setTheme: <K extends keyof Theme>(key: K, value: Theme[K]) => void;
+}, "theme" | "menuCollapse" | "documentFullscreen">, Pick<{
+    theme: import('vue').Ref<{
+        locale: LocaleType;
+        mode: ThemeMode;
+        customColor?: string | undefined;
+    }, Theme | {
+        locale: LocaleType;
+        mode: ThemeMode;
+        customColor?: string | undefined;
+    }>;
     menuCollapse: import('vue').Ref<boolean, boolean>;
     documentFullscreen: import('vue').Ref<boolean, boolean>;
-    toggleCollapse: () => void;
+    toggleCollapse: () => boolean;
     toggleFullScreen: () => Promise<void>;
+    setTheme: <K extends keyof Theme>(key: K, value: Theme[K]) => void;
 }, never>, Pick<{
-    i18n: import('vue').Ref<string, string>;
-    theme: import('vue').Ref<"light" | "dark", "light" | "dark">;
+    theme: import('vue').Ref<{
+        locale: LocaleType;
+        mode: ThemeMode;
+        customColor?: string | undefined;
+    }, Theme | {
+        locale: LocaleType;
+        mode: ThemeMode;
+        customColor?: string | undefined;
+    }>;
     menuCollapse: import('vue').Ref<boolean, boolean>;
     documentFullscreen: import('vue').Ref<boolean, boolean>;
-    toggleCollapse: () => void;
+    toggleCollapse: () => boolean;
     toggleFullScreen: () => Promise<void>;
-}, "toggleCollapse" | "toggleFullScreen">>;
+    setTheme: <K extends keyof Theme>(key: K, value: Theme[K]) => void;
+}, "toggleCollapse" | "toggleFullScreen" | "setTheme">>;
+export {};