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

package/es/index-Bz9QeL8M.js

@@ -0,0 +1,399 @@
+import { Modal as oe, Tree as le, Dropdown as se, Menu as de, MenuItem as ce, Tooltip as ie, Tag as ae, Button as re } from "ant-design-vue/es";
+import { DownOutlined as ue } from "@ant-design/icons-vue";
+import { PubinfoIcon as fe } from "pubinfo";
+import { defineComponent as pe, mergeModels as T, computed as he, ref as k, useModel as ke, watch as me, createBlock as m, openBlock as u, withCtx as i, createElementVNode as c, toDisplayString as x, unref as f, createVNode as r, isRef as B, createCommentVNode as K, withModifiers as xe, createElementBlock as z, Fragment as _e, renderList as ve, createTextVNode as C } from "vue";
+import { Form as ye } from "ant-design-vue";
+import { R as P } from "./enum-CTUzwCYG.js";
+import { u as ge } from "./index-C7QJHUwa.js";
+import { _ as Ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const be = { class: "h-340px border-1px border-solid flex flex-row border_color" }, Ie = { class: "w-360px flex flex-col" }, we = { class: "w-full h-34px bg-[#F2F3F5] flex px-15px items-center justify-between text-[#1D2129] dark:bg-[#1D2129] dark:text-[#F2F3F5]" }, Fe = { class: "flex-1 overflow-auto py-10px pr-10px" }, De = { class: "flex items-center" }, Ee = { class: "mx-4px" }, Ne = ["onClick"], Me = ["onClick"], Oe = ["onClick"], Ae = ["onClick"], Se = { class: "flex-1 flex flex-col border-solid border-0px border-l-1px border_color" }, $e = { class: "flex-1 p-10px overflow-auto" }, Re = /* @__PURE__ */ pe({
+  name: "ResourceSelector",
+  __name: "index",
+  props: /* @__PURE__ */ T({
+    title: { default: "资源选择" },
+    mode: { default: P.ROLE }
+  }, {
+    open: { type: Boolean },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["select"], ["update:open"]),
+  setup(N, { expose: U, emit: V }) {
+    const L = N, j = V, _ = he(() => L.mode === P.DATA_PERMISSION), s = k({ checked: [], halfChecked: [] }), v = k([]), b = k([]), I = k({}), M = k(0), p = k([]), w = ke(N, "open"), F = ge(w);
+    me(() => s.value.checked, (o) => {
+      b.value = o.reduce((e, n) => {
+        const t = {
+          id: n,
+          name: I.value[n]
+        };
+        return e.push(t), e;
+      }, []);
+    }, { deep: !0 });
+    function q(o, e, n) {
+      var t, l;
+      s.value.checked = [...o], p.value = e, I.value = n, M.value = Object.keys(I.value).length, (t = e[0]) != null && t.id && (v.value = [(l = e[0]) == null ? void 0 : l.id]), F(!0);
+    }
+    function G(o, e) {
+      if (!_.value) {
+        if (e.checked) {
+          let n = function(t) {
+            t.parent ? (s.value.checked.push(t.key), n(t.parent)) : s.value.checked.push(t.key);
+          };
+          n(e.node);
+        } else
+          D([e.node], e.node.id).forEach((t) => {
+            const l = s.value.checked.findIndex((a) => a === t);
+            l >= 0 && s.value.checked.splice(l, 1);
+          });
+        s.value.checked = Array.from(new Set(s.value.checked));
+      }
+    }
+    function H() {
+      s.value.checked = [];
+    }
+    function O(o) {
+      D(p.value, o).forEach((n) => {
+        const t = s.value.checked.findIndex((l) => l === n);
+        t >= 0 && s.value.checked.splice(t, 1);
+      });
+    }
+    function y(o, e) {
+      for (const n of o) {
+        if (n.id === e)
+          return n;
+        if (n.children) {
+          const t = y(n.children, e);
+          if (t)
+            return t;
+        }
+      }
+    }
+    function D(o, e) {
+      const n = [], t = y(o, e);
+      if (t) {
+        let l = function(a) {
+          if (n.push(a.id), a.children)
+            for (const E of a.children)
+              l(E);
+        };
+        l(t);
+      }
+      return n;
+    }
+    function J(o) {
+      const e = S(o.id);
+      e.length > 0 && (e.push(o.id), e.forEach((n) => {
+        s.value.checked.findIndex((l) => l === n) < 0 && s.value.checked.push(n);
+      }));
+    }
+    function Q(o) {
+      S(o.id).forEach((n) => {
+        const t = s.value.checked.findIndex((l) => l === n);
+        t >= 0 && s.value.checked.splice(t, 1);
+      });
+    }
+    function W(o) {
+      const e = A(o.id);
+      e.length > 0 && (e.push(o.id), e.forEach((n) => {
+        s.value.checked.findIndex((l) => l === n) < 0 && s.value.checked.push(n);
+      }));
+    }
+    function X(o) {
+      A(o.id).forEach((n) => {
+        const t = s.value.checked.findIndex((l) => l === n);
+        t >= 0 && s.value.checked.splice(t, 1);
+      });
+    }
+    function A(o) {
+      const e = y(p.value, o);
+      return e && e.children && e.children.length > 0 ? e.children.reduce((n, t) => (_.value && (t != null && t.disabled) || n.push(t.id), n), []) : [];
+    }
+    function S(o) {
+      var t, l;
+      const e = D(p.value, o), n = e.indexOf(o);
+      return e.splice(n, 1), (l = (t = e == null ? void 0 : e.map((a) => y(p.value, a))) == null ? void 0 : t.filter((a) => _.value ? !a.disabled : !0)) == null ? void 0 : l.map((a) => a.id);
+    }
+    const { onFieldChange: Y } = ye.useInjectFormItemContext();
+    function Z() {
+      j("select", b.value), Y(), F(!1);
+    }
+    return U({
+      open: q
+    }), (o, e) => {
+      const n = fe, t = ue, l = ce, a = de, E = se, ee = le, $ = ae, te = ie, R = re, ne = oe;
+      return u(), m(ne, {
+        open: w.value,
+        "onUpdate:open": e[4] || (e[4] = (d) => w.value = d),
+        class: "custom_modal",
+        title: o.title,
+        "mask-closable": !1,
+        width: 750
+      }, {
+        footer: i(() => [
+          r(R, {
+            onClick: e[3] || (e[3] = (d) => f(F)(!1))
+          }, {
+            default: i(() => e[8] || (e[8] = [
+              C(" 取消 ")
+            ])),
+            _: 1
+            /* STABLE */
+          }),
+          r(R, {
+            type: "primary",
+            onClick: Z
+          }, {
+            default: i(() => e[9] || (e[9] = [
+              C(" 确定 ")
+            ])),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        default: i(() => [
+          c("div", be, [
+            c("div", Ie, [
+              c("div", we, [
+                e[5] || (e[5] = c(
+                  "div",
+                  { class: "" },
+                  " 全部资源 ",
+                  -1
+                  /* HOISTED */
+                )),
+                c(
+                  "div",
+                  null,
+                  x(f(s).checked.length) + "/" + x(f(M)),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              c("div", Fe, [
+                r(ee, {
+                  "checked-keys": f(s),
+                  "onUpdate:checkedKeys": e[1] || (e[1] = (d) => B(s) ? s.value = d : null),
+                  "expanded-keys": f(v),
+                  "onUpdate:expandedKeys": e[2] || (e[2] = (d) => B(v) ? v.value = d : null),
+                  class: "h-full custom_tree",
+                  "block-node": "",
+                  checkable: "",
+                  "check-strictly": "",
+                  "field-names": { children: "children", title: "name", key: "id" },
+                  "tree-data": f(p),
+                  onCheck: G
+                }, {
+                  title: i((d) => [
+                    c("div", De, [
+                      d.checked ? (u(), m(n, {
+                        key: 0,
+                        name: "zy_checked",
+                        size: "24px"
+                      })) : (u(), m(n, {
+                        key: 1,
+                        name: "zy_default",
+                        size: "24px"
+                      })),
+                      c(
+                        "span",
+                        Ee,
+                        x(d.name),
+                        1
+                        /* TEXT */
+                      ),
+                      K(' "操作"功能显示逻辑：角色模式下非叶子节点时显示； 数据权限模式下非叶子节点 且 数据disabled字段不为true时显示 '),
+                      !d.leaf && (!f(_) || !d.disabled) ? (u(), m(
+                        E,
+                        {
+                          key: 2,
+                          class: "bg-[#e8f3ff] dark:bg-[#141414]",
+                          trigger: ["click"]
+                        },
+                        {
+                          overlay: i(() => [
+                            r(
+                              a,
+                              null,
+                              {
+                                default: i(() => [
+                                  r(
+                                    l,
+                                    { key: "0" },
+                                    {
+                                      default: i(() => [
+                                        c("a", {
+                                          onClick: (h) => J(d)
+                                        }, "选中所有下级", 8, Ne)
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    },
+                                    1024
+                                    /* DYNAMIC_SLOTS */
+                                  ),
+                                  r(
+                                    l,
+                                    { key: "1" },
+                                    {
+                                      default: i(() => [
+                                        c("a", {
+                                          onClick: (h) => Q(d)
+                                        }, "取消所有下级", 8, Me)
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    },
+                                    1024
+                                    /* DYNAMIC_SLOTS */
+                                  ),
+                                  r(
+                                    l,
+                                    { key: "3" },
+                                    {
+                                      default: i(() => [
+                                        c("a", {
+                                          onClick: (h) => W(d)
+                                        }, "选中下一级", 8, Oe)
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    },
+                                    1024
+                                    /* DYNAMIC_SLOTS */
+                                  ),
+                                  r(
+                                    l,
+                                    { key: "4" },
+                                    {
+                                      default: i(() => [
+                                        c("a", {
+                                          onClick: (h) => X(d)
+                                        }, "取消下一级", 8, Ae)
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    },
+                                    1024
+                                    /* DYNAMIC_SLOTS */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            )
+                          ]),
+                          default: i(() => [
+                            c("a", {
+                              class: "ant-dropdown-link whitespace-nowrap",
+                              style: { padding: "2px 4px" },
+                              onClick: e[0] || (e[0] = xe(() => {
+                              }, ["prevent"]))
+                            }, [
+                              e[6] || (e[6] = c(
+                                "span",
+                                { class: "text-base" },
+                                "操作",
+                                -1
+                                /* HOISTED */
+                              )),
+                              r(t, { style: { fontSize: "10px" } })
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      )) : K("v-if", !0)
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["checked-keys", "expanded-keys", "tree-data"])
+              ])
+            ]),
+            c("div", Se, [
+              c("div", { class: "w-full h-34px bg-[#F2F3F5] flex px-15px items-center justify-between text-[#1D2129] dark:bg-[#1D2129] dark:text-[#F2F3F5]" }, [
+                e[7] || (e[7] = c(
+                  "div",
+                  { class: "" },
+                  " 已选资源 ",
+                  -1
+                  /* HOISTED */
+                )),
+                c("div", {
+                  class: "cursor-pointer text-[#165DFF]",
+                  onClick: H
+                }, " 清空 ")
+              ]),
+              c("div", $e, [
+                (u(!0), z(
+                  _e,
+                  null,
+                  ve(f(b), (d) => {
+                    var h;
+                    return u(), z("div", {
+                      key: d.id,
+                      class: "inline-block mb-6px max-w-300px"
+                    }, [
+                      ((h = d.name) == null ? void 0 : h.length) > 20 ? (u(), m(te, {
+                        key: 0,
+                        title: d.name
+                      }, {
+                        default: i(() => [
+                          r($, {
+                            class: "custom_tag bg-[#e8f3ff] dark:bg-[#141414]",
+                            closable: "",
+                            onClose: (g) => O(d.id)
+                          }, {
+                            default: i(() => {
+                              var g;
+                              return [
+                                C(
+                                  x(`${(g = d.name) == null ? void 0 : g.slice(0, 20)}...`),
+                                  1
+                                  /* TEXT */
+                                )
+                              ];
+                            }),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClose"])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["title"])) : (u(), m($, {
+                        key: 1,
+                        class: "custom_tag bg-[#e8f3ff] dark:bg-[#141414]",
+                        closable: "",
+                        onClose: (g) => O(d.id)
+                      }, {
+                        default: i(() => [
+                          C(
+                            x(d.name),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["onClose"]))
+                    ]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["open", "title"]);
+    };
+  }
+}), je = /* @__PURE__ */ Ce(Re, [["__scopeId", "data-v-ae0ace5d"]]);
+export {
+  je as _
+};