@pubinfo-nightly/module-rbac 2025.11.14

package/dist/index-B5aP0re3.js

@@ -0,0 +1,170 @@
+import { Switch as D } from "ant-design-vue/es";
+import { useTheme as F, useSettingsStore as z, PubinfoIcon as B } from "pubinfo-nightly";
+import { defineComponent as L, computed as h, createElementBlock as r, openBlock as c, createElementVNode as e, createVNode as _, unref as a, toDisplayString as v, Fragment as m, renderList as g, normalizeClass as N, createBlock as j, createCommentVNode as E, normalizeStyle as u } from "vue";
+import { message as I } from "ant-design-vue";
+import { getThemes as O } from "pubinfo-nightly/client";
+import { _ as V } from "./index.js";
+import { p as P } from "./xitongpeizhifuwu-BoCbGEk7.js";
+import './index13.css';const $ = {
+  "w-full": "",
+  "h-full": "",
+  "p-10px": "",
+  "pb-0": ""
+}, A = { class: "w-full h-full bg-white overflow-y-auto p-10px pb-0 flex flex-col box-border dark:bg-[#141414]" }, G = { class: "bg-[#F0F4FF] h-[38px] pl-[16px] flex flex-row items-center b-rd-4px dark:bg-[#32353B]" }, J = { class: "mt-20px flex flex-row items-center" }, M = { class: "mt-20px pb-24px flex flex-row" }, W = { class: "flex-none w-[136px] text-right font-400 text-[#4e5969] text-[14px] dark:text-[#C9CDD4]" }, q = { class: "grid grid-cols-3 gap-x-[32px] gap-y-[16px] ml-16px mr-27px w-full max-w-1400px" }, H = ["onClick"], K = { class: "item-title" }, Q = { class: "text-[#4e5969] text-[14px] dark:text-[#C9CDD4]" }, R = { class: "item-content" }, U = {
+  flex: "",
+  "items-center": "",
+  "justify-center": "",
+  class: "spots-wrap"
+}, X = { class: "skeleton" }, Y = { class: "skeleton-body" }, Z = { class: "aside" }, ee = { class: "main" }, te = { class: "left" }, se = { class: "right" }, le = /* @__PURE__ */ L({
+  name: "SettingGlobalThemes",
+  __name: "index",
+  setup(oe) {
+    const { isDark: k } = F(), n = z(), S = h(
+      () => n.globalSettings.app.colorScheme === "light" ? "亮色模式颜色" : "暗色模式颜色"
+    ), p = h(() => n.globalSettings.app.colorScheme === "light"), y = [
+      "--ui-primary",
+      "--ui-text",
+      "--g-bg",
+      "--g-header-bg",
+      "--g-main-sidebar-bg",
+      "--g-sub-sidebar-bg"
+    ], C = h(() => {
+      const i = O();
+      return Object.keys(i).map((s) => {
+        const d = i[s], l = y.map((o) => d[o].startsWith("#") ? d[o] : `rgb(${d[o]})`), x = i[s].label;
+        return {
+          label: s,
+          value: d,
+          colors: l,
+          name: x
+        };
+      }).filter(
+        (s) => s.value["color-scheme"] === n.globalSettings.app.colorScheme
+      );
+    });
+    function w(i) {
+      const t = i.label, s = {};
+      p.value ? (n.globalSettings.app.lightTheme = t, s.lightTheme = t) : (n.globalSettings.app.darkTheme = t, s.darkTheme = t), b({
+        app: s
+      });
+    }
+    async function T(i) {
+      const t = i ? "light" : "dark";
+      n.globalSettings.app.colorScheme = t, await b({
+        app: {
+          colorScheme: t
+        }
+      });
+    }
+    async function b(i) {
+      const t = JSON.stringify(i);
+      await P({ content: t }).then((s) => {
+        s.success && I.success("设置成功");
+      });
+    }
+    return (i, t) => {
+      const s = B, d = D;
+      return c(), r("div", $, [
+        e("div", A, [
+          e("div", G, [
+            _(s, {
+              name: "theme-title",
+              class: "text-base mr-[6px]",
+              size: 22
+            }),
+            t[0] || (t[0] = e("span", { class: "text-[16px] text-[#1d2129] dark:text-[#C9CDD4]" }, "颜色主题风格", -1))
+          ]),
+          e("div", J, [
+            t[1] || (t[1] = e("div", { class: "flex-none w-[136px] text-right font-400 text-[#4e5969] text-[14px] dark:text-[#C9CDD4]" }, " 亮色/暗色切换 ", -1)),
+            _(d, {
+              checked: a(p),
+              class: "ml-16px!",
+              "checked-children": "亮",
+              "un-checked-children": "暗",
+              onChange: T
+            }, null, 8, ["checked"])
+          ]),
+          e("div", M, [
+            e("div", W, v(a(S)), 1),
+            e("div", q, [
+              (c(!0), r(m, null, g(a(C), (l, x) => (c(), r("div", {
+                key: x,
+                class: N(["theme-item", {
+                  active: a(p) ? a(n).globalSettings.app.lightTheme === l.label : a(n).globalSettings.app.darkTheme === l.label,
+                  dark: a(k)
+                }]),
+                aspect: "[4/3]",
+                onClick: (o) => w(l)
+              }, [
+                e("p", K, [
+                  e("span", Q, v(l.name), 1),
+                  (a(p) ? a(n).globalSettings.app.lightTheme === l.label : a(n).globalSettings.app.darkTheme === l.label) ? (c(), j(s, {
+                    key: 0,
+                    name: "theme-check-mark",
+                    class: "text-base ml-[6px] text-#fff position-relative top--1px",
+                    size: 20
+                  })) : E("", !0)
+                ]),
+                e("div", R, [
+                  e("div", U, [
+                    (c(!0), r(m, null, g(l.colors, (o, f) => (c(), r("div", {
+                      key: l.name + o + f,
+                      class: "color-spot",
+                      style: u({ backgroundColor: o })
+                    }, null, 4))), 128))
+                  ]),
+                  e("div", X, [
+                    e("header", {
+                      style: u({ backgroundColor: l.colors[0] })
+                    }, t[2] || (t[2] = [
+                      e("div", { class: "dot" }, null, -1),
+                      e("div", { class: "bar" }, null, -1)
+                    ]), 4),
+                    e("main", Y, [
+                      e("div", Z, [
+                        e("div", {
+                          class: "side-line",
+                          style: u({ backgroundColor: l.colors[0] })
+                        }, null, 4),
+                        (c(), r(m, null, g(4, (o) => e("div", {
+                          key: o,
+                          class: "side-line"
+                        })), 64))
+                      ]),
+                      e("div", ee, [
+                        e("div", te, [
+                          (c(), r(m, null, g(3, (o) => e("div", {
+                            key: o,
+                            class: "left-item"
+                          }, t[3] || (t[3] = [
+                            e("div", { class: "dot" }, null, -1),
+                            e("div", { class: "lines-wrap" }, [
+                              e("div", { class: "line1" }),
+                              e("div", { class: "line2" })
+                            ], -1)
+                          ]))), 64))
+                        ]),
+                        e("div", se, [
+                          t[4] || (t[4] = e("div", { class: "right-item" }, null, -1)),
+                          t[5] || (t[5] = e("div", { class: "right-item" }, null, -1)),
+                          e("div", {
+                            class: "right-item",
+                            style: u({ backgroundColor: l.colors[0], opacity: 0.3 })
+                          }, null, 4),
+                          t[6] || (t[6] = e("div", { class: "right-item" }, null, -1))
+                        ])
+                      ])
+                    ])
+                  ])
+                ])
+              ], 10, H))), 128))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), me = /* @__PURE__ */ V(le, [["__scopeId", "data-v-516665af"]]);
+export {
+  me as default
+};