@pubinfo/module-rbac 2.0.8-beta.3 → 2.0.9

package/dist/createAndEditDataPermission.vue_vue_type_script_setup_true_lang-D5wInKwO.js

@@ -0,0 +1,531 @@
+import { Modal as ye, Tabs as ke, TabPane as Ie, CheckboxGroup as Re, Tooltip as pe, Tag as he, Button as de, Drawer as Fe, Form as Oe, FormItem as Se, Input as we, Select as Ge, Space as Ce } from "ant-design-vue/es";
+import { defineComponent as ie, mergeModels as De, ref as c, computed as z, useModel as Ee, createBlock as y, openBlock as u, withCtx as n, createElementVNode as m, createVNode as s, unref as l, isRef as Y, createElementBlock as g, Fragment as C, renderList as j, createTextVNode as k, toDisplayString as F, createCommentVNode as ue } from "vue";
+import { message as Pe } from "ant-design-vue";
+import { p as Ue, u as ne, OrgSelector as Te } from "./index.js";
+import { g as Me, a as Ne, b as $e } from "./shujuquanxianzhubiaokongzhiqi-SpN37fyO.js";
+import { G as te } from "./enum-DDKThkSw.js";
+import { _ as Ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { R as Le } from "./enum-CTUzwCYG.js";
+import { u as Be } from "./useAppAndResource-38HCqYKa.js";
+import { _ as Ve } from "./index-53oBz1jp.js";
+import { D as ae, d as qe } from "./enum-DkSNwGbC.js";
+import './createAndEditDataPermission.css';const Ke = { class: "h-340px border-1px border-solid flex flex-row border_color" }, Ye = { class: "w-360px" }, je = { class: "flex-1 flex flex-col border-solid border-0px border-l-1px border_color" }, ze = { class: "flex-1 p-10px overflow-auto" }, He = /* @__PURE__ */ ie({
+  name: "GroupSelector",
+  __name: "index",
+  props: {
+    open: { type: Boolean },
+    openModifiers: {}
+  },
+  emits: /* @__PURE__ */ De(["select"], ["update:open"]),
+  setup(le, { expose: H, emit: J }) {
+    const Q = J, O = c("OrgGroup"), S = z(() => O.value === "OrgGroup"), T = c([]), D = c([]), v = c([]), _ = c([]), L = z(() => {
+      const d = S.value ? T : D, o = S.value ? v : _;
+      return d.value.filter((i) => o.value.includes(i.value));
+    }), M = Ee(le, "open"), N = ne(M);
+    W();
+    function W() {
+      E(te.ORG), E(te.PER);
+    }
+    function E(d) {
+      Ue({ type: d }).then((o) => {
+        if (o && o.data && o.data.length) {
+          const i = o.data.map((b) => {
+            const { name: f = "", id: x = "" } = b;
+            return {
+              label: f.length > 20 ? `${f.substring(0, 20)}...` : f,
+              value: x,
+              name: f,
+              id: x
+            };
+          });
+          d === te.ORG ? T.value = i : D.value = i;
+        }
+      });
+    }
+    function B(d) {
+      if (d && d.length) {
+        const o = d.map((i) => i.value);
+        S.value ? v.value = o : _.value = o;
+      } else
+        v.value = [], _.value = [];
+      N(!0);
+    }
+    function I() {
+      S.value ? X() : a();
+    }
+    function X() {
+      v.value = [];
+    }
+    function a() {
+      _.value = [];
+    }
+    function $(d) {
+      const o = S.value ? v : _, i = o.value.findIndex((b) => b === d);
+      i !== -1 && o.value.splice(i, 1);
+    }
+    function V() {
+      Q("select", L.value), N(!1);
+    }
+    return H({
+      open: B
+    }), (d, o) => {
+      const i = Re, b = Ie, f = ke, x = he, R = pe, q = de, Z = ye;
+      return u(), y(Z, {
+        open: M.value,
+        "onUpdate:open": o[4] || (o[4] = (p) => M.value = p),
+        class: "group-modal",
+        title: "编辑群组",
+        "mask-closable": !1,
+        width: 750
+      }, {
+        footer: n(() => [
+          s(q, {
+            onClick: o[3] || (o[3] = (p) => l(N)(!1))
+          }, {
+            default: n(() => o[6] || (o[6] = [
+              k(" 取消 ")
+            ])),
+            _: 1,
+            __: [6]
+          }),
+          s(q, {
+            type: "primary",
+            onClick: V
+          }, {
+            default: n(() => o[7] || (o[7] = [
+              k(" 确定 ")
+            ])),
+            _: 1,
+            __: [7]
+          })
+        ]),
+        default: n(() => [
+          m("div", Ke, [
+            m("div", Ye, [
+              s(f, {
+                "active-key": l(O),
+                "onUpdate:activeKey": o[2] || (o[2] = (p) => Y(O) ? O.value = p : null),
+                class: "h-full overflow-hidden"
+              }, {
+                default: n(() => [
+                  s(b, {
+                    key: "OrgGroup",
+                    tab: "组织群组"
+                  }, {
+                    default: n(() => [
+                      s(i, {
+                        value: l(v),
+                        "onUpdate:value": o[0] || (o[0] = (p) => Y(v) ? v.value = p : null),
+                        options: l(T)
+                      }, null, 8, ["value", "options"])
+                    ]),
+                    _: 1
+                  }),
+                  s(b, {
+                    key: "UserGroup",
+                    tab: "用户群组",
+                    "force-render": ""
+                  }, {
+                    default: n(() => [
+                      s(i, {
+                        value: l(_),
+                        "onUpdate:value": o[1] || (o[1] = (p) => Y(_) ? _.value = p : null),
+                        options: l(D)
+                      }, null, 8, ["value", "options"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["active-key"])
+            ]),
+            m("div", je, [
+              m("div", { class: "w-full h-38px bg-[rgb(245,245,245)] flex px-15px items-center justify-between text-[#1D2129] dark:bg-[#000] dark:text-[#F2F3F5]" }, [
+                o[5] || (o[5] = m("div", { class: "" }, " 已选群组 ", -1)),
+                m("div", {
+                  class: "cursor-pointer text-[#165DFF]",
+                  onClick: I
+                }, " 清空 ")
+              ]),
+              m("div", ze, [
+                (u(!0), g(C, null, j(l(L), (p) => (u(), g("div", {
+                  key: p.value,
+                  class: "inline-block mb-6px max-w-300px"
+                }, [
+                  p.name && p.name.length > 20 ? (u(), y(R, {
+                    key: 0,
+                    title: p.name
+                  }, {
+                    default: n(() => [
+                      s(x, {
+                        class: "custom_tag bg-[#e8f3ff] dark:bg-[#141414]",
+                        closable: "",
+                        onClose: (ee) => $(p.value)
+                      }, {
+                        default: n(() => [
+                          k(F(p.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClose"])
+                    ]),
+                    _: 2
+                  }, 1032, ["title"])) : (u(), y(x, {
+                    key: 1,
+                    class: "custom_tag bg-[#e8f3ff] dark:bg-[#141414]",
+                    closable: "",
+                    onClose: (ee) => $(p.value)
+                  }, {
+                    default: n(() => [
+                      k(F(p.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClose"]))
+                ]))), 128))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Je = /* @__PURE__ */ Ae(He, [["__scopeId", "data-v-2ec81ba8"]]), Qe = { class: "pt-10px" }, We = { class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]" }, Xe = {
+  key: 1,
+  class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]"
+}, Ze = { class: "pt-10px" }, eo = { class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]" }, oo = {
+  key: 1,
+  class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]"
+}, to = { class: "pt-10px" }, ao = { class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]" }, no = {
+  key: 1,
+  class: "inline-block mb-6px mr-6px bg-[#E8F3FF] rounded-2px px-8px py-3px whitespace-nowrap dark:bg-[#141414]"
+}, vo = /* @__PURE__ */ ie({
+  name: "CreateAndEditDataPermission",
+  __name: "createAndEditDataPermission",
+  emits: ["submit"],
+  setup(le, { expose: H, emit: J }) {
+    const Q = J, O = Le.DATA_PERMISSION, {
+      appList: S,
+      resourceModelRef: T,
+      selectedResources: D,
+      getAppList: v,
+      updateTreeDataAndResourceMap: _,
+      setSelectedResources: L,
+      updateSelectedResources: M,
+      clearSelectedResources: N,
+      openResourceModel: W
+    } = Be(O), E = c(""), B = {
+      name: "",
+      type: "",
+      appId: "",
+      orgIds: [],
+      resourceIds: []
+    }, I = c(), X = {
+      name: [
+        {
+          required: !0,
+          message: "请输入数据权限名称",
+          trigger: ["blur", "change"]
+        }
+      ],
+      type: [
+        {
+          required: !0,
+          message: "请选择数据权限规则",
+          trigger: ["blur", "change"]
+        }
+      ],
+      appId: [{ required: !0, message: "请选择所属应用", trigger: ["blur", "change"] }],
+      resourceIds: [{ type: "array", required: !0, message: "请选择资源", trigger: ["blur", "change"] }],
+      orgIds: [{ type: "array", required: !0, message: "请选择部门", trigger: ["blur", "change"] }],
+      groupIds: [{ type: "array", required: !0, message: "请选择群组", trigger: ["blur", "change"] }]
+    }, a = c({
+      ...B
+    }), $ = z(() => a.value.type === ae.CUSTOM_DEPT_AND_SUB || a.value.type === ae.CUSTOM_DEPT_ONLY), V = z(() => a.value.type === ae.CUSTOM_GROUP), d = c(!1), [o, i] = ne(!1), b = c(), f = c([]), x = c(), R = c([]);
+    v();
+    async function q(r, t) {
+      if (E.value = r, d.value = !1, a.value = { ...B }, N(), fe(), _e(), t) {
+        d.value = !0;
+        const w = await Me({ id: t?.id });
+        if (w.success && w.data) {
+          const { id: h, type: K, name: G, appId: A, orgs: P, resources: oe, groups: U } = w.data;
+          a.value = {
+            id: h,
+            type: K,
+            appId: A,
+            name: G || "",
+            orgIds: P?.map((e) => e.id || ""),
+            resourceIds: oe?.map((e) => e.id || ""),
+            groupIds: U?.map((e) => e.id || "")
+          }, P && P.length && (f.value = P.map((e) => ({
+            orgId: e.id,
+            orgName: e.name
+          }))), U && U.length && (R.value = U.map((e) => ({
+            id: e.id,
+            name: e.name,
+            value: e.id,
+            label: e.name && e.name.length > 20 ? e.name.slice(0, 20) : e.name
+          }))), await _(a.value.appId), a.value.resourceIds && M(a.value.resourceIds);
+        }
+      }
+      i(!0);
+    }
+    function Z(r) {
+      a.value.resourceIds = [], D.value = [], r && _(r);
+    }
+    function p() {
+      I.value?.validateFields(["appId"]).then(() => {
+        a.value.appId && a.value.resourceIds && W(a.value.resourceIds);
+      }).catch(() => {
+      });
+    }
+    function ee(r) {
+      L(r), r && r.length ? (a.value.resourceIds = r.map((t) => t.id), I.value?.clearValidate(["resourceIds"])) : a.value.resourceIds = [];
+    }
+    function ce() {
+      b.value && b.value.open();
+    }
+    function me() {
+      x.value && x.value.open(R.value);
+    }
+    function fe() {
+      f.value = [];
+    }
+    function _e() {
+      R.value = [];
+    }
+    function ge(r) {
+      f.value = r, r.length ? (a.value.orgIds = r.map((t) => t.orgId || ""), I.value?.clearValidate(["orgIds"])) : a.value.orgIds = [];
+    }
+    function ve(r) {
+      R.value = r, r.length ? (a.value.groupIds = r.map((t) => t.id || ""), I.value?.clearValidate(["groupIds"])) : a.value.groupIds = [];
+    }
+    const [be, se] = ne(!1);
+    function xe() {
+      I.value?.validate().then(() => {
+        se(!0);
+        const r = d.value ? Ne : $e, t = {
+          ...a.value
+        };
+        $.value || delete t.orgIds, V.value || delete t.groupIds, r(t).then((w) => {
+          w.success && (Pe.success(`${E.value}成功！`), i(!1), Q("submit"));
+        }).finally(() => se(!1));
+      });
+    }
+    function re() {
+      i(!1);
+    }
+    return H({
+      open: q
+    }), (r, t) => {
+      const w = we, h = Se, K = Ge, G = de, A = pe, P = Oe, oe = Ce, U = Fe;
+      return u(), y(U, {
+        open: l(o),
+        "onUpdate:open": t[4] || (t[4] = (e) => Y(o) ? o.value = e : null),
+        title: `${l(E)}数据权限`,
+        placement: "right",
+        width: 600,
+        "destroy-on-close": "",
+        "footer-style": { textAlign: "right" },
+        onClose: re
+      }, {
+        footer: n(() => [
+          s(oe, null, {
+            default: n(() => [
+              s(G, { onClick: re }, {
+                default: n(() => t[8] || (t[8] = [
+                  k(" 取消 ")
+                ])),
+                _: 1,
+                __: [8]
+              }),
+              s(G, {
+                type: "primary",
+                loading: l(be),
+                onClick: t[3] || (t[3] = (e) => xe())
+              }, {
+                default: n(() => t[9] || (t[9] = [
+                  k(" 提交 ")
+                ])),
+                _: 1,
+                __: [9]
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          })
+        ]),
+        default: n(() => [
+          s(P, {
+            ref_key: "formRef",
+            ref: I,
+            model: l(a),
+            rules: X,
+            "label-col": { span: 6 }
+          }, {
+            default: n(() => [
+              s(h, {
+                label: "数据权限名称",
+                name: "name"
+              }, {
+                default: n(() => [
+                  s(w, {
+                    value: l(a).name,
+                    "onUpdate:value": t[0] || (t[0] = (e) => l(a).name = e),
+                    maxlength: 20
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+              }),
+              s(h, {
+                label: "数据权限规则",
+                name: "type"
+              }, {
+                default: n(() => [
+                  s(K, {
+                    value: l(a).type,
+                    "onUpdate:value": t[1] || (t[1] = (e) => l(a).type = e),
+                    options: l(qe),
+                    placeholder: "请选择"
+                  }, null, 8, ["value", "options"])
+                ]),
+                _: 1
+              }),
+              s(h, {
+                label: "所属应用",
+                name: "appId"
+              }, {
+                default: n(() => [
+                  s(K, {
+                    value: l(a).appId,
+                    "onUpdate:value": t[2] || (t[2] = (e) => l(a).appId = e),
+                    disabled: l(d),
+                    options: l(S),
+                    onChange: Z
+                  }, null, 8, ["value", "disabled", "options"])
+                ]),
+                _: 1
+              }),
+              s(h, {
+                label: "所属资源",
+                name: "resourceIds"
+              }, {
+                default: n(() => [
+                  s(G, {
+                    type: "primary",
+                    onClick: p
+                  }, {
+                    default: n(() => t[5] || (t[5] = [
+                      k(" 编辑资源 ")
+                    ])),
+                    _: 1,
+                    __: [5]
+                  }),
+                  m("div", Qe, [
+                    (u(!0), g(C, null, j(l(D), (e) => (u(), g(C, { key: e }, [
+                      e.name.length > 20 ? (u(), y(A, {
+                        key: 0,
+                        title: e.name
+                      }, {
+                        default: n(() => [
+                          m("span", We, F(`${e.name.slice(0, 20)}...`), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["title"])) : (u(), g("span", Xe, F(e.name), 1))
+                    ], 64))), 128))
+                  ])
+                ]),
+                _: 1
+              }),
+              l($) ? (u(), y(h, {
+                key: 0,
+                label: "所属部门",
+                name: "orgIds"
+              }, {
+                default: n(() => [
+                  s(G, {
+                    type: "primary",
+                    onClick: ce
+                  }, {
+                    default: n(() => t[6] || (t[6] = [
+                      k(" 编辑部门 ")
+                    ])),
+                    _: 1,
+                    __: [6]
+                  }),
+                  m("div", Ze, [
+                    (u(!0), g(C, null, j(l(f), (e) => (u(), g(C, { key: e }, [
+                      e.orgName && e.orgName.length > 20 ? (u(), y(A, {
+                        key: 0,
+                        title: e.orgName
+                      }, {
+                        default: n(() => [
+                          m("span", eo, F(`${e.orgName?.slice(0, 20)}...`), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["title"])) : (u(), g("span", oo, F(e.orgName), 1))
+                    ], 64))), 128))
+                  ])
+                ]),
+                _: 1
+              })) : ue("", !0),
+              l(V) ? (u(), y(h, {
+                key: 1,
+                label: "所属群组",
+                name: "groupIds"
+              }, {
+                default: n(() => [
+                  s(G, {
+                    type: "primary",
+                    onClick: me
+                  }, {
+                    default: n(() => t[7] || (t[7] = [
+                      k(" 编辑群组 ")
+                    ])),
+                    _: 1,
+                    __: [7]
+                  }),
+                  m("div", to, [
+                    (u(!0), g(C, null, j(l(R), (e) => (u(), g(C, { key: e }, [
+                      e.name && e.name.length > 20 ? (u(), y(A, {
+                        key: 0,
+                        title: e.name
+                      }, {
+                        default: n(() => [
+                          m("span", ao, F(`${e.name?.slice(0, 20)}...`), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["title"])) : (u(), g("span", no, F(e.name), 1))
+                    ], 64))), 128))
+                  ])
+                ]),
+                _: 1
+              })) : ue("", !0)
+            ]),
+            _: 1
+          }, 8, ["model"]),
+          s(Te, {
+            ref_key: "orgRef",
+            ref: b,
+            "model-value": l(f),
+            multiple: "",
+            onSubmit: ge
+          }, null, 8, ["model-value"]),
+          s(Ve, {
+            ref_key: "resourceModelRef",
+            ref: T,
+            mode: l(O),
+            onSelect: ee
+          }, null, 8, ["mode"]),
+          s(Je, {
+            ref_key: "groupRef",
+            ref: x,
+            onSelect: ve
+          }, null, 512)
+        ]),
+        _: 1
+      }, 8, ["open", "title"]);
+    };
+  }
+});
+export {
+  vo as _
+};