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

package/es/index-Bl4v-7On.js

@@ -0,0 +1,125 @@
+import { useSettingsStore as x, PubinfoIcon as f } from "pubinfo";
+import { defineComponent as m, ref as u, reactive as v, createElementBlock as n, openBlock as a, createElementVNode as e, createVNode as g, Fragment as _, renderList as w, unref as c, normalizeClass as b, toDisplayString as h } from "vue";
+import "./request-DQLgc7lT.js";
+import { a as y } from "./xitongpeizhifuwu-C1Vm-W1B.js";
+import { message as k } from "ant-design-vue";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const C = {
+  "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]" }, E = { class: "bg-[#F0F4FF] h-[38px] pl-[16px] flex flex-row items-center dark:bg-[#32353B]" }, F = { class: "mt-[15px] flex-1 flex flex-row" }, M = {
+  class: "flex-auto grid grid-cols-3 gap-[20px] px-30px w-full h-0 max-w-1500px",
+  aspect: "[3/2]"
+}, j = ["onClick"], z = { class: "text-[#4E5969] text-[14px] dark:text-[#C9CDD4]" }, B = /* @__PURE__ */ m({
+  name: "PageWSetting",
+  __name: "index",
+  setup(I) {
+    const d = x(), l = u(d.globalSettings.layout.widthMode), r = v([
+      {
+        describe: "自适应",
+        active: "adaption",
+        class: "mode-adaption"
+      },
+      {
+        describe: "自适应 (有最小宽度)",
+        active: "adaption-min-width",
+        class: "mode-adaption-min-width"
+      },
+      {
+        describe: "定宽居中",
+        active: "center",
+        class: "mode-center"
+      },
+      {
+        describe: "定宽居中 (有最大宽度)",
+        active: "center-max-width",
+        class: "mode-center-max-width"
+      }
+    ]);
+    function p(s) {
+      if (s) {
+        l.value = s, d.globalSettings.layout.widthMode = s;
+        const t = JSON.stringify({
+          layout: {
+            widthMode: s
+          }
+        });
+        y({ content: t }).then((i) => {
+          i.success && k.success("设置成功");
+        });
+      }
+    }
+    return (s, t) => {
+      const i = f;
+      return a(), n("div", C, [
+        e("div", D, [
+          e("div", E, [
+            g(i, {
+              name: "icon_page_size",
+              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", F, [
+            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", M, [
+              (a(!0), n(
+                _,
+                null,
+                w(c(r), (o) => (a(), n("div", {
+                  key: o.active,
+                  class: b(["item dark:bg-[#3A3E43]", [c(l) === o.active ? "active" : "", `item-${o.active}`]]),
+                  aspect: "[9/6]",
+                  onClick: (N) => p(o.active)
+                }, [
+                  e(
+                    "div",
+                    z,
+                    h(o.describe),
+                    1
+                    /* TEXT */
+                  ),
+                  t[1] || (t[1] = e(
+                    "div",
+                    { class: "my-12px w-48px h-32px mode" },
+                    null,
+                    -1
+                    /* HOISTED */
+                  )),
+                  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, j))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), H = /* @__PURE__ */ S(B, [["__scopeId", "data-v-d213ef77"]]);
+export {
+  H as default
+};