smart-admin-web 10.14.0 → 10.20.0

package/dist/views/dashboard/biz2.vue.js

@@ -1,308 +1,361 @@
-import { defineComponent as W, computed as b, ref as h, onMounted as X, onUnmounted as Y, openBlock as o, createElementBlock as s, createElementVNode as n, normalizeStyle as Z, createVNode as c, unref as t, toDisplayString as l, createCommentVNode as r, createSlots as tt, withCtx as d, Fragment as C, renderList as q, createBlock as y, createTextVNode as R, withModifiers as F } from "vue";
-import { NCard as D, NEmpty as I, NTag as et, NButton as ot, NList as it, NListItem as st } from "naive-ui";
-import { Icon as S } from "@iconify/vue";
-import { useI18n as nt } from "vue-i18n";
-import { useRoute as at, useRouter as lt } from "vue-router";
-import { useUserStore as ut } from "../../stores/user.js";
-import { useAppStore as ct } from "../../stores/app.js";
-import { btnGrad as rt } from "../../theme/mix.js";
-import { personalApi as _, noticeApi as dt } from "../../api/index.js";
-import { useMenuFlat as pt } from "../../composables/useMenuFlat.js";
-import { translateMenuTitle as G } from "../../locales/menuTitle.js";
-import { onlineDurationParts as vt } from "./onlineDuration.js";
-import { buildShortcutGroups as mt } from "./shortcutGroups.js";
-import ht from "./ShortcutPicker.vue.js";
-import j from "../../components/AppIcon.vue.js";
-import { fmtDateTime as E } from "../../utils/format.js";
-import { uaSummary as _t } from "../../utils/ua.js";
-const kt = { class: "view" }, ft = { class: "banner" }, bt = { class: "banner-body" }, yt = { class: "hi" }, gt = { class: "tip" }, wt = {
+import { defineComponent as ee, ref as m, computed as _, onMounted as te, onUnmounted as ie, openBlock as i, createElementBlock as r, createVNode as l, unref as e, withCtx as n, createElementVNode as a, toDisplayString as c, createCommentVNode as k, normalizeStyle as j, createSlots as ae, createBlock as f, Fragment as y, renderList as C, createTextVNode as se, withModifiers as H, normalizeClass as S } from "vue";
+import { NCard as T, NList as J, NListItem as K, NEmpty as E, NTag as ne, NButton as g } from "naive-ui";
+import { useElementSize as oe } from "@vueuse/core";
+import { Icon as $ } from "@iconify/vue";
+import { useI18n as le } from "vue-i18n";
+import { useRoute as re, useRouter as ce } from "vue-router";
+import { useUserStore as ue } from "../../stores/user.js";
+import { personalApi as b, noticeApi as de } from "../../api/index.js";
+import { useMenuFlat as pe } from "../../composables/useMenuFlat.js";
+import { translateMenuTitle as O } from "../../locales/menuTitle.js";
+import { onlineDurationParts as me } from "./onlineDuration.js";
+import { buildShortcutGroups as ve } from "./shortcutGroups.js";
+import he from "./ShortcutPicker.vue.js";
+import Q from "../../components/AppIcon.vue.js";
+import { fmtDateTime as M } from "../../utils/format.js";
+import { uaSummary as fe } from "../../utils/ua.js";
+const _e = { class: "banner" }, ke = { class: "avatar" }, ye = { class: "banner-body" }, be = { class: "hi" }, ge = { class: "tip" }, we = {
   key: 0,
   class: "meta-row"
-}, zt = { key: 0 }, Ct = {
+}, ze = { key: 0 }, xe = {
   key: 1,
-  class: "meta-dot"
-}, qt = { class: "row" }, St = {
-  key: 0,
-  class: "todo-list"
-}, $t = ["onClick"], Tt = { class: "todo-main" }, xt = { class: "todo-title" }, Nt = {
+  class: "meta-dot",
+  "aria-hidden": "true"
+}, qe = { class: "todo-row" }, Ce = { class: "todo-main" }, Se = { class: "todo-title" }, Te = {
   key: 0,
   class: "todo-sub"
-}, Lt = { class: "todo-time" }, Pt = { key: 0 }, Dt = {
-  key: 0,
-  class: "quick-group-label"
-}, It = {
-  key: 1,
-  class: "quick-grid"
-}, Et = ["aria-label", "onClick"], Mt = ["onClick"], At = { class: "quick-name" }, Bt = {
-  key: 2,
-  class: "quick-group-label"
-}, Ut = {
-  key: 3,
-  class: "quick-grid"
-}, Vt = ["aria-label", "onClick"], Rt = ["onClick"], Ft = { class: "quick-name" }, Gt = { class: "notice-title" }, jt = {
-  key: 0,
-  class: "dot"
-}, Ht = { class: "notice-time" }, re = /* @__PURE__ */ W({
+}, $e = { class: "todo-time" }, Ne = { key: 0 }, Le = { class: "quick-group-label" }, Pe = { class: "quick-grid" }, De = { class: "quick-name" }, Ie = { class: "quick-grid" }, Re = { class: "quick-name" }, Ee = ["title"], Me = { class: "notice-time" }, tt = /* @__PURE__ */ ee({
   __name: "biz",
-  setup(Jt) {
-    const { t: a } = nt(), M = ut(), H = ct(), A = at(), g = lt(), J = pt(), K = b(() => ({ background: rt(H.accent) })), $ = h(null), m = h(null), B = h(/* @__PURE__ */ new Date());
-    let T;
-    const w = b(() => {
-      if (!$.value) return "";
-      const { hours: i, minutes: u } = vt($.value, B.value);
-      return i > 0 ? a("biz.onlineDuration", { hours: i, minutes: u }) : a("biz.onlineDurationShort", { minutes: u });
-    }), x = b(() => {
-      if (!m.value) return a("biz.firstLogin");
-      const i = _t(m.value.userAgent), u = m.value.ip ? ` · ${m.value.ip}` : "";
-      return `${a("biz.lastLogin", { time: E(m.value.time, { seconds: !1 }) })}${u}${i ? ` · ${i}` : ""}`;
-    }), p = h(null), z = h([]), N = h(!1), v = b(
-      () => mt(
-        z.value.filter((i) => i.menuPath !== A.path),
-        J.value
+  setup(Ae) {
+    const { t: o } = le(), A = ue(), B = re(), w = ce(), W = pe(), U = m(null), { width: z } = oe(U), X = _(() => z.value === 0 || z.value >= 760), V = _(() => z.value === 0 || z.value >= 600), N = m(null), v = m(null), F = m(/* @__PURE__ */ new Date());
+    let L;
+    const x = _(() => {
+      if (!N.value) return "";
+      const { hours: s, minutes: u } = me(N.value, F.value);
+      return s > 0 ? o("biz.onlineDuration", { hours: s, minutes: u }) : o("biz.onlineDurationShort", { minutes: u });
+    }), P = _(() => {
+      if (!v.value) return o("biz.firstLogin");
+      const s = fe(v.value.userAgent), u = v.value.ip ? ` · ${v.value.ip}` : "";
+      return `${o("biz.lastLogin", { time: M(v.value.time, { seconds: !1 }) })}${u}${s ? ` · ${s}` : ""}`;
+    }), d = m(null), q = m([]), D = m(!1), h = _(
+      () => ve(
+        q.value.filter((s) => s.menuPath !== B.path),
+        W.value
       )
-    ), O = b(() => z.value.filter((i) => i.pinned).map((i) => i.menuPath));
-    async function L() {
+    ), Y = _(() => q.value.filter((s) => s.pinned).map((s) => s.menuPath));
+    async function I() {
       try {
-        z.value = await _.shortcuts();
+        q.value = await b.shortcuts();
       } catch {
-        z.value = [];
+        q.value = [];
       }
     }
-    async function U(i) {
-      await _.pinShortcut(i), await L();
+    async function G(s) {
+      await b.pinShortcut(s), await I();
     }
-    async function Q(i) {
-      await _.unpinShortcut(i), await L();
+    async function Z(s) {
+      await b.unpinShortcut(s), await I();
     }
-    const P = h([]);
-    return X(async () => {
-      var i;
-      T = setInterval(() => {
-        B.value = /* @__PURE__ */ new Date();
+    const R = m([]);
+    return te(async () => {
+      var s;
+      L = setInterval(() => {
+        F.value = /* @__PURE__ */ new Date();
       }, 6e4);
       try {
-        const u = await _.sessions();
-        $.value = ((i = u.find((k) => k.isCurrent)) == null ? void 0 : i.loginTime) ?? null;
+        const u = await b.sessions();
+        N.value = ((s = u.find((t) => t.isCurrent)) == null ? void 0 : s.loginTime) ?? null;
       } catch {
       }
       try {
-        m.value = await _.lastLogin();
+        v.value = await b.lastLogin();
       } catch {
-        m.value = null;
+        v.value = null;
       }
       try {
-        p.value = await _.workbenchTodo();
+        d.value = await b.workbenchTodo();
       } catch {
-        p.value = null;
+        d.value = null;
       }
-      await L();
+      await I();
       try {
-        P.value = (await dt.mine({ page: 1, pageSize: 5 })).items;
+        R.value = (await de.mine({ page: 1, pageSize: 5 })).items;
       } catch {
       }
-    }), Y(() => {
-      T && clearInterval(T);
-    }), (i, u) => {
-      var k, V;
-      return o(), s("div", kt, [
-        n("div", ft, [
-          n("div", {
-            class: "avatar",
-            style: Z(K.value)
-          }, [
-            c(t(S), {
-              icon: "ph:user",
-              width: 26,
-              color: "#fff"
-            })
-          ], 4),
-          n("div", bt, [
-            n("div", yt, l(t(a)("biz.welcome", { name: ((k = t(M).userInfo) == null ? void 0 : k.name) ?? ((V = t(M).userInfo) == null ? void 0 : V.account) ?? "" })), 1),
-            n("div", gt, l(t(a)("biz.subtitle")), 1),
-            w.value || x.value ? (o(), s("div", wt, [
-              w.value ? (o(), s("span", zt, l(w.value), 1)) : r("", !0),
-              w.value && x.value ? (o(), s("span", Ct)) : r("", !0),
-              n("span", null, l(x.value), 1)
-            ])) : r("", !0)
-          ])
-        ]),
-        n("div", qt, [
-          c(t(D), {
-            title: t(a)("biz.todo"),
-            bordered: !0
-          }, tt({
-            default: d(() => [
-              p.value && p.value.items.length ? (o(), s("div", St, [
-                (o(!0), s(C, null, q(p.value.items, (e) => (o(), s("div", {
-                  key: e.id,
-                  class: "todo-row",
-                  onClick: (f) => e.url && t(g).push(e.url)
-                }, [
-                  n("div", Tt, [
-                    n("div", xt, l(e.title), 1),
-                    e.description ? (o(), s("div", Nt, l(e.description), 1)) : r("", !0)
-                  ]),
-                  n("span", Lt, l(t(E)(e.createTime, { seconds: !1 })), 1)
-                ], 8, $t))), 128))
-              ])) : (o(), y(t(I), {
-                key: 1,
-                description: t(a)("biz.todoEmpty")
-              }, null, 8, ["description"]))
-            ]),
-            _: 2
-          }, [
-            p.value && p.value.totalCount > 0 ? {
-              name: "header-extra",
-              fn: d(() => [
-                c(t(et), {
-                  type: "error",
-                  round: "",
-                  size: "small"
+    }), ie(() => {
+      L && clearInterval(L);
+    }), (s, u) => (i(), r("div", {
+      ref_key: "viewRef",
+      ref: U,
+      class: "view"
+    }, [
+      l(e(T), {
+        class: "a-card banner-card",
+        bordered: !0,
+        "content-style": "padding: 18px 20px"
+      }, {
+        default: n(() => {
+          var t, p;
+          return [
+            a("div", _e, [
+              a("div", ke, [
+                l(e($), {
+                  icon: "ph:user",
+                  width: 26
+                })
+              ]),
+              a("div", ye, [
+                a("div", be, c(e(o)("biz.welcome", { name: ((t = e(A).userInfo) == null ? void 0 : t.name) ?? ((p = e(A).userInfo) == null ? void 0 : p.account) ?? "" })), 1),
+                a("div", ge, c(e(o)("biz.subtitle")), 1),
+                x.value || P.value ? (i(), r("div", we, [
+                  x.value ? (i(), r("span", ze, c(x.value), 1)) : k("", !0),
+                  x.value && P.value && V.value ? (i(), r("span", xe)) : k("", !0),
+                  a("span", null, c(P.value), 1)
+                ])) : k("", !0)
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }),
+      a("div", {
+        class: "row",
+        style: j({
+          gridTemplateColumns: X.value ? "minmax(0, 1.35fr) minmax(0, 1fr)" : "minmax(0, 1fr)"
+        })
+      }, [
+        l(e(T), {
+          class: "a-card",
+          title: e(o)("biz.todo"),
+          bordered: !0,
+          "content-style": "padding: 2px 8px 8px"
+        }, ae({
+          default: n(() => [
+            d.value && d.value.items.length ? (i(), f(e(J), {
+              key: 0,
+              hoverable: "",
+              "show-divider": !1
+            }, {
+              default: n(() => [
+                (i(!0), r(y, null, C(d.value.items, (t) => (i(), f(e(K), {
+                  key: t.id,
+                  class: "list-item",
+                  style: j({ cursor: t.url ? "pointer" : "default" }),
+                  onClick: (p) => t.url && e(w).push(t.url)
                 }, {
-                  default: d(() => [
-                    R(l(p.value.totalCount), 1)
+                  default: n(() => [
+                    a("div", qe, [
+                      a("div", Ce, [
+                        a("div", Se, c(t.title), 1),
+                        t.description ? (i(), r("div", Te, c(t.description), 1)) : k("", !0)
+                      ]),
+                      a("span", $e, c(e(M)(t.createTime, { seconds: !1 })), 1)
+                    ])
                   ]),
-                  _: 1
-                })
+                  _: 2
+                }, 1032, ["style", "onClick"]))), 128))
               ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["title"]),
-          c(t(D), {
-            title: t(a)("biz.quick"),
-            bordered: !0
-          }, {
-            "header-extra": d(() => [
-              c(t(ot), {
+              _: 1
+            })) : (i(), f(e(E), {
+              key: 1,
+              description: e(o)("biz.todoEmpty"),
+              class: "empty"
+            }, null, 8, ["description"]))
+          ]),
+          _: 2
+        }, [
+          d.value && d.value.totalCount > 0 ? {
+            name: "header-extra",
+            fn: n(() => [
+              l(e(ne), {
+                type: "error",
+                round: "",
                 size: "small",
-                quaternary: "",
-                circle: "",
-                onClick: u[0] || (u[0] = (e) => N.value = !0)
+                bordered: !1
               }, {
-                icon: d(() => [
-                  c(t(S), {
-                    icon: "ph:plus",
-                    width: 16
-                  })
+                default: n(() => [
+                  se(c(d.value.totalCount), 1)
                 ]),
                 _: 1
               })
             ]),
-            default: d(() => [
-              v.value.pinned.length || v.value.suggested.length ? (o(), s("div", Pt, [
-                v.value.pinned.length ? (o(), s("div", Dt, l(t(a)("biz.quickPinned")), 1)) : r("", !0),
-                v.value.pinned.length ? (o(), s("div", It, [
-                  (o(!0), s(C, null, q(v.value.pinned, (e) => (o(), s("div", {
-                    key: e.path,
-                    class: "quick-item"
+            key: "0"
+          } : void 0
+        ]), 1032, ["title"]),
+        l(e(T), {
+          class: "a-card",
+          title: e(o)("biz.quick"),
+          bordered: !0,
+          "content-style": "padding: 4px 16px 16px"
+        }, {
+          "header-extra": n(() => [
+            l(e(g), {
+              quaternary: "",
+              circle: "",
+              "aria-label": e(o)("biz.quickAdd"),
+              onClick: u[0] || (u[0] = (t) => D.value = !0)
+            }, {
+              icon: n(() => [
+                l(e($), {
+                  icon: "ph:plus",
+                  width: 16
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          default: n(() => [
+            h.value.pinned.length || h.value.suggested.length ? (i(), r("div", Ne, [
+              h.value.pinned.length ? (i(), r(y, { key: 0 }, [
+                a("div", Le, c(e(o)("biz.quickPinned")), 1),
+                a("div", Pe, [
+                  (i(!0), r(y, null, C(h.value.pinned, (t) => (i(), r("div", {
+                    key: t.path,
+                    class: "quick-item pinned"
                   }, [
-                    n("button", {
-                      class: "quick-star active",
-                      type: "button",
-                      "aria-label": t(a)("biz.quickUnpin"),
-                      onClick: F((f) => Q(e.path), ["stop"])
-                    }, [
-                      c(t(S), {
-                        icon: "ph:star-fill",
-                        width: 12
-                      })
-                    ], 8, Et),
-                    n("div", {
+                    l(e(g), {
+                      quaternary: "",
                       class: "quick-body",
-                      onClick: (f) => t(g).push(e.path)
-                    }, [
-                      c(j, {
-                        icon: e.icon,
-                        size: 17
-                      }, null, 8, ["icon"]),
-                      n("span", At, l(t(G)(e.title)), 1)
-                    ], 8, Mt)
+                      onClick: (p) => e(w).push(t.path)
+                    }, {
+                      icon: n(() => [
+                        l(Q, {
+                          icon: t.icon,
+                          size: 17
+                        }, null, 8, ["icon"])
+                      ]),
+                      default: n(() => [
+                        a("span", De, c(e(O)(t.title)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    l(e(g), {
+                      quaternary: "",
+                      circle: "",
+                      class: "quick-star",
+                      "aria-label": e(o)("biz.quickUnpin"),
+                      onClick: H((p) => Z(t.path), ["stop"])
+                    }, {
+                      icon: n(() => [
+                        l(e($), {
+                          icon: "ph:star-fill",
+                          width: 14,
+                          class: "star-on"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["aria-label", "onClick"])
                   ]))), 128))
-                ])) : r("", !0),
-                v.value.suggested.length ? (o(), s("div", Bt, l(t(a)("biz.quickSuggested")), 1)) : r("", !0),
-                v.value.suggested.length ? (o(), s("div", Ut, [
-                  (o(!0), s(C, null, q(v.value.suggested, (e) => (o(), s("div", {
-                    key: e.path,
+                ])
+              ], 64)) : k("", !0),
+              h.value.suggested.length ? (i(), r(y, { key: 1 }, [
+                a("div", {
+                  class: S(["quick-group-label", { "after-pinned": h.value.pinned.length }])
+                }, c(e(o)("biz.quickSuggested")), 3),
+                a("div", Ie, [
+                  (i(!0), r(y, null, C(h.value.suggested, (t) => (i(), r("div", {
+                    key: t.path,
                     class: "quick-item suggested"
                   }, [
-                    n("button", {
-                      class: "quick-star",
-                      type: "button",
-                      "aria-label": t(a)("biz.quickPin"),
-                      onClick: F((f) => U(e.path), ["stop"])
-                    }, [
-                      c(t(S), {
-                        icon: "ph:star",
-                        width: 12
-                      })
-                    ], 8, Vt),
-                    n("div", {
+                    l(e(g), {
+                      quaternary: "",
                       class: "quick-body",
-                      onClick: (f) => t(g).push(e.path)
-                    }, [
-                      c(j, {
-                        icon: e.icon,
-                        size: 17
-                      }, null, 8, ["icon"]),
-                      n("span", Ft, l(t(G)(e.title)), 1)
-                    ], 8, Rt)
-                  ]))), 128))
-                ])) : r("", !0)
-              ])) : (o(), y(t(I), {
-                key: 1,
-                description: t(a)("biz.noMenus")
-              }, null, 8, ["description"]))
-            ]),
-            _: 1
-          }, 8, ["title"])
-        ]),
-        c(t(D), {
-          title: t(a)("biz.notices"),
-          bordered: !0
-        }, {
-          default: d(() => [
-            P.value.length ? (o(), y(t(it), {
-              key: 0,
-              "show-divider": !1
-            }, {
-              default: d(() => [
-                (o(!0), s(C, null, q(P.value, (e) => (o(), y(t(st), {
-                  key: e.id
-                }, {
-                  default: d(() => [
-                    n("div", {
-                      class: "notice-row",
-                      onClick: u[1] || (u[1] = (f) => t(g).push("/personal/notice"))
-                    }, [
-                      n("span", Gt, [
-                        e.isRead ? r("", !0) : (o(), s("span", jt)),
-                        R(" " + l(e.title), 1)
+                      onClick: (p) => e(w).push(t.path)
+                    }, {
+                      icon: n(() => [
+                        l(Q, {
+                          icon: t.icon,
+                          size: 17
+                        }, null, 8, ["icon"])
                       ]),
-                      n("span", Ht, l(t(E)(e.publishTime, { seconds: !1 })), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 1
-            })) : (o(), y(t(I), {
+                      default: n(() => [
+                        a("span", Re, c(e(O)(t.title)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    l(e(g), {
+                      quaternary: "",
+                      circle: "",
+                      class: "quick-star",
+                      "aria-label": e(o)("biz.quickPin"),
+                      onClick: H((p) => G(t.path), ["stop"])
+                    }, {
+                      icon: n(() => [
+                        l(e($), {
+                          icon: "ph:star",
+                          width: 14,
+                          class: "star-off"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["aria-label", "onClick"])
+                  ]))), 128))
+                ])
+              ], 64)) : k("", !0)
+            ])) : (i(), f(e(E), {
               key: 1,
-              description: t(a)("biz.noticesEmpty")
+              description: e(o)("biz.noMenus"),
+              class: "empty"
             }, null, 8, ["description"]))
           ]),
           _: 1
-        }, 8, ["title"]),
-        c(ht, {
-          show: N.value,
-          "onUpdate:show": u[2] || (u[2] = (e) => N.value = e),
-          "exclude-paths": [...O.value, t(A).path],
-          onPick: U
-        }, null, 8, ["show", "exclude-paths"])
-      ]);
-    };
+        }, 8, ["title"])
+      ], 4),
+      l(e(T), {
+        class: "a-card",
+        title: e(o)("biz.notices"),
+        bordered: !0,
+        "content-style": "padding: 2px 8px 8px"
+      }, {
+        default: n(() => [
+          R.value.length ? (i(), f(e(J), {
+            key: 0,
+            hoverable: "",
+            clickable: "",
+            "show-divider": !1
+          }, {
+            default: n(() => [
+              (i(!0), r(y, null, C(R.value, (t) => (i(), f(e(K), {
+                key: t.id,
+                class: "list-item",
+                onClick: u[1] || (u[1] = (p) => e(w).push("/personal/notice"))
+              }, {
+                default: n(() => [
+                  a("div", {
+                    class: S(["notice-row", { stacked: !V.value }])
+                  }, [
+                    a("span", {
+                      class: S(["dot", { unread: !t.isRead }])
+                    }, null, 2),
+                    a("span", {
+                      class: S(["notice-title", { unread: !t.isRead }]),
+                      title: t.title
+                    }, c(t.title), 11, Ee),
+                    a("span", Me, c(e(M)(t.publishTime, { seconds: !1 })), 1)
+                  ], 2)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })) : (i(), f(e(E), {
+            key: 1,
+            description: e(o)("biz.noticesEmpty"),
+            class: "empty"
+          }, null, 8, ["description"]))
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      l(he, {
+        show: D.value,
+        "onUpdate:show": u[2] || (u[2] = (t) => D.value = t),
+        "exclude-paths": [...Y.value, e(B).path],
+        onPick: G
+      }, null, 8, ["show", "exclude-paths"])
+    ], 512));
   }
 });
 export {
-  re as default
+  tt as default
 };
 //# sourceMappingURL=biz2.vue.js.map