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

package/dist/index-qdAiA-PA.js

@@ -0,0 +1,286 @@
+import { Switch as F } from "ant-design-vue/es";
+import { useTheme as z, useSettingsStore as B, PubinfoIcon as L } from "pubinfo";
+import { defineComponent as N, computed as h, createElementBlock as r, openBlock as c, createElementVNode as e, createVNode as v, unref as a, toDisplayString as _, Fragment as m, renderList as g, normalizeClass as j, createBlock as E, createCommentVNode as k, normalizeStyle as u } from "vue";
+import "./index-BOEO9CRp.js";
+import { a as I } from "./xitongpeizhifuwu-BIR2CVXp.js";
+import { message as O } from "ant-design-vue";
+import { getThemes as V } 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__ */ N({
+  name: "SettingGlobalThemes",
+  __name: "index",
+  setup(oe) {
+    const { isDark: S } = z(), i = B(), y = h(
+      () => i.globalSettings.app.colorScheme === "light" ? "亮色模式颜色" : "暗色模式颜色"
+    ), p = h(() => i.globalSettings.app.colorScheme === "light"), C = [
+      "--ui-primary",
+      "--ui-text",
+      "--g-bg",
+      "--g-header-bg",
+      "--g-main-sidebar-bg",
+      "--g-sub-sidebar-bg"
+    ], w = h(() => {
+      const n = V();
+      return Object.keys(n).map((s) => {
+        const d = n[s], l = C.map((o) => d[o].startsWith("#") ? d[o] : `rgb(${d[o]})`), x = n[s].label;
+        return {
+          label: s,
+          value: d,
+          colors: l,
+          name: x
+        };
+      }).filter(
+        (s) => s.value["color-scheme"] === i.globalSettings.app.colorScheme
+      );
+    });
+    function T(n) {
+      const t = n.label, s = {};
+      p.value ? (i.globalSettings.app.lightTheme = t, s.lightTheme = t) : (i.globalSettings.app.darkTheme = t, s.darkTheme = t), b({
+        app: s
+      });
+    }
+    async function D(n) {
+      const t = n ? "light" : "dark";
+      i.globalSettings.app.colorScheme = t, await b({
+        app: {
+          colorScheme: t
+        }
+      });
+    }
+    async function b(n) {
+      const t = JSON.stringify(n);
+      await I({ content: t }).then((s) => {
+        s.success && O.success("设置成功");
+      });
+    }
+    return (n, t) => {
+      const s = L, d = F;
+      return c(), r("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(d, {
+              checked: a(p),
+              class: "ml-16px!",
+              "checked-children": "亮",
+              "un-checked-children": "暗",
+              onChange: D
+            }, null, 8, ["checked"])
+          ]),
+          e("div", M, [
+            e(
+              "div",
+              W,
+              _(a(y)),
+              1
+              /* TEXT */
+            ),
+            e("div", q, [
+              (c(!0), r(
+                m,
+                null,
+                g(a(w), (l, x) => (c(), r("div", {
+                  key: x,
+                  class: j(["theme-item", {
+                    active: a(p) ? a(i).globalSettings.app.lightTheme === l.label : a(i).globalSettings.app.darkTheme === l.label,
+                    dark: a(S)
+                  }]),
+                  aspect: "[4/3]",
+                  onClick: (o) => T(l)
+                }, [
+                  e("p", K, [
+                    e(
+                      "span",
+                      Q,
+                      _(l.name),
+                      1
+                      /* TEXT */
+                    ),
+                    (a(p) ? a(i).globalSettings.app.lightTheme === l.label : a(i).globalSettings.app.darkTheme === l.label) ? (c(), E(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多段拼接 "),
+                      (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
+                          /* 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 */
+                          ),
+                          (c(), r(
+                            m,
+                            null,
+                            g(4, (o) => e("div", {
+                              key: o,
+                              class: "side-line"
+                            })),
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
+                        ]),
+                        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
+                                  /* 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-40a1489e"]]);
+export {
+  ge as default
+};

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { ModuleOptions } from 'pubinfo';
+import { RbacOptions } from './interface';
+import './assets/styles/vxe-table.css';
+import 'uno.css';
+export declare function rbac(options?: RbacOptions): ModuleOptions;
+export * from './components/OrgUserSelector';
+export * from './interface';

package/dist/index.js

@@ -0,0 +1,9 @@
+import { _ as a, J as t, I as c, D as o, E as l } from "./index-BOEO9CRp.js";
+import "pubinfo";
+export {
+  a as OrgSelector,
+  t as UserSelector,
+  c as rbac,
+  o as selectOrg,
+  l as selectUser
+};

package/dist/interface.d.ts

@@ -0,0 +1,49 @@
+import { RouteRecordRaw } from '../../../node_modules/.pnpm/vue-router@4.5.1_vue@3.5.16_typescript@5.8.3_/node_modules/vue-router';
+export interface RbacOptions {
+    /** 替换或隐藏页面，为空时默认展示所有页面 */
+    pages?: RbacPages;
+    /** 路由排序 */
+    sort?: number;
+}
+export interface RbacPages {
+    AuthorityManage?: {
+        Resource?: PageOptions;
+        Role?: PageOptions;
+        RoleGroup?: PageOptions;
+        DataPermission?: PageOptions;
+        Organization?: PageOptions;
+        User?: PageOptions;
+        Tenant?: PageOptions;
+    } | boolean;
+    SystemManage?: {
+        DictionaryPage: {
+            Dictionary?: PageOptions;
+            DictionaryItem?: PageOptions;
+        };
+        Position?: PageOptions;
+        Region?: PageOptions;
+        Group?: PageOptions;
+    } | boolean;
+    SettingManage?: {
+        ThemeSetting?: PageOptions;
+        LayoutSetting?: PageOptions;
+        PageAnimationSetting?: PageOptions;
+        PageSizeSetting?: PageOptions;
+        MenuSetting?: PageOptions;
+        TabbarSetting?: PageOptions;
+        ToolbarSetting?: PageOptions;
+        BreadcrumbSetting?: PageOptions;
+        OtherSetting?: PageOptions;
+    } | boolean;
+    SafeManage?: {
+        Blacklist?: PageOptions;
+        Whitelist?: PageOptions;
+        SafeSetting?: PageOptions;
+        WatermarkSetting?: PageOptions;
+    } | boolean;
+    LogManage?: {
+        LoginHistory?: PageOptions;
+        OperateHistory?: PageOptions;
+    } | boolean;
+}
+export type PageOptions = RouteRecordRaw | boolean;