@jnrs/vue-core 1.1.3 → 1.1.5

package/README.md

@@ -83,4 +83,8 @@ import { useAuthStore } from '@jnrs/vue-core/pinia'
 
 #### @jnrs/vue-core/components 模块
 Vue 组件
+  - GlobalSetting 全局偏好设置
+
+#### @jnrs/vue-core/composables 模块
+Vue 组合式 API
   - GlobalSetting 全局偏好设置

package/dist/components/index.js

@@ -1,122 +1,93 @@
-(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({
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".globalSetting_item[data-v-b0382b1b]{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 O, ref as y, createBlock as d, openBlock as n, unref as l, withCtx as r, createElementVNode as u, createVNode as _, toDisplayString as s, createElementBlock as c, Fragment as S, renderList as b, createTextVNode as f } from "vue";
+import { ElDrawer as k, ElRadioGroup as C, ElRadio as V } from "element-plus";
+import { u as E, L as G, M as $, C as L } from "../system-KZETuQYC.js";
+const N = { class: "globalSetting_item" }, j = { class: "globalSetting_item" }, w = { class: "globalSetting_item" }, I = /* @__PURE__ */ O({
   __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), {
+  setup(m, { expose: i }) {
+    const { theme: o, setLocale: v, setMode: g, setPrimaryColor: h } = E(), p = y(!1);
+    return i({ handleShow: () => {
+      p.value = !0;
+    } }), (a, t) => (n(), d(l(k), {
       "header-class": "globalSetting_header",
-      modelValue: l.value,
-      "onUpdate:modelValue": v[0] || (v[0] = (e) => l.value = e),
-      title: "全局偏好设置"
+      modelValue: p.value,
+      "onUpdate:modelValue": t[3] || (t[3] = (e) => p.value = e),
+      title: a.$t("@jnrs/vue-core.components.GlobalSetting.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: r(() => [
+        u("div", N, [
+          u("h4", null, s(a.$t("@jnrs/vue-core.components.GlobalSetting.language")), 1),
+          _(l(C), {
+            modelValue: l(o).locale,
+            "onUpdate:modelValue": t[0] || (t[0] = (e) => l(o).locale = e),
+            onChange: l(v)
           }, {
-            default: s(() => [
-              (n(!0), i(h, null, m(e.select, (o, f) => (n(), d(t(V), {
-                value: o.value,
-                key: f
+            default: r(() => [
+              (n(!0), c(S, null, b(l(G), (e) => (n(), d(l(V), {
+                key: e.value,
+                value: e.value
               }, {
-                default: s(() => [
-                  C(b(o.label), 1)
+                default: r(() => [
+                  f(s(a.$t(e.label)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
-            _: 2
-          }, 1032, ["model-value", "onChange"])
-        ])), 64))
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ]),
+        u("div", j, [
+          u("h4", null, s(a.$t("@jnrs/vue-core.components.GlobalSetting.theme")), 1),
+          _(l(C), {
+            modelValue: l(o).mode,
+            "onUpdate:modelValue": t[1] || (t[1] = (e) => l(o).mode = e),
+            onChange: l(g)
+          }, {
+            default: r(() => [
+              (n(!0), c(S, null, b(l($), (e) => (n(), d(l(V), {
+                key: e.value,
+                value: e.value
+              }, {
+                default: r(() => [
+                  f(s(a.$t(e.label)), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ]),
+        u("div", w, [
+          u("h4", null, s(a.$t("@jnrs/vue-core.components.GlobalSetting.primaryColor")), 1),
+          _(l(C), {
+            modelValue: l(o).primaryColor,
+            "onUpdate:modelValue": t[2] || (t[2] = (e) => l(o).primaryColor = e),
+            onChange: l(h)
+          }, {
+            default: r(() => [
+              (n(!0), c(S, null, b(l(L), (e) => (n(), d(l(V), {
+                key: e.value,
+                value: e.value
+              }, {
+                default: r(() => [
+                  f(s(a.$t(e.label)), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ])
       ]),
       _: 1
-    }, 8, ["modelValue"]));
+    }, 8, ["modelValue", "title"]));
   }
-}), 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"]]);
+}), P = (m, i) => {
+  const o = m.__vccOpts || m;
+  for (const [v, g] of i)
+    o[v] = g;
+  return o;
+}, M = /* @__PURE__ */ P(I, [["__scopeId", "data-v-b0382b1b"]]);
 export {
-  F as GlobalSetting
+  M 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: "@jnrs/vue-core.components.GlobalSetting.languageOptions.zhCn";
+}, {
+    readonly value: "en";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.languageOptions.en";
+}];
+/**
+ * 主题模式选项
+ */
+export declare const MODE_OPTIONS: readonly [{
+    readonly value: "auto";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.auto";
+}, {
+    readonly value: "light";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.light";
+}, {
+    readonly value: "dark";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.dark";
+}];
+/**
+ * 强调色选项
+ */
+export declare const COLOR_OPTIONS: readonly [{
+    readonly value: "oklch(0.6 0.19 41)";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.jnrs";
+}, {
+    readonly value: "oklch(0.51 0.21 264)";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.azure";
+}, {
+    readonly value: "oklch(0.90 0.16 98)";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.moonYellow";
+}, {
+    readonly value: "oklch(0.63 0.25 27)";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.jdRed";
+}, {
+    readonly value: "oklch(0.65 0.24 33)";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.taobaoRed";
+}, {
+    readonly value: "oklch(0.61 0.20 261)";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.dingtalkBlue";
+}, {
+    readonly value: "oklch(0.70 0.12 152)";
+    readonly label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.wechatGreen";
+}];

package/dist/index-CfK0PRAy.js

@@ -0,0 +1,106 @@
+import "pinia-plugin-persistedstate";
+import { u as p } from "./system-KZETuQYC.js";
+import { ref as c } from "vue";
+import { defineStore as m } from "pinia";
+import { a as v } from "./index-Ci9uljtG.js";
+const y = m(
+  "@jnrs/vue-core/pinia:auth",
+  () => {
+    const e = c(!1), t = c(null), u = c(null), o = c([]), l = c([]);
+    return {
+      hasAuthenticated: e,
+      token: t,
+      userInfo: u,
+      dict: o,
+      role: l,
+      setUserInfo: (r) => {
+        u.value = r;
+      },
+      setToken: (r) => {
+        t.value = r, e.value = !0;
+      },
+      setDict: (r) => {
+        o.value = r;
+      },
+      setRole: (r) => {
+        l.value = r;
+      },
+      clearAuth: () => {
+        t.value = null, u.value = null, o.value = [], l.value = [], e.value = !1;
+      }
+    };
+  },
+  {
+    persist: {
+      pick: ["hasAuthenticated", "token", "userInfo", "dict"]
+    }
+  }
+), n = [];
+for (let e = 0; e < 256; ++e)
+  n.push((e + 256).toString(16).slice(1));
+function h(e, t = 0) {
+  return (n[e[t + 0]] + n[e[t + 1]] + n[e[t + 2]] + n[e[t + 3]] + "-" + n[e[t + 4]] + n[e[t + 5]] + "-" + n[e[t + 6]] + n[e[t + 7]] + "-" + n[e[t + 8]] + n[e[t + 9]] + "-" + n[e[t + 10]] + n[e[t + 11]] + n[e[t + 12]] + n[e[t + 13]] + n[e[t + 14]] + n[e[t + 15]]).toLowerCase();
+}
+let i;
+const g = new Uint8Array(16);
+function f() {
+  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(g);
+}
+const b = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), d = { randomUUID: b };
+function U(e, t, 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, h(o);
+}
+function x(e, t, u) {
+  return d.randomUUID && !e ? d.randomUUID() : U(e);
+}
+const S = m(
+  "@jnrs/vue-core/pinia:menu",
+  () => {
+    const e = c(!1), t = c([]), u = async (a) => {
+      if (e.value)
+        return t.value;
+      o(a), t.value = a, e.value = !0;
+      try {
+        await v(t.value);
+      } catch (s) {
+        throw s;
+      }
+      return t.value;
+    }, o = (a) => {
+      for (const s of a)
+        s.meta.uuid = x(), s.children && o(s.children);
+    };
+    return { hasFetchedAsyncMenus: e, menus: t, asyncSetMenus: u, clearMenu: () => {
+      e.value = !1, t.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 _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useAuthStore: y,
+  useMenuStore: S,
+  useSystemStore: p
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  S as a,
+  _ as i,
+  y as u
+};

package/dist/{index-DEkMXVh9.js → index-Ci9uljtG.js}

@@ -4,24 +4,18 @@ const h = {
   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(
+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} 失败`, {
+    n[t]({ name: "404" }), 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) {

package/dist/index.js

@@ -1,5 +1,5 @@
-import { c as r } from "./index-DEkMXVh9.js";
-import { i } from "./index-pLO4r50y.js";
+import { c as r } from "./index-Ci9uljtG.js";
+import { i } from "./index-CfK0PRAy.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/locales/en.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    '@jnrs/vue-core': {
+        components: {
+            GlobalSetting: {
+                title: string;
+                language: string;
+                languageOptions: {
+                    zhCn: string;
+                    en: string;
+                };
+                theme: string;
+                themeOptions: {
+                    light: string;
+                    dark: string;
+                    auto: string;
+                };
+                primaryColor: string;
+                primaryColorOptions: {
+                    jnrs: string;
+                    azure: string;
+                    moonYellow: string;
+                    jdRed: string;
+                    taobaoRed: string;
+                    dingtalkBlue: string;
+                    wechatGreen: string;
+                };
+            };
+        };
+    };
+};
+export default _default;

package/dist/locales/i18next.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/locales/index.d.ts

@@ -0,0 +1,3 @@
+import { default as zhCn } from './zhCn';
+import { default as en } from './en';
+export { zhCn, en };

package/dist/locales/index.js

@@ -0,0 +1,63 @@
+const e = {
+  "@jnrs/vue-core": {
+    components: {
+      GlobalSetting: {
+        title: "全局偏好设置",
+        language: "语言",
+        languageOptions: {
+          zhCn: "简体中文",
+          en: "English"
+        },
+        theme: "主题",
+        themeOptions: {
+          light: "浅色",
+          dark: "深色",
+          auto: "跟随系统"
+        },
+        primaryColor: "强调色",
+        primaryColorOptions: {
+          jnrs: "JNRS",
+          azure: "蔚蓝",
+          moonYellow: "月黄",
+          jdRed: "京东红",
+          taobaoRed: "淘宝红",
+          dingtalkBlue: "钉钉蓝",
+          wechatGreen: "微信绿"
+        }
+      }
+    }
+  }
+}, o = {
+  "@jnrs/vue-core": {
+    components: {
+      GlobalSetting: {
+        title: "Global Preferences",
+        language: "Language",
+        languageOptions: {
+          zhCn: "简体中文",
+          en: "English"
+        },
+        theme: "Theme",
+        themeOptions: {
+          light: "Light",
+          dark: "Dark",
+          auto: "Follow System"
+        },
+        primaryColor: "Primary Color",
+        primaryColorOptions: {
+          jnrs: "JNRS",
+          azure: "Azure",
+          moonYellow: "Moon Yellow",
+          jdRed: "JD Red",
+          taobaoRed: "Taobao Red",
+          dingtalkBlue: "DingTalk Blue",
+          wechatGreen: "WeChat Green"
+        }
+      }
+    }
+  }
+};
+export {
+  o as en,
+  e as zhCn
+};