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

package/es/index-CFPhIFyG.js

@@ -0,0 +1,140 @@
+import { useSettingsStore as m, PubinfoIcon as f } from "pubinfo";
+import { defineComponent as u, ref as v, reactive as b, createElementBlock as i, openBlock as l, createElementVNode as e, createVNode as g, Fragment as _, renderList as y, unref as r, normalizeClass as d, toDisplayString as S } from "vue";
+import "./request-DQLgc7lT.js";
+import { a as k } from "./xitongpeizhifuwu-C1Vm-W1B.js";
+import { message as C } from "ant-design-vue";
+import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const w = {
+  "w-full": "",
+  "h-full": "",
+  "p-10px": ""
+}, D = { class: "w-full h-full bg-white overflow-y-auto p-10px flex flex-col box-border dark:bg-[#141414]" }, F = { class: "bg-[#F0F4FF] h-[38px] pl-[16px] flex flex-row items-center dark:bg-[#32353B]" }, E = { class: "mt-[15px] flex-1 flex flex-row" }, j = {
+  class: "flex-auto grid grid-cols-3 gap-[20px] px-30px w-full h-0 max-w-1500px",
+  aspect: "[3/2]"
+}, B = ["onClick"], I = { class: "text-[#4E5969] text-[14px] dark:text-[#C9CDD4]" }, M = /* @__PURE__ */ u({
+  name: "LayoutSetting",
+  __name: "index",
+  setup(N) {
+    const c = m(), a = v(c.globalSettings.menu.menuMode), p = b([
+      {
+        describe: "顶部模式",
+        placement: "bottom",
+        active: "head"
+      },
+      {
+        describe: "侧边栏模式 (含主导航)",
+        placement: "bottom",
+        active: "side"
+      },
+      {
+        describe: "侧边栏模式 (不含主导航)",
+        placement: "bottom",
+        active: "single"
+      },
+      {
+        describe: "侧边栏精简模式",
+        placement: "bottom",
+        active: "only-side"
+      },
+      {
+        describe: "顶部精简模式",
+        placement: "bottom",
+        active: "only-head"
+      }
+    ]);
+    function x(s) {
+      if (s) {
+        a.value = s, c.globalSettings.menu.menuMode = s;
+        const t = JSON.stringify({
+          menu: {
+            menuMode: s
+          }
+        });
+        k({ content: t }).then((n) => {
+          n.success && C.success("设置成功");
+        });
+      }
+    }
+    return (s, t) => {
+      const n = f;
+      return l(), i("div", w, [
+        e("div", D, [
+          e("div", F, [
+            g(n, {
+              name: "icon_layout",
+              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", E, [
+            t[3] || (t[3] = e(
+              "div",
+              { class: "flex-none w-[110px] text-right font-400 text-[#4e5969] text-[14px] pt-10px dark:text-[#C9CDD4]" },
+              " 模式选择 ",
+              -1
+              /* HOISTED */
+            )),
+            e("div", j, [
+              (l(!0), i(
+                _,
+                null,
+                y(r(p), (o) => (l(), i("div", {
+                  key: o.active,
+                  class: d(["item", [r(a) === o.active ? "active" : "", `item-${o.active}`]]),
+                  aspect: "[9/6]",
+                  onClick: ($) => x(o.active)
+                }, [
+                  e(
+                    "div",
+                    I,
+                    S(o.describe),
+                    1
+                    /* TEXT */
+                  ),
+                  e(
+                    "div",
+                    {
+                      class: d(["my-[6px] mode", `mode-${o.active}`])
+                    },
+                    t[1] || (t[1] = [
+                      e(
+                        "div",
+                        { class: "mode-container" },
+                        null,
+                        -1
+                        /* HOISTED */
+                      )
+                    ]),
+                    2
+                    /* CLASS */
+                  ),
+                  t[2] || (t[2] = e(
+                    "div",
+                    { class: "flex-1 w-[75%] rounded-[8px] jb py-[10px] flex justify-center" },
+                    [
+                      e("div", { class: "layout-demo" })
+                    ],
+                    -1
+                    /* HOISTED */
+                  ))
+                ], 10, B))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), H = /* @__PURE__ */ h(M, [["__scopeId", "data-v-5853187d"]]);
+export {
+  H as default
+};