@jnrs/vue-core 1.1.2 → 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-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.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-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;'

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

@@ -64,8 +64,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: {
@@ -123,7 +122,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<{
@@ -182,5 +180,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,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 {};

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-DSegwP0Z.js";
+import { u, a } from "../index-pLO4r50y.js";
 export {
-  o as useAuthStore,
-  r as useMenuStore,
-  u as useSystemStore
+  u as useAuthStore,
+  a as useMenuStore,
+  t as useSystemStore
 };