@pubinfo/module-rbac 2.0.0-beta.3 → 2.0.0-beta.5

package/es/index-CsHj-xDw.js

@@ -0,0 +1,283 @@
+import { Switch as z } from "ant-design-vue/es";
+import { useTheme as B, useSettingsStore as L, PubinfoIcon as N } from "pubinfo";
+import { defineComponent as j, computed as h, createElementBlock as c, openBlock as a, createElementVNode as e, createVNode as v, unref as i, toDisplayString as _, Fragment as m, renderList as g, normalizeClass as E, createBlock as I, createCommentVNode as k, normalizeStyle as u } from "vue";
+import "./request-DQLgc7lT.js";
+import { a as O } from "./xitongpeizhifuwu-C1Vm-W1B.js";
+import { message as V } from "ant-design-vue";
+import { themes as b } from "pubinfo/client";
+import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+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__ */ j({
+  name: "SettingGlobalThemes",
+  __name: "index",
+  setup(oe) {
+    const { isDark: S } = B(), o = L(), y = h(
+      () => o.globalSettings.app.colorScheme === "light" ? "亮色模式颜色" : "暗色模式颜色"
+    ), p = h(() => o.globalSettings.app.colorScheme === "light"), C = [
+      "--ui-primary",
+      "--ui-text",
+      "--g-bg",
+      "--g-header-bg",
+      "--g-main-sidebar-bg",
+      "--g-sub-sidebar-bg"
+    ], w = h(() => Object.keys(b).map((t) => {
+      const s = b[t], x = C.map((d) => s[d].startsWith("#") ? s[d] : `rgb(${s[d]})`), l = b[t].label;
+      return {
+        label: t,
+        value: s,
+        colors: x,
+        name: l
+      };
+    }).filter(
+      (t) => t.value["color-scheme"] === o.globalSettings.app.colorScheme
+    ));
+    function T(r) {
+      const t = r.label, s = {};
+      p.value ? (o.globalSettings.app.lightTheme = t, s.lightTheme = t) : (o.globalSettings.app.darkTheme = t, s.darkTheme = t), f({
+        app: s
+      });
+    }
+    async function D(r) {
+      const t = r ? "light" : "dark";
+      o.globalSettings.app.colorScheme = t, await f({
+        app: {
+          colorScheme: t
+        }
+      });
+    }
+    async function f(r) {
+      const t = JSON.stringify(r);
+      await O({ content: t }).then((s) => {
+        s.success && V.success("设置成功");
+      });
+    }
+    return (r, t) => {
+      const s = N, x = z;
+      return a(), c("div", $, [
+        e("div", A, [
+          e("div", G, [
+            v(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
+              /* HOISTED */
+            ))
+          ]),
+          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
+              /* HOISTED */
+            )),
+            v(x, {
+              checked: i(p),
+              class: "ml-16px!",
+              "checked-children": "亮",
+              "un-checked-children": "暗",
+              onChange: D
+            }, null, 8, ["checked"])
+          ]),
+          e("div", M, [
+            e(
+              "div",
+              W,
+              _(i(y)),
+              1
+              /* TEXT */
+            ),
+            e("div", q, [
+              (a(!0), c(
+                m,
+                null,
+                g(i(w), (l, d) => (a(), c("div", {
+                  key: d,
+                  class: E(["theme-item", {
+                    active: i(p) ? i(o).globalSettings.app.lightTheme === l.label : i(o).globalSettings.app.darkTheme === l.label,
+                    dark: i(S)
+                  }]),
+                  aspect: "[4/3]",
+                  onClick: (n) => T(l)
+                }, [
+                  e("p", K, [
+                    e(
+                      "span",
+                      Q,
+                      _(l.name),
+                      1
+                      /* TEXT */
+                    ),
+                    (i(p) ? i(o).globalSettings.app.lightTheme === l.label : i(o).globalSettings.app.darkTheme === l.label) ? (a(), I(s, {
+                      key: 0,
+                      name: "theme-check-mark",
+                      class: "text-base ml-[6px] text-#fff position-relative top--1px",
+                      size: 20
+                    })) : k("v-if", !0)
+                  ]),
+                  e("div", R, [
+                    e("div", U, [
+                      k(" colors 颜色会有重复使用的地方，key多段拼接 "),
+                      (a(!0), c(
+                        m,
+                        null,
+                        g(l.colors, (n, F) => (a(), c(
+                          "div",
+                          {
+                            key: l.name + n + F,
+                            class: "color-spot",
+                            style: u({ backgroundColor: n })
+                          },
+                          null,
+                          4
+                          /* STYLE */
+                        ))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    e("div", X, [
+                      e(
+                        "header",
+                        {
+                          style: u({ backgroundColor: l.colors[0] })
+                        },
+                        t[2] || (t[2] = [
+                          e(
+                            "div",
+                            { class: "dot" },
+                            null,
+                            -1
+                            /* HOISTED */
+                          ),
+                          e(
+                            "div",
+                            { class: "bar" },
+                            null,
+                            -1
+                            /* HOISTED */
+                          )
+                        ]),
+                        4
+                        /* STYLE */
+                      ),
+                      e("main", Y, [
+                        e("div", Z, [
+                          e(
+                            "div",
+                            {
+                              class: "side-line",
+                              style: u({ backgroundColor: l.colors[0] })
+                            },
+                            null,
+                            4
+                            /* STYLE */
+                          ),
+                          (a(), c(
+                            m,
+                            null,
+                            g(4, (n) => e("div", {
+                              key: n,
+                              class: "side-line"
+                            })),
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
+                        ]),
+                        e("div", ee, [
+                          e("div", te, [
+                            (a(), c(
+                              m,
+                              null,
+                              g(3, (n) => e("div", {
+                                key: n,
+                                class: "left-item"
+                              }, t[3] || (t[3] = [
+                                e(
+                                  "div",
+                                  { class: "dot" },
+                                  null,
+                                  -1
+                                  /* HOISTED */
+                                ),
+                                e(
+                                  "div",
+                                  { class: "lines-wrap" },
+                                  [
+                                    e("div", { class: "line1" }),
+                                    e("div", { class: "line2" })
+                                  ],
+                                  -1
+                                  /* HOISTED */
+                                )
+                              ]))),
+                              64
+                              /* STABLE_FRAGMENT */
+                            ))
+                          ]),
+                          e("div", se, [
+                            t[4] || (t[4] = e(
+                              "div",
+                              { class: "right-item" },
+                              null,
+                              -1
+                              /* HOISTED */
+                            )),
+                            t[5] || (t[5] = e(
+                              "div",
+                              { class: "right-item" },
+                              null,
+                              -1
+                              /* HOISTED */
+                            )),
+                            e(
+                              "div",
+                              {
+                                class: "right-item",
+                                style: u({ backgroundColor: l.colors[0], opacity: 0.3 })
+                              },
+                              null,
+                              4
+                              /* STYLE */
+                            ),
+                            t[6] || (t[6] = e(
+                              "div",
+                              { class: "right-item" },
+                              null,
+                              -1
+                              /* HOISTED */
+                            ))
+                          ])
+                        ])
+                      ])
+                    ])
+                  ])
+                ], 10, H))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), ge = /* @__PURE__ */ P(le, [["__scopeId", "data-v-40917278"]]);
+export {
+  ge as default
+};