@jnrs/vue-core 1.1.2 → 1.1.4

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,10 @@ import { useAuthStore } from '@jnrs/vue-core/pinia'
   - createVueRouter 创建 vue-router 实例
   - asyncGenerateRoute 设置动态路由，生成路由记录
 
+#### @jnrs/vue-core/components 模块
+Vue 组件
+  - GlobalSetting 全局偏好设置
+
+#### @jnrs/vue-core/composables 模块
+Vue 组合式 API
+  - 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,93 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".globalSetting_item[data-v-b18e046e]{margin-bottom:20px}.globalSetting_header{margin-bottom:0;padding-bottom:20px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as c, ref as h, createBlock as r, openBlock as a, unref as l, withCtx as n, createElementVNode as u, createVNode as _, createElementBlock as g, Fragment as f, renderList as C, createTextVNode as V, toDisplayString as S } from "vue";
+import { ElDrawer as k, ElRadioGroup as p, ElRadio as b } from "element-plus";
+import { u as E, L as x, M as y, C as L } from "../system-C18uA6p7.js";
+const N = { class: "globalSetting_item" }, w = { class: "globalSetting_item" }, I = { class: "globalSetting_item" }, T = /* @__PURE__ */ c({
+  __name: "GlobalSetting",
+  setup(d, { expose: s }) {
+    const { theme: o, setLocale: m, setMode: i, setCustomColor: O } = E(), v = h(!1);
+    return s({ handleShow: () => {
+      v.value = !0;
+    } }), (D, t) => (a(), r(l(k), {
+      "header-class": "globalSetting_header",
+      modelValue: v.value,
+      "onUpdate:modelValue": t[3] || (t[3] = (e) => v.value = e),
+      title: "全局偏好设置"
+    }, {
+      default: n(() => [
+        u("div", N, [
+          t[4] || (t[4] = u("h4", null, "语言", -1)),
+          _(l(p), {
+            modelValue: l(o).locale,
+            "onUpdate:modelValue": t[0] || (t[0] = (e) => l(o).locale = e),
+            onChange: l(m)
+          }, {
+            default: n(() => [
+              (a(!0), g(f, null, C(l(x), (e) => (a(), r(l(b), {
+                key: e.value,
+                value: e.value
+              }, {
+                default: n(() => [
+                  V(S(e.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ]),
+        u("div", w, [
+          t[5] || (t[5] = u("h4", null, "主题", -1)),
+          _(l(p), {
+            modelValue: l(o).mode,
+            "onUpdate:modelValue": t[1] || (t[1] = (e) => l(o).mode = e),
+            onChange: l(i)
+          }, {
+            default: n(() => [
+              (a(!0), g(f, null, C(l(y), (e) => (a(), r(l(b), {
+                key: e.value,
+                value: e.value
+              }, {
+                default: n(() => [
+                  V(S(e.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ]),
+        u("div", I, [
+          t[6] || (t[6] = u("h4", null, "强调色", -1)),
+          _(l(p), {
+            modelValue: l(o).customColor,
+            "onUpdate:modelValue": t[2] || (t[2] = (e) => l(o).customColor = e),
+            onChange: l(O)
+          }, {
+            default: n(() => [
+              (a(!0), g(f, null, C(l(L), (e) => (a(), r(l(b), {
+                key: e.value,
+                value: e.value
+              }, {
+                default: n(() => [
+                  V(S(e.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}), U = (d, s) => {
+  const o = d.__vccOpts || d;
+  for (const [m, i] of s)
+    o[m] = i;
+  return o;
+}, R = /* @__PURE__ */ U(T, [["__scopeId", "data-v-b18e046e"]]);
+export {
+  R as GlobalSetting
+};

package/dist/composables/index.d.ts

@@ -0,0 +1 @@
+export { useAsyncTableHeight } from './useAsyncTableHeight';

package/dist/composables/index.js

@@ -0,0 +1,124 @@
+import { ref as M, onMounted as N, onUnmounted as P } from "vue";
+var R = typeof global == "object" && global && global.Object === Object && global, B = typeof self == "object" && self && self.Object === Object && self, k = R || B || Function("return this")(), T = k.Symbol, L = Object.prototype, F = L.hasOwnProperty, U = L.toString, m = T ? T.toStringTag : void 0;
+function z(e) {
+  var n = F.call(e, m), i = e[m];
+  try {
+    e[m] = void 0;
+    var o = !0;
+  } catch {
+  }
+  var a = U.call(e);
+  return o && (n ? e[m] = i : delete e[m]), a;
+}
+var G = Object.prototype, _ = G.toString;
+function q(e) {
+  return _.call(e);
+}
+var D = "[object Null]", X = "[object Undefined]", E = T ? T.toStringTag : void 0;
+function J(e) {
+  return e == null ? e === void 0 ? X : D : E && E in Object(e) ? z(e) : q(e);
+}
+function K(e) {
+  return e != null && typeof e == "object";
+}
+var Q = "[object Symbol]";
+function V(e) {
+  return typeof e == "symbol" || K(e) && J(e) == Q;
+}
+var Y = /\s/;
+function Z(e) {
+  for (var n = e.length; n-- && Y.test(e.charAt(n)); )
+    ;
+  return n;
+}
+var ee = /^\s+/;
+function ne(e) {
+  return e && e.slice(0, Z(e) + 1).replace(ee, "");
+}
+function v(e) {
+  var n = typeof e;
+  return e != null && (n == "object" || n == "function");
+}
+var w = NaN, te = /^[-+]0x[0-9a-f]+$/i, re = /^0b[01]+$/i, ie = /^0o[0-7]+$/i, oe = parseInt;
+function $(e) {
+  if (typeof e == "number")
+    return e;
+  if (V(e))
+    return w;
+  if (v(e)) {
+    var n = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = v(n) ? n + "" : n;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = ne(e);
+  var i = re.test(e);
+  return i || ie.test(e) ? oe(e.slice(2), i ? 2 : 8) : te.test(e) ? w : +e;
+}
+var j = function() {
+  return k.Date.now();
+}, ae = "Expected a function", ce = Math.max, fe = Math.min;
+function ue(e, n, i) {
+  var o, a, f, u, r, c, s = 0, S = !1, l = !1, y = !0;
+  if (typeof e != "function")
+    throw new TypeError(ae);
+  n = $(n) || 0, v(i) && (S = !!i.leading, l = "maxWait" in i, f = l ? ce($(i.maxWait) || 0, n) : f, y = "trailing" in i ? !!i.trailing : y);
+  function p(t) {
+    var d = o, g = a;
+    return o = a = void 0, s = t, u = e.apply(g, d), u;
+  }
+  function H(t) {
+    return s = t, r = setTimeout(b, n), S ? p(t) : u;
+  }
+  function W(t) {
+    var d = t - c, g = t - s, I = n - d;
+    return l ? fe(I, f - g) : I;
+  }
+  function O(t) {
+    var d = t - c, g = t - s;
+    return c === void 0 || d >= n || d < 0 || l && g >= f;
+  }
+  function b() {
+    var t = j();
+    if (O(t))
+      return x(t);
+    r = setTimeout(b, W(t));
+  }
+  function x(t) {
+    return r = void 0, y && o ? p(t) : (o = a = void 0, u);
+  }
+  function A() {
+    r !== void 0 && clearTimeout(r), s = 0, o = c = a = r = void 0;
+  }
+  function C() {
+    return r === void 0 ? u : x(j());
+  }
+  function h() {
+    var t = j(), d = O(t);
+    if (o = arguments, a = this, c = t, d) {
+      if (r === void 0)
+        return H(c);
+      if (l)
+        return clearTimeout(r), r = setTimeout(b, n), p(c);
+    }
+    return r === void 0 && (r = setTimeout(b, n)), u;
+  }
+  return h.cancel = A, h.flush = C, h;
+}
+const de = (e = "el-table", n = 36, i = 40) => {
+  const o = M(500), a = ue(() => {
+    const f = document.querySelector(`.${e}`);
+    if (f) {
+      const u = f.getBoundingClientRect(), r = window.innerHeight, c = u.top + n + i, s = r - c;
+      o.value = s > 100 ? s : 100;
+    }
+  }, 300);
+  return N(() => {
+    a(), window.addEventListener("resize", a);
+  }), P(() => {
+    window.removeEventListener("resize", a);
+  }), { maxHeight: o };
+};
+export {
+  de as useAsyncTableHeight
+};

package/dist/composables/useAsyncTableHeight.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : useAsyncTableHeight.ts
+ * @Date   : 2025/12/09
+ * @Desc.  : 根据视口动态计算表格高度
+ */
+/**
+ * @param {*} className 表格类名，默认值 el-table，如果页面存在多个表格，则必须分别传入自定义类名
+ * @param {*} FOOT_HEIGHT 总底部高度
+ * @param {*} PADDING_HEIGHT 总边距
+ */
+export declare const useAsyncTableHeight: (className?: string, FOOT_HEIGHT?: number, PADDING_HEIGHT?: number) => {
+    maxHeight: import('vue').Ref<number, number>;
+};

package/dist/constants/themeOptions.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 语言选项
+ */
+export declare const LOCALE_OPTIONS: readonly [{
+    readonly value: "zhCn";
+    readonly label: "中文";
+}, {
+    readonly value: "en";
+    readonly label: "English";
+}];
+/**
+ * 主题模式选项
+ */
+export declare const MODE_OPTIONS: readonly [{
+    readonly value: "auto";
+    readonly label: "跟随系统";
+}, {
+    readonly value: "light";
+    readonly label: "浅色";
+}, {
+    readonly value: "dark";
+    readonly label: "深色";
+}];
+/**
+ * 强调色选项
+ */
+export declare const COLOR_OPTIONS: readonly [{
+    readonly value: "oklch(0.6 0.19 41)";
+    readonly label: "JNRS";
+}, {
+    readonly value: "oklch(0.51 0.21 264)";
+    readonly label: "蔚蓝";
+}, {
+    readonly value: "oklch(0.90 0.16 98)";
+    readonly label: "月黄";
+}, {
+    readonly value: "oklch(0.63 0.25 27)";
+    readonly label: "京东红";
+}, {
+    readonly value: "oklch(0.65 0.24 33)";
+    readonly label: "淘宝红";
+}, {
+    readonly value: "oklch(0.61 0.20 261)";
+    readonly label: "钉钉蓝";
+}, {
+    readonly value: "oklch(0.70 0.12 152)";
+    readonly label: "微信绿";
+}];

package/dist/index-BEHnZZvl.js

@@ -0,0 +1,100 @@
+import "pinia-plugin-persistedstate";
+import { u as m } from "./system-C18uA6p7.js";
+import { ref as s } from "vue";
+import { defineStore as d } from "pinia";
+import { a as p } from "./index-DEkMXVh9.js";
+const y = d(
+  "@jnrs/vue-core/pinia:auth",
+  () => {
+    const e = s(!1), n = s(null), u = s(null), o = s(null);
+    return {
+      hasAuthenticated: e,
+      token: n,
+      userInfo: u,
+      dict: o,
+      setUserInfo: (a) => {
+        u.value = a;
+      },
+      setToken: (a) => {
+        n.value = a, e.value = !0;
+      },
+      setDict: (a) => {
+        o.value = a;
+      },
+      asyncClearAuth: async () => {
+        n.value = null, u.value = null, o.value = null, e.value = !1;
+      }
+    };
+  },
+  {
+    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 i;
+const h = new Uint8Array(16);
+function g() {
+  if (!i) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    i = crypto.getRandomValues.bind(crypto);
+  }
+  return i(h);
+}
+const f = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), l = { randomUUID: f };
+function b(e, n, u) {
+  e = e || {};
+  const o = e.random ?? e.rng?.() ?? g();
+  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 U(e, n, u) {
+  return l.randomUUID && !e ? l.randomUUID() : b(e);
+}
+const x = d(
+  "@jnrs/vue-core/pinia:menu",
+  () => {
+    const e = s(!1), n = s([]), u = async (c) => {
+      if (e.value)
+        return n.value;
+      o(c), n.value = c, e.value = !0;
+      try {
+        await p(n.value);
+      } catch (r) {
+        throw r;
+      }
+      return n.value;
+    }, o = (c) => {
+      for (const r of c)
+        r.meta.uuid = U(), 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 R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useAuthStore: y,
+  useMenuStore: x,
+  useSystemStore: m
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  x as a,
+  R as i,
+  y as u
+};

package/dist/index.js

@@ -1,5 +1,5 @@
 import { c as r } from "./index-DEkMXVh9.js";
-import { i } from "./index-Bh-gM-SZ.js";
+import { i } from "./index-BEHnZZvl.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;'

package/dist/lib/guards.d.ts

@@ -0,0 +1,4 @@
+import { Locale, ThemeMode } from '@jnrs/shared';
+export declare function isLocale(value: unknown): value is Locale;
+export declare function isThemeMode(value: unknown): value is ThemeMode;
+export declare function isValidColor(value: unknown): value is string;

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

@@ -1,13 +1,8 @@
-import { Dict, User } from '../../types/base';
-interface Auth {
-    token: string;
-    userInfo: User;
-    dict: Dict;
-}
+import { Dict, User } from '@jnrs/shared';
 /**
  * useAuthStore 权限仓库
- * @returns hasAuthenticated 是否已登录
- * @returns token 登录凭证
+ * @returns hasAuthenticated 是否已身份验证
+ * @returns token 身份验证凭证
  * @returns userInfo 用户信息
  * @returns dict 字典
  * @methods asyncSetAuth 设置权限信息
@@ -15,24 +10,89 @@ interface Auth {
  */
 export declare const useAuthStore: import('pinia').StoreDefinition<"@jnrs/vue-core/pinia:auth", Pick<{
     hasAuthenticated: import('vue').Ref<boolean, boolean>;
-    token: import('vue').Ref<string | undefined, string | undefined>;
-    userInfo: import('vue').Ref<any, any>;
-    dict: import('vue').Ref<Dict | undefined, Dict | undefined>;
-    asyncSetAuth: (data: Auth) => Promise<void>;
+    token: import('vue').Ref<string | null, string | null>;
+    userInfo: import('vue').Ref<{
+        [x: string]: unknown;
+        id: number;
+        name: string;
+        role: number;
+        permissions?: string[] | undefined;
+        jobTitle?: number | undefined;
+        workNo?: string | undefined;
+        workgroup?: string | undefined;
+        avatarFileName?: string | undefined;
+    } | null, User | {
+        [x: string]: unknown;
+        id: number;
+        name: string;
+        role: number;
+        permissions?: string[] | undefined;
+        jobTitle?: number | undefined;
+        workNo?: string | undefined;
+        workgroup?: string | undefined;
+        avatarFileName?: string | undefined;
+    } | null>;
+    dict: import('vue').Ref<Dict | null, Dict | null>;
+    setUserInfo: (d: User) => void;
+    setToken: (d: string) => void;
+    setDict: (d: Dict) => void;
     asyncClearAuth: () => Promise<void>;
 }, "hasAuthenticated" | "token" | "userInfo" | "dict">, Pick<{
     hasAuthenticated: import('vue').Ref<boolean, boolean>;
-    token: import('vue').Ref<string | undefined, string | undefined>;
-    userInfo: import('vue').Ref<any, any>;
-    dict: import('vue').Ref<Dict | undefined, Dict | undefined>;
-    asyncSetAuth: (data: Auth) => Promise<void>;
+    token: import('vue').Ref<string | null, string | null>;
+    userInfo: import('vue').Ref<{
+        [x: string]: unknown;
+        id: number;
+        name: string;
+        role: number;
+        permissions?: string[] | undefined;
+        jobTitle?: number | undefined;
+        workNo?: string | undefined;
+        workgroup?: string | undefined;
+        avatarFileName?: string | undefined;
+    } | null, User | {
+        [x: string]: unknown;
+        id: number;
+        name: string;
+        role: number;
+        permissions?: string[] | undefined;
+        jobTitle?: number | undefined;
+        workNo?: string | undefined;
+        workgroup?: string | undefined;
+        avatarFileName?: string | undefined;
+    } | null>;
+    dict: import('vue').Ref<Dict | null, Dict | null>;
+    setUserInfo: (d: User) => void;
+    setToken: (d: string) => void;
+    setDict: (d: Dict) => void;
     asyncClearAuth: () => Promise<void>;
 }, never>, Pick<{
     hasAuthenticated: import('vue').Ref<boolean, boolean>;
-    token: import('vue').Ref<string | undefined, string | undefined>;
-    userInfo: import('vue').Ref<any, any>;
-    dict: import('vue').Ref<Dict | undefined, Dict | undefined>;
-    asyncSetAuth: (data: Auth) => Promise<void>;
+    token: import('vue').Ref<string | null, string | null>;
+    userInfo: import('vue').Ref<{
+        [x: string]: unknown;
+        id: number;
+        name: string;
+        role: number;
+        permissions?: string[] | undefined;
+        jobTitle?: number | undefined;
+        workNo?: string | undefined;
+        workgroup?: string | undefined;
+        avatarFileName?: string | undefined;
+    } | null, User | {
+        [x: string]: unknown;
+        id: number;
+        name: string;
+        role: number;
+        permissions?: string[] | undefined;
+        jobTitle?: number | undefined;
+        workNo?: string | undefined;
+        workgroup?: string | undefined;
+        avatarFileName?: string | undefined;
+    } | null>;
+    dict: import('vue').Ref<Dict | null, Dict | null>;
+    setUserInfo: (d: User) => void;
+    setToken: (d: string) => void;
+    setDict: (d: Dict) => void;
     asyncClearAuth: () => Promise<void>;
-}, "asyncSetAuth" | "asyncClearAuth">>;
-export {};
+}, "setUserInfo" | "setToken" | "setDict" | "asyncClearAuth">>;

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

@@ -20,6 +20,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -38,6 +39,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -57,6 +59,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -64,8 +67,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
         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: {
@@ -79,6 +81,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -97,6 +100,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -116,6 +120,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -123,7 +128,6 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
-    asyncClearMenu: () => void;
 }, never>, Pick<{
     hasFetchedAsyncMenus: import('vue').Ref<boolean, boolean>;
     menus: import('vue').Ref<{
@@ -138,6 +142,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -156,6 +161,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -175,6 +181,7 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
             global?: boolean | undefined;
             fullPathTitle?: string | undefined;
             todoCount?: number | undefined;
+            permissions?: [] | undefined;
         };
         path: string;
         name?: string | undefined;
@@ -182,5 +189,4 @@ export declare const useMenuStore: import('pinia').StoreDefinition<"@jnrs/vue-co
         redirect?: string | undefined;
         children?: /*elided*/ any[] | undefined;
     }[]>;
-    asyncClearMenu: () => void;
-}, "asyncSetMenus" | "asyncClearMenu">>;
+}, "asyncSetMenus">>;

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

@@ -1,31 +1,71 @@
+import { Locale, ThemeMode } from '@jnrs/shared';
+type Theme = {
+    locale: Locale;
+    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: Locale;
+        mode: ThemeMode;
+        customColor: string;
+    }, Theme | {
+        locale: Locale;
+        mode: ThemeMode;
+        customColor: string;
+    }>;
+    computedThemeMode: import('vue').ComputedRef<"light" | "dark">;
     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">;
+    setLocale: (value: unknown) => void;
+    setMode: (value: unknown) => void;
+    setCustomColor: (value: unknown) => void;
+}, "theme" | "menuCollapse" | "documentFullscreen">, Pick<{
+    theme: import('vue').Ref<{
+        locale: Locale;
+        mode: ThemeMode;
+        customColor: string;
+    }, Theme | {
+        locale: Locale;
+        mode: ThemeMode;
+        customColor: string;
+    }>;
+    computedThemeMode: import('vue').ComputedRef<"light" | "dark">;
     menuCollapse: import('vue').Ref<boolean, boolean>;
     documentFullscreen: import('vue').Ref<boolean, boolean>;
-    toggleCollapse: () => void;
+    toggleCollapse: () => boolean;
     toggleFullScreen: () => Promise<void>;
-}, never>, Pick<{
-    i18n: import('vue').Ref<string, string>;
-    theme: import('vue').Ref<"light" | "dark", "light" | "dark">;
+    setLocale: (value: unknown) => void;
+    setMode: (value: unknown) => void;
+    setCustomColor: (value: unknown) => void;
+}, "computedThemeMode">, Pick<{
+    theme: import('vue').Ref<{
+        locale: Locale;
+        mode: ThemeMode;
+        customColor: string;
+    }, Theme | {
+        locale: Locale;
+        mode: ThemeMode;
+        customColor: string;
+    }>;
+    computedThemeMode: import('vue').ComputedRef<"light" | "dark">;
     menuCollapse: import('vue').Ref<boolean, boolean>;
     documentFullscreen: import('vue').Ref<boolean, boolean>;
-    toggleCollapse: () => void;
+    toggleCollapse: () => boolean;
     toggleFullScreen: () => Promise<void>;
-}, "toggleCollapse" | "toggleFullScreen">>;
+    setLocale: (value: unknown) => void;
+    setMode: (value: unknown) => void;
+    setCustomColor: (value: unknown) => void;
+}, "toggleCollapse" | "toggleFullScreen" | "setLocale" | "setMode" | "setCustomColor">>;
+export {};

package/dist/piniaStore/index.js

@@ -1,7 +1,8 @@
 import "pinia-plugin-persistedstate";
-import { a as o, b as r, u } from "../index-Bh-gM-SZ.js";
+import { u as t } from "../system-C18uA6p7.js";
+import { u, a } from "../index-BEHnZZvl.js";
 export {
-  o as useAuthStore,
-  r as useMenuStore,
-  u as useSystemStore
+  u as useAuthStore,
+  a as useMenuStore,
+  t as useSystemStore
 };

package/dist/system-C18uA6p7.js

@@ -0,0 +1,76 @@
+import { ref as a, computed as v, watch as h } from "vue";
+import { defineStore as f } from "pinia";
+import { Fullscreen as p } from "@jnrs/shared";
+import { usePreferredDark as k } from "@vueuse/core";
+const C = [
+  { value: "zhCn", label: "中文" },
+  { value: "en", label: "English" }
+], g = [
+  { value: "auto", label: "跟随系统" },
+  { value: "light", label: "浅色" },
+  { value: "dark", label: "深色" }
+], b = [
+  { 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: "微信绿" }
+];
+function y(e) {
+  return e === "zhCn" || e === "en";
+}
+function L(e) {
+  return e === "light" || e === "dark" || e === "auto";
+}
+function O(e) {
+  return typeof e == "string" && e.trim() !== "";
+}
+const j = f(
+  "@jnrs/vue-core/pinia:system",
+  () => {
+    const e = a(!1), n = () => e.value = !e.value, s = new p(), r = a(!1), i = async () => {
+      await s.toggle(), r.value = s.isFullscreen();
+    }, o = a({
+      locale: C[0].value,
+      mode: g[0].value,
+      customColor: b[0].value
+    }), m = v(() => o.value.mode === "auto" ? u.value ? "dark" : "light" : o.value.mode), u = k();
+    return h(
+      [() => o.value.mode, u, () => o.value.customColor],
+      ([l, d, c]) => {
+        const t = document.documentElement;
+        t.classList.remove("light", "dark"), l === "auto" ? t.classList.add(d ? "dark" : "light") : t.classList.add(l), c ? t.style.setProperty("--jnrs-color-primary", c) : t.style.removeProperty("--jnrs-color-primary");
+      },
+      { immediate: !0 }
+    ), {
+      theme: o,
+      computedThemeMode: m,
+      menuCollapse: e,
+      documentFullscreen: r,
+      toggleCollapse: n,
+      toggleFullScreen: i,
+      setLocale: (l) => {
+        y(l) && (o.value.locale = l);
+      },
+      setMode: (l) => {
+        L(l) && (o.value.mode = l);
+      },
+      setCustomColor: (l) => {
+        O(l) && (o.value.customColor = l);
+      }
+    };
+  },
+  {
+    persist: {
+      pick: ["theme", "menuCollapse"]
+    }
+  }
+);
+export {
+  b as C,
+  C as L,
+  g as M,
+  j as u
+};

package/dist/types/base.d.ts

@@ -1,35 +1,4 @@
 import { RouteMeta } from 'vue-router';
-/**
- * 用户信息
- */
-export interface User {
-    id: number;
-    name: string;
-    account?: string;
-    role?: number;
-    jobTitle?: number;
-    workNo?: string;
-    workgroup?: null | string;
-    avatarFileName?: string;
-    loginDateTime?: string;
-    [key: string]: unknown;
-}
-/**
- * 字典
- */
-export interface DictItem {
-    label: string;
-    value: string | number;
-    displayColor?: string;
-    sequence?: number;
-    [key: string]: unknown;
-}
-/**
- * 字典键值对
- */
-export interface Dict {
-    [key: string]: DictItem[];
-}
 /**
  * 定义菜单项接口
  */

package/dist/vueRouter/types.d.ts

@@ -8,6 +8,7 @@ declare module 'vue-router' {
         global?: boolean;
         fullPathTitle?: string;
         todoCount?: number;
+        permissions?: [];
     }
 }
 export interface RouteModule {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jnrs/vue-core",
-  "version": "1.1.2",
-  "description": "巨能前端工程化开发，Vue 专用核心功能包",
+  "version": "1.1.4",
+  "description": "巨能前端工程化开发，Vue 专用核心功能包。",
   "keywords": [
     "jnrs",
     "vue-core"
@@ -17,6 +17,7 @@
   },
   "type": "module",
   "types": "dist/index.d.ts",
+  "sideEffects": true,
   "files": [
     "dist",
     "README.md",
@@ -34,22 +35,32 @@
     "./pinia": {
       "import": "./dist/piniaStore/index.js",
       "types": "./dist/piniaStore/index.d.ts"
+    },
+    "./components": {
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./composables": {
+      "import": "./dist/composables/index.js",
+      "types": "./dist/composables/index.d.ts"
     }
   },
   "peerDependencies": {
     "@vueuse/core": "^14.1.0",
+    "element-plus": "^2.11.9",
     "pinia": "^3.0.3",
     "pinia-plugin-persistedstate": "^4.7.1",
     "vue": "^3.5.22",
     "vue-router": "^4.5.1",
-    "@jnrs/core": "1.1.2",
-    "@jnrs/shared": "1.1.2"
+    "@jnrs/shared": "1.1.4",
+    "@jnrs/core": "1.1.3"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",
     "rimraf": "^6.0.1",
     "typescript": "^5.9.3",
     "vite": "^7.1.7",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4",
     "vue-tsc": "^3.1.0"
   },

package/dist/index-Bh-gM-SZ.js

@@ -1,171 +0,0 @@
-import "pinia-plugin-persistedstate";
-import { ref as r } from "vue";
-import { defineStore as i } from "pinia";
-import { a as y } from "./index-DEkMXVh9.js";
-class p {
-  // 默认全屏元素，可配置
-  defaultElement;
-  constructor(e) {
-    this.defaultElement = e || document.documentElement;
-  }
-  /**
-   * 进入全屏
-   * @param element 可选，指定要全屏的元素
-   */
-  async request(e) {
-    const o = e || this.defaultElement;
-    try {
-      await o.requestFullscreen({
-        navigationUI: "hide"
-      });
-    } catch (n) {
-      console.error("进入全屏失败:", n);
-    }
-  }
-  /**
-   * 退出全屏
-   */
-  async exit() {
-    if (document.fullscreenElement)
-      try {
-        await document.exitFullscreen();
-      } catch (e) {
-        console.error("退出全屏失败:", e);
-      }
-  }
-  /**
-   * 切换全屏状态
-   * @param element 可选，指定要切换全屏的元素
-   */
-  async toggle(e) {
-    document.fullscreenElement ? await this.exit() : await this.request(e);
-  }
-  /**
-   * 判断当前是否处于全屏状态
-   * @returns boolean
-   */
-  isFullscreen() {
-    return !!document.fullscreenElement;
-  }
-  /**
-   * 设置默认全屏元素
-   * @param element 新的默认元素
-   */
-  setDefaultElement(e) {
-    this.defaultElement = e;
-  }
-  /**
-   * 获取当前全屏的元素（如果存在）
-   * @returns HTMLElement | null
-   */
-  getFullscreenElement() {
-    return document.fullscreenElement;
-  }
-}
-const l = new p(), h = i(
-  "@jnrs/vue-core/pinia:system",
-  () => {
-    const t = r("zh-CN"), e = r("light"), o = r(!1), n = r(l.isFullscreen());
-    return { i18n: t, theme: e, menuCollapse: o, documentFullscreen: n, toggleCollapse: () => {
-      o.value = !o.value;
-    }, toggleFullScreen: async () => {
-      await l.toggle(), n.value = l.isFullscreen();
-    } };
-  },
-  {
-    persist: {
-      pick: ["i18n", "theme", "menuCollapse"]
-    }
-  }
-), g = i(
-  "@jnrs/vue-core/pinia:auth",
-  () => {
-    const t = r(!1), e = r(), o = r(), n = r();
-    return {
-      hasAuthenticated: t,
-      token: e,
-      userInfo: o,
-      dict: n,
-      asyncSetAuth: async (s) => {
-        t.value = !0, s.token && (e.value = s.token), s.userInfo && (o.value = s.userInfo), s.dict && (n.value = s.dict);
-      },
-      asyncClearAuth: async () => {
-        t.value = !1, e.value = void 0, o.value = void 0, n.value = void 0;
-      }
-    };
-  },
-  {
-    persist: {
-      pick: ["hasAuthenticated", "token", "userInfo", "dict"]
-    }
-  }
-), u = [];
-for (let t = 0; t < 256; ++t)
-  u.push((t + 256).toString(16).slice(1));
-function v(t, e = 0) {
-  return (u[t[e + 0]] + u[t[e + 1]] + u[t[e + 2]] + u[t[e + 3]] + "-" + u[t[e + 4]] + u[t[e + 5]] + "-" + u[t[e + 6]] + u[t[e + 7]] + "-" + u[t[e + 8]] + u[t[e + 9]] + "-" + u[t[e + 10]] + u[t[e + 11]] + u[t[e + 12]] + u[t[e + 13]] + u[t[e + 14]] + u[t[e + 15]]).toLowerCase();
-}
-let a;
-const f = new Uint8Array(16);
-function b() {
-  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(f);
-}
-const w = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), m = { randomUUID: w };
-function S(t, e, o) {
-  t = t || {};
-  const n = t.random ?? t.rng?.() ?? b();
-  if (n.length < 16)
-    throw new Error("Random bytes length must be >= 16");
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, v(n);
-}
-function x(t, e, o) {
-  return m.randomUUID && !t ? m.randomUUID() : S(t);
-}
-const E = i(
-  "@jnrs/vue-core/pinia:menu",
-  () => {
-    const t = r(!1), e = r([]), o = async (c) => {
-      if (t.value)
-        return e.value;
-      n(c), e.value = c, t.value = !0;
-      try {
-        await y(e.value);
-      } catch (s) {
-        throw s;
-      }
-      return e.value;
-    }, n = (c) => {
-      for (const s of c)
-        s.meta.uuid = x(), s.children && n(s.children);
-    };
-    return { hasFetchedAsyncMenus: t, menus: e, asyncSetMenus: o, asyncClearMenu: () => {
-      t.value = !1, e.value = [];
-    } };
-  },
-  {
-    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 A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  useAuthStore: g,
-  useMenuStore: E,
-  useSystemStore: h
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  g as a,
-  E as b,
-  A as i,
-  h as u
-};