@jnrs/vue-core 1.1.6 → 1.2.1

package/README.md

@@ -87,7 +87,14 @@ import { useAuthStore } from '@jnrs/vue-core/pinia'
 
 #### @jnrs/vue-core/components 模块
 Vue 组件
-  - GlobalSetting 全局偏好设置
+  - GlobalSetting 全局偏好设置组件
+  - JnImageView 图片预览组件
+```ts
+type PreviewSrcList = {
+  src: string
+  fileName: string
+}
+```
 
 #### @jnrs/vue-core/composables 模块
 Vue 组合式 API

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

@@ -0,0 +1,21 @@
+import { FileItem } from '@jnrs/shared';
+interface JnImageViewProps {
+    /**
+     * 图片源地址，同原生属性一致
+     */
+    src?: string;
+    /**
+     * 开启图片预览功能
+     */
+    previewSrcList?: FileItem[];
+    /**
+     * 是否开启预览功能
+     */
+    preview?: boolean;
+    /**
+     * 图片最大高度
+     */
+    maxHeight?: string;
+}
+declare const _default: import('vue').DefineComponent<JnImageViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<JnImageViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { FileItem } from '@jnrs/shared';
+interface JnPdfViewProps {
+    /**
+     * 文件列表
+     */
+    fileList?: FileItem[];
+    /**
+     * 是否显示文件名
+     */
+    showFileName?: boolean;
+    /**
+     * 是否是 pdf 文件（pdf 文件直接预览，其他文件下载）
+     */
+    isPdf?: boolean;
+    /**
+     * 预览窗口宽度
+     */
+    windowWidth?: number;
+    /**
+     * 预览窗口高度
+     */
+    windowHeight?: number;
+}
+declare const _default: import('vue').DefineComponent<JnPdfViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<JnPdfViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -1,34 +1,45 @@
-(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({
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".globalSetting_item[data-v-85ebefe8]{margin-bottom:20px}.globalSetting_header{margin-bottom:0;padding-bottom:20px}.jnImageView[data-v-f05df144]{display:block;width:100%;height:100%}.jnImageView .jnImageView_error[data-v-f05df144]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.8em;line-height:1.1em;text-align:center;filter:opacity(.7)}.jn_image_view_icon[data-v-f05df144]:hover{color:var(--jnrs-color-primary);transform:scale(1.2);transition:all .3s ease}.jnFileView[data-v-d17155ca]{display:block;width:100%;height:100%;line-height:1em;cursor:pointer}.jnFileView:hover .jnFileView_btn[data-v-d17155ca]{color:var(--jnrs-color-primary)}.jnFileView .jnFileView_fileName[data-v-d17155ca]{font-size:.8em;color:var(--jnrs-font-primary-06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jnFileView .jnFileView_btn[data-v-d17155ca]{height:auto;padding:0;text-decoration:underline;font-size:.9em;transition:all .3s ease}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+import { defineComponent as y, ref as I, createBlock as k, openBlock as r, unref as e, withCtx as n, createElementVNode as v, createVNode as t, toDisplayString as m, isRef as L, createElementBlock as g, Fragment as C, renderList as p, createTextVNode as S, computed as O, normalizeStyle as P, createCommentVNode as E } from "vue";
+import { storeToRefs as R } from "pinia";
+import { ElDrawer as B, ElSwitch as D, ElRadioGroup as V, ElRadio as $, ElImage as F, ElIcon as f, ElButton as G } from "element-plus";
+import { u as J, b as T, L as H, M, C as U } from "../index-KdP2kDTZ.js";
+import { Back as z, Right as W, DArrowRight as A, ZoomOut as Z, ZoomIn as x, Switch as q, RefreshLeft as K, Refresh as Q, Download as X } from "@element-plus/icons-vue";
+import { downloadByUrl as N } from "@jnrs/shared";
+const Y = { class: "globalSetting_item" }, ee = { class: "globalSetting_item" }, le = { class: "globalSetting_item" }, te = { class: "globalSetting_item" }, oe = /* @__PURE__ */ y({
   __name: "GlobalSetting",
-  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), {
+  setup(o, { expose: w }) {
+    const { isMock: i } = R(J()), { theme: a, setLocale: c, setMode: s, setPrimaryColor: _ } = T(), h = I(!1);
+    return w({ handleShow: () => {
+      h.value = !0;
+    } }), (u, d) => (r(), k(e(B), {
       "header-class": "globalSetting_header",
-      modelValue: p.value,
-      "onUpdate:modelValue": t[3] || (t[3] = (e) => p.value = e),
-      title: a.$t("@jnrs/vue-core.components.GlobalSetting.title")
+      modelValue: h.value,
+      "onUpdate:modelValue": d[4] || (d[4] = (l) => h.value = l),
+      title: u.$t("@jnrs/vue-core.components.GlobalSetting.title")
     }, {
-      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: n(() => [
+        v("div", Y, [
+          v("h4", null, m(u.$t("@jnrs/vue-core.components.GlobalSetting.isMockServer")), 1),
+          t(e(D), {
+            modelValue: e(i),
+            "onUpdate:modelValue": d[0] || (d[0] = (l) => L(i) ? i.value = l : null),
+            size: "small"
+          }, null, 8, ["modelValue"])
+        ]),
+        v("div", ee, [
+          v("h4", null, m(u.$t("@jnrs/vue-core.components.GlobalSetting.language")), 1),
+          t(e(V), {
+            modelValue: e(a).locale,
+            "onUpdate:modelValue": d[1] || (d[1] = (l) => e(a).locale = l),
+            onChange: e(c)
           }, {
-            default: r(() => [
-              (n(!0), c(S, null, b(l(G), (e) => (n(), d(l(V), {
-                key: e.value,
-                value: e.value
+            default: n(() => [
+              (r(!0), g(C, null, p(e(H), (l) => (r(), k(e($), {
+                key: l.value,
+                value: l.value
               }, {
-                default: r(() => [
-                  f(s(a.$t(e.label)), 1)
+                default: n(() => [
+                  S(m(u.$t(l.label)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
@@ -36,20 +47,20 @@ const N = { class: "globalSetting_item" }, j = { class: "globalSetting_item" },
             _: 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)
+        v("div", le, [
+          v("h4", null, m(u.$t("@jnrs/vue-core.components.GlobalSetting.theme")), 1),
+          t(e(V), {
+            modelValue: e(a).mode,
+            "onUpdate:modelValue": d[2] || (d[2] = (l) => e(a).mode = l),
+            onChange: e(s)
           }, {
-            default: r(() => [
-              (n(!0), c(S, null, b(l($), (e) => (n(), d(l(V), {
-                key: e.value,
-                value: e.value
+            default: n(() => [
+              (r(!0), g(C, null, p(e(M), (l) => (r(), k(e($), {
+                key: l.value,
+                value: l.value
               }, {
-                default: r(() => [
-                  f(s(a.$t(e.label)), 1)
+                default: n(() => [
+                  S(m(u.$t(l.label)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
@@ -57,20 +68,20 @@ const N = { class: "globalSetting_item" }, j = { class: "globalSetting_item" },
             _: 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)
+        v("div", te, [
+          v("h4", null, m(u.$t("@jnrs/vue-core.components.GlobalSetting.primaryColor")), 1),
+          t(e(V), {
+            modelValue: e(a).primaryColor,
+            "onUpdate:modelValue": d[3] || (d[3] = (l) => e(a).primaryColor = l),
+            onChange: e(_)
           }, {
-            default: r(() => [
-              (n(!0), c(S, null, b(l(L), (e) => (n(), d(l(V), {
-                key: e.value,
-                value: e.value
+            default: n(() => [
+              (r(!0), g(C, null, p(e(U), (l) => (r(), k(e($), {
+                key: l.value,
+                value: l.value
               }, {
-                default: r(() => [
-                  f(s(a.$t(e.label)), 1)
+                default: n(() => [
+                  S(m(u.$t(l.label)), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
@@ -82,12 +93,172 @@ const N = { class: "globalSetting_item" }, j = { class: "globalSetting_item" },
       _: 1
     }, 8, ["modelValue", "title"]));
   }
-}), 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"]]);
+}), b = (o, w) => {
+  const i = o.__vccOpts || o;
+  for (const [a, c] of w)
+    i[a] = c;
+  return i;
+}, ge = /* @__PURE__ */ b(oe, [["__scopeId", "data-v-85ebefe8"]]), ne = {
+  key: 0,
+  class: "jnImageView_error"
+}, ae = { key: 1 }, ie = /* @__PURE__ */ y({
+  __name: "JnImageView",
+  props: {
+    src: { default: "" },
+    previewSrcList: { default: () => [] },
+    preview: { type: Boolean, default: !1 },
+    maxHeight: { default: "200px" }
+  },
+  setup(o) {
+    const w = O(() => o.src || o.previewSrcList[0]?.src || ""), i = (a) => {
+      const c = o.previewSrcList[a].src, s = o.previewSrcList[a].fileName;
+      N(c, s);
+    };
+    return (a, c) => (r(), k(e(F), {
+      class: "jnImageView",
+      style: P({ maxHeight: o.maxHeight }),
+      src: w.value,
+      "preview-teleported": "",
+      "preview-src-list": o.preview ? o.previewSrcList.map((s) => s.src) : [],
+      fit: "cover",
+      "show-progress": ""
+    }, {
+      error: n(() => [
+        w.value ? (r(), g("span", ne, m(a.$t("@jnrs/vue-core.components.JnImageView.noDisplay")), 1)) : (r(), g("span", ae, " "))
+      ]),
+      toolbar: n(({ actions: s, prev: _, next: h, reset: j, activeIndex: u, setActiveItem: d }) => [
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: _
+        }, {
+          default: n(() => [
+            t(e(z))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: h
+        }, {
+          default: n(() => [
+            t(e(W))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: (l) => d(o.previewSrcList.length - 1)
+        }, {
+          default: n(() => [
+            t(e(A))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: (l) => s("zoomOut")
+        }, {
+          default: n(() => [
+            t(e(Z))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: (l) => s("zoomIn", { enableTransition: !1, zoomRate: 2 })
+        }, {
+          default: n(() => [
+            t(e(x))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: (l) => s("clockwise", { rotateDeg: 180, enableTransition: !1 })
+        }, {
+          default: n(() => [
+            t(e(q))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: (l) => s("anticlockwise")
+        }, {
+          default: n(() => [
+            t(e(K))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: j
+        }, {
+          default: n(() => [
+            t(e(Q))
+          ]),
+          _: 1
+        }, 8, ["onClick"]),
+        t(e(f), {
+          class: "jn_image_view_icon",
+          onClick: (l) => i(u)
+        }, {
+          default: n(() => [
+            t(e(X))
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["style", "src", "preview-src-list"]));
+  }
+}), _e = /* @__PURE__ */ b(ie, [["__scopeId", "data-v-f05df144"]]), se = ["title", "onClick"], re = {
+  key: 0,
+  class: "jnFileView_fileName"
+}, ce = /* @__PURE__ */ y({
+  __name: "JnPdfView",
+  props: {
+    fileList: { default: () => [] },
+    showFileName: { type: Boolean, default: !0 },
+    isPdf: { type: Boolean, default: !1 },
+    windowWidth: { default: 800 },
+    windowHeight: { default: 600 }
+  },
+  setup(o) {
+    const w = (i) => {
+      if (o.isPdf) {
+        const s = screen.width / 2 - o.windowWidth / 2, _ = screen.height / 2 - o.windowHeight / 2;
+        return window.open(
+          i.src,
+          "_blank",
+          `left=${s},top=${_},width=${o.windowWidth},height=${o.windowHeight}`
+        );
+      }
+      const a = i.src, c = i.fileName;
+      N(a, c);
+    };
+    return (i, a) => (r(!0), g(C, null, p(o.fileList, (c, s) => (r(), g("div", {
+      class: "jnFileView",
+      key: s,
+      title: c.fileName,
+      onClick: (_) => w(c)
+    }, [
+      o.showFileName ? (r(), g("div", re, m(c.fileName), 1)) : E("", !0),
+      t(e(G), {
+        class: "jnFileView_btn",
+        type: "primary",
+        text: ""
+      }, {
+        default: n(() => [
+          S(m(o.isPdf ? i.$t("@jnrs/vue-core.components.JnPdfView.viewPDF") : i.$t("@jnrs/vue-core.components.JnPdfView.downloadFile")), 1)
+        ]),
+        _: 1
+      })
+    ], 8, se))), 128));
+  }
+}), he = /* @__PURE__ */ b(ce, [["__scopeId", "data-v-d17155ca"]]);
 export {
-  M as GlobalSetting
+  ge as GlobalSetting,
+  _e as JnImageView,
+  he as JnPdfView
 };

package/dist/index-KdP2kDTZ.js

@@ -0,0 +1,201 @@
+import "pinia-plugin-persistedstate";
+import { defineStore as p } from "pinia";
+import { ref as s, computed as k, watch as S } from "vue";
+import { Fullscreen as j } from "@jnrs/shared";
+import { usePreferredDark as O } from "@vueuse/core";
+import { a as C } from "./index-Ci9uljtG.js";
+const M = p(
+  "jnrs-app-mock",
+  () => ({ isMock: s(!1) }),
+  {
+    persist: {
+      pick: ["isMock"]
+    }
+  }
+), w = [
+  { value: "zhCn", label: "@jnrs/vue-core.components.GlobalSetting.languageOptions.zhCn" },
+  { value: "en", label: "@jnrs/vue-core.components.GlobalSetting.languageOptions.en" }
+], G = [
+  { value: "auto", label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.auto" },
+  { value: "light", label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.light" },
+  { value: "dark", label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.dark" }
+], U = [
+  { value: "oklch(0.6 0.19 41)", label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.jnrs" },
+  {
+    value: "oklch(0.51 0.21 264)",
+    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.azure"
+  },
+  {
+    value: "oklch(0.90 0.16 98)",
+    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.moonYellow"
+  },
+  { value: "oklch(0.63 0.25 27)", label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.jdRed" },
+  {
+    value: "oklch(0.65 0.24 33)",
+    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.taobaoRed"
+  },
+  {
+    value: "oklch(0.61 0.20 261)",
+    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.dingtalkBlue"
+  },
+  {
+    value: "oklch(0.70 0.12 152)",
+    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.wechatGreen"
+  }
+];
+function I(e) {
+  return e === "zhCn" || e === "en";
+}
+function x(e) {
+  return e === "light" || e === "dark" || e === "auto";
+}
+function L(e) {
+  return typeof e == "string" && e.trim() !== "";
+}
+const R = p(
+  "@jnrs/vue-core/pinia:system",
+  () => {
+    const e = s(!1), o = () => e.value = !e.value, a = new j(), n = s(!1), i = async () => {
+      await a.toggle(), n.value = a.isFullscreen();
+    }, l = s({
+      locale: w[0].value,
+      mode: G[0].value,
+      primaryColor: U[0].value
+    }), u = k(() => l.value.mode === "auto" ? d.value ? "dark" : "light" : l.value.mode), d = O();
+    return S(
+      [() => l.value.mode, d, () => l.value.primaryColor],
+      ([r, f, g]) => {
+        const m = document.documentElement;
+        m.classList.remove("light", "dark"), r === "auto" ? m.classList.add(f ? "dark" : "light") : m.classList.add(r), g ? m.style.setProperty("--jnrs-color-primary", g) : m.style.removeProperty("--jnrs-color-primary");
+      },
+      { immediate: !0 }
+    ), {
+      theme: l,
+      computedThemeMode: u,
+      menuCollapse: e,
+      documentFullscreen: n,
+      toggleCollapse: o,
+      toggleFullScreen: i,
+      setLocale: (r) => {
+        I(r) && (l.value.locale = r);
+      },
+      setMode: (r) => {
+        x(r) && (l.value.mode = r);
+      },
+      setPrimaryColor: (r) => {
+        L(r) && (l.value.primaryColor = r);
+      }
+    };
+  },
+  {
+    persist: {
+      pick: ["theme", "menuCollapse"]
+    }
+  }
+), D = p(
+  "@jnrs/vue-core/pinia:auth",
+  () => {
+    const e = s(!1), o = s(null), a = s(null), n = s(), i = s([]);
+    return {
+      hasAuthenticated: e,
+      token: o,
+      userInfo: a,
+      dict: n,
+      role: i,
+      setUserInfo: (c) => {
+        a.value = c;
+      },
+      setToken: (c) => {
+        o.value = c, e.value = !0;
+      },
+      setDict: (c) => {
+        n.value = c;
+      },
+      setRole: (c) => {
+        i.value = c;
+      },
+      clearAuth: () => {
+        o.value = null, a.value = null, n.value = void 0, i.value = [], 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 P(e, o = 0) {
+  return (t[e[o + 0]] + t[e[o + 1]] + t[e[o + 2]] + t[e[o + 3]] + "-" + t[e[o + 4]] + t[e[o + 5]] + "-" + t[e[o + 6]] + t[e[o + 7]] + "-" + t[e[o + 8]] + t[e[o + 9]] + "-" + t[e[o + 10]] + t[e[o + 11]] + t[e[o + 12]] + t[e[o + 13]] + t[e[o + 14]] + t[e[o + 15]]).toLowerCase();
+}
+let v;
+const T = new Uint8Array(16);
+function A() {
+  if (!v) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    v = crypto.getRandomValues.bind(crypto);
+  }
+  return v(T);
+}
+const _ = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), h = { randomUUID: _ };
+function z(e, o, a) {
+  e = e || {};
+  const n = e.random ?? e.rng?.() ?? A();
+  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, P(n);
+}
+function E(e, o, a) {
+  return h.randomUUID && !e ? h.randomUUID() : z(e);
+}
+const F = p(
+  "@jnrs/vue-core/pinia:menu",
+  () => {
+    const e = s(!1), o = s([]), a = async (l) => {
+      if (e.value)
+        return o.value;
+      n(l), o.value = l, e.value = !0;
+      try {
+        await C(o.value);
+      } catch (u) {
+        throw u;
+      }
+      return o.value;
+    }, n = (l) => {
+      for (const u of l)
+        u.meta.uuid = E(), u.children && n(u.children);
+    };
+    return { hasFetchedAsyncMenus: e, menus: o, asyncSetMenus: a, clearMenu: () => {
+      e.value = !1, o.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 J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useAuthStore: D,
+  useMenuStore: F,
+  useMockStore: M,
+  useSystemStore: R
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  U as C,
+  w as L,
+  G as M,
+  D as a,
+  R as b,
+  F as c,
+  J as i,
+  M as u
+};

package/dist/index.js

@@ -1,7 +1,7 @@
 import { h as Qt } from "./index-Ci9uljtG.js";
 import { c as Nr } from "./index-Ci9uljtG.js";
-import { u as Zt, a as es } from "./index-9Ug4oygq.js";
-import { i as kr } from "./index-9Ug4oygq.js";
+import { u as Zt, a as es } from "./index-KdP2kDTZ.js";
+import { i as kr } from "./index-KdP2kDTZ.js";
 import { ElMessage as ts } from "element-plus";
 function Lt(s, e) {
   return function() {

package/dist/locales/en/components.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    GlobalSetting: {
+        title: string;
+        isMockServer: 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;
+        };
+    };
+    JnImageView: {
+        noDisplay: string;
+    };
+    JnPdfView: {
+        viewPDF: string;
+        downloadFile: string;
+    };
+};
+export default _default;

package/dist/locales/{en.d.ts → en/index.d.ts}

@@ -3,6 +3,7 @@ declare const _default: {
         components: {
             GlobalSetting: {
                 title: string;
+                isMockServer: string;
                 language: string;
                 languageOptions: {
                     zhCn: string;
@@ -25,6 +26,13 @@ declare const _default: {
                     wechatGreen: string;
                 };
             };
+            JnImageView: {
+                noDisplay: string;
+            };
+            JnPdfView: {
+                viewPDF: string;
+                downloadFile: string;
+            };
         };
     };
 };

package/dist/locales/index.js

@@ -1,63 +1,79 @@
 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: "微信绿"
-        }
-      }
+  GlobalSetting: {
+    title: "全局偏好设置",
+    isMockServer: "是否使用 mock 服务器",
+    language: "语言",
+    languageOptions: {
+      zhCn: "简体中文",
+      en: "English"
+    },
+    theme: "主题",
+    themeOptions: {
+      light: "浅色",
+      dark: "深色",
+      auto: "跟随系统"
+    },
+    primaryColor: "强调色",
+    primaryColorOptions: {
+      jnrs: "JNRS",
+      azure: "蔚蓝",
+      moonYellow: "月黄",
+      jdRed: "京东红",
+      taobaoRed: "淘宝红",
+      dingtalkBlue: "钉钉蓝",
+      wechatGreen: "微信绿"
     }
+  },
+  JnImageView: {
+    noDisplay: "无法显示"
+  },
+  JnPdfView: {
+    viewPDF: "预览PDF",
+    downloadFile: "下载文件"
   }
-}, o = {
+}, n = {
   "@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"
-        }
-      }
+    components: e
+  }
+}, o = {
+  GlobalSetting: {
+    title: "Global Preferences",
+    isMockServer: "Use Mock Server",
+    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"
     }
+  },
+  JnImageView: {
+    noDisplay: "Cannot Display"
+  },
+  JnPdfView: {
+    viewPDF: "Preview PDF",
+    downloadFile: "Download File"
+  }
+}, a = {
+  "@jnrs/vue-core": {
+    components: o
   }
 };
 export {
-  o as en,
-  e as zhCn
+  a as en,
+  n as zhCn
 };

package/dist/locales/zhCn/components.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    GlobalSetting: {
+        title: string;
+        isMockServer: 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;
+        };
+    };
+    JnImageView: {
+        noDisplay: string;
+    };
+    JnPdfView: {
+        viewPDF: string;
+        downloadFile: string;
+    };
+};
+export default _default;

package/dist/locales/{zhCn.d.ts → zhCn/index.d.ts}

@@ -3,6 +3,7 @@ declare const _default: {
         components: {
             GlobalSetting: {
                 title: string;
+                isMockServer: string;
                 language: string;
                 languageOptions: {
                     zhCn: string;
@@ -25,6 +26,13 @@ declare const _default: {
                     wechatGreen: string;
                 };
             };
+            JnImageView: {
+                noDisplay: string;
+            };
+            JnPdfView: {
+                viewPDF: string;
+                downloadFile: string;
+            };
         };
     };
 };

package/dist/piniaStore/index.js

@@ -1,9 +1,8 @@
 import "pinia-plugin-persistedstate";
-import { a as s, b as t, u } from "../index-9Ug4oygq.js";
-import { u as S } from "../system-KZETuQYC.js";
+import { a as t, c as r, u, b as a } from "../index-KdP2kDTZ.js";
 export {
-  s as useAuthStore,
-  t as useMenuStore,
+  t as useAuthStore,
+  r as useMenuStore,
   u as useMockStore,
-  S as useSystemStore
+  a as useSystemStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jnrs/vue-core",
-  "version": "1.1.6",
+  "version": "1.2.1",
   "description": "巨能前端工程化开发，Vue 专用核心功能包。",
   "keywords": [
     "jnrs",
@@ -52,13 +52,14 @@
   "peerDependencies": {
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.11.9",
+    "@element-plus/icons-vue": "^2.3.2",
     "pinia": "^3.0.3",
     "pinia-plugin-persistedstate": "^4.7.1",
     "vue": "^3.5.22",
     "vue-router": "^4.5.1",
     "vue-i18n": "^9.14.5",
-    "@jnrs/shared": "1.1.6",
-    "@jnrs/core": "1.1.6"
+    "@jnrs/shared": "1.1.7",
+    "@jnrs/core": "1.1.7"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",

package/dist/index-9Ug4oygq.js

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

package/dist/system-KZETuQYC.js

@@ -1,91 +0,0 @@
-import { ref as r, computed as v, watch as d } from "vue";
-import { defineStore as g } from "pinia";
-import { Fullscreen as h } from "@jnrs/shared";
-import { usePreferredDark as b } from "@vueuse/core";
-const O = [
-  { value: "zhCn", label: "@jnrs/vue-core.components.GlobalSetting.languageOptions.zhCn" },
-  { value: "en", label: "@jnrs/vue-core.components.GlobalSetting.languageOptions.en" }
-], y = [
-  { value: "auto", label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.auto" },
-  { value: "light", label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.light" },
-  { value: "dark", label: "@jnrs/vue-core.components.GlobalSetting.themeOptions.dark" }
-], C = [
-  { value: "oklch(0.6 0.19 41)", label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.jnrs" },
-  {
-    value: "oklch(0.51 0.21 264)",
-    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.azure"
-  },
-  {
-    value: "oklch(0.90 0.16 98)",
-    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.moonYellow"
-  },
-  { value: "oklch(0.63 0.25 27)", label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.jdRed" },
-  {
-    value: "oklch(0.65 0.24 33)",
-    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.taobaoRed"
-  },
-  {
-    value: "oklch(0.61 0.20 261)",
-    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.dingtalkBlue"
-  },
-  {
-    value: "oklch(0.70 0.12 152)",
-    label: "@jnrs/vue-core.components.GlobalSetting.primaryColorOptions.wechatGreen"
-  }
-];
-function f(e) {
-  return e === "zhCn" || e === "en";
-}
-function S(e) {
-  return e === "light" || e === "dark" || e === "auto";
-}
-function j(e) {
-  return typeof e == "string" && e.trim() !== "";
-}
-const z = g(
-  "@jnrs/vue-core/pinia:system",
-  () => {
-    const e = r(!1), c = () => e.value = !e.value, n = new h(), a = r(!1), u = async () => {
-      await n.toggle(), a.value = n.isFullscreen();
-    }, l = r({
-      locale: O[0].value,
-      mode: y[0].value,
-      primaryColor: C[0].value
-    }), m = v(() => l.value.mode === "auto" ? s.value ? "dark" : "light" : l.value.mode), s = b();
-    return d(
-      [() => l.value.mode, s, () => l.value.primaryColor],
-      ([o, p, i]) => {
-        const t = document.documentElement;
-        t.classList.remove("light", "dark"), o === "auto" ? t.classList.add(p ? "dark" : "light") : t.classList.add(o), i ? t.style.setProperty("--jnrs-color-primary", i) : t.style.removeProperty("--jnrs-color-primary");
-      },
-      { immediate: !0 }
-    ), {
-      theme: l,
-      computedThemeMode: m,
-      menuCollapse: e,
-      documentFullscreen: a,
-      toggleCollapse: c,
-      toggleFullScreen: u,
-      setLocale: (o) => {
-        f(o) && (l.value.locale = o);
-      },
-      setMode: (o) => {
-        S(o) && (l.value.mode = o);
-      },
-      setPrimaryColor: (o) => {
-        j(o) && (l.value.primaryColor = o);
-      }
-    };
-  },
-  {
-    persist: {
-      pick: ["theme", "menuCollapse"]
-    }
-  }
-);
-export {
-  C,
-  O as L,
-  y as M,
-  z as u
-};