@pubinfo/module-rbac 2.0.0-beta.9 → 2.0.0-rc.2

package/dist/ResourceSelector-CxZ1ae30.js

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

package/dist/ResourceSelector.css

@@ -0,0 +1 @@
+.border_color[data-v-70b6311e]{--un-border-opacity:1;border-color:rgb(229 230 235/var(--un-border-opacity))}[data-theme=dark] .border_color[data-v-70b6311e]{--un-border-opacity:.12;border-color:rgb(253 253 253/var(--un-border-opacity))}.border_c[data-v-70b6311e]{--un-border-opacity:1;border-width:1px;border-color:rgb(204 204 204/var(--un-border-opacity));border-style:dashed;border-radius:10px}[data-v-70b6311e] .ant-dropdown-link{--un-scale-x:.7;--un-scale-y:.7;transform:translateX(var(--un-translate-x))translateY(var(--un-translate-y))translateZ(var(--un-translate-z))rotate(var(--un-rotate))rotateX(var(--un-rotate-x))rotateY(var(--un-rotate-y))rotateZ(var(--un-rotate-z))skewX(var(--un-skew-x))skewY(var(--un-skew-y))scaleX(var(--un-scale-x))scaleY(var(--un-scale-y))scaleZ(var(--un-scale-z));border-radius:.125rem;padding:.25rem .375rem;font-size:.75rem;line-height:1rem}.custom_modal[data-v-70b6311e] .ant-modal-content{border-radius:0;padding:0}.custom_modal[data-v-70b6311e] .ant-modal-header{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-width:1px;border-bottom-color:rgb(229 230 235/var(--un-border-bottom-opacity));border-style:solid;margin-bottom:0;padding:.75rem 1rem}.custom_modal[data-v-70b6311e] .ant-modal-title{--un-text-opacity:1;color:rgb(29 33 41/var(--un-text-opacity));font-size:1rem;font-weight:500;line-height:1.5rem}.custom_modal[data-v-70b6311e] .ant-modal-body{padding:1rem}.custom_modal[data-v-70b6311e] .ant-modal-footer{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-width:1px;border-top-color:rgb(229 230 235/var(--un-border-top-opacity));border-style:solid;padding:1rem}.custom_modal[data-v-70b6311e] .ant-modal-footer .ant-btn{border-radius:.125rem}[data-v-70b6311e] .ant-tree-checkbox{margin-top:0;margin-right:2px}[data-v-70b6311e] .ant-tree-checkbox+span .ant-tree-iconEle{margin-right:.25rem}.custom_tag[data-v-70b6311e]{border-width:0;border-radius:.125rem;padding:3px .5rem}.custom_tag[data-v-70b6311e] .ant-tag-close-icon{--un-text-opacity:.6;color:rgb(22 93 255/var(--un-text-opacity))}.custom_tag[data-v-70b6311e] .ant-tag-close-icon:hover{--un-text-opacity:1;color:rgb(22 93 255/var(--un-text-opacity))}

package/dist/RoleRelation-BlWDNAM1.js

@@ -0,0 +1,79 @@
+import { am as e, r as t } from "./index.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, isRef as u, nextTick as d, normalizeStyle as f, openBlock as p, resolveComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { theme as v } from "ant-design-vue";
+import { Avatar as y, Drawer as b, Table as x } from "ant-design-vue/es";
+import { useRequest as S } from "alova/client";
+const C = {
+	key: 0,
+	class: "w-full truncate space-x-2"
+};
+var w = /* @__PURE__ */ l({
+	name: "RoleRelation",
+	__name: "RoleRelation",
+	setup(l, { expose: m }) {
+		let { token: w } = v.useToken(), [T, E] = e(!1), { loading: D, data: O, send: k } = S((e) => t(e, { transform(e) {
+			return e.data ?? [];
+		} }), { immediate: !1 }), A = [{
+			title: "角色名称",
+			dataIndex: "name",
+			ellipsis: !0
+		}, {
+			title: "创建人",
+			dataIndex: "createUserName",
+			width: 180,
+			ellipsis: !0
+		}];
+		function j(e) {
+			E(!0), k({ id: e.id }), P();
+		}
+		let M = n(() => window.innerHeight - 57 - 48 - 55 - 64);
+		function N() {
+			d(() => {
+				let e = document.querySelector(".role-relation")?.querySelector(".ant-table-body");
+				e && (e.style.height = `${M.value}px`);
+			});
+		}
+		function P() {
+			d(N);
+		}
+		return m({ open: j }), (e, t) => {
+			let n = y, l = x, d = b;
+			return p(), r(d, {
+				open: g(T),
+				"onUpdate:open": t[0] ||= (e) => u(T) ? T.value = e : null,
+				title: "分配查看",
+				placement: "right",
+				width: 520,
+				"footer-style": { textAlign: "right" }
+			}, {
+				default: _(() => [c(l, {
+					"row-key": "id",
+					loading: g(D),
+					columns: A,
+					"data-source": g(O),
+					scroll: { y: `${g(M)}px` },
+					pagination: {
+						defaultPageSize: 20,
+						showSizeChanger: !0
+					},
+					class: "role-relation"
+				}, {
+					bodyCell: _(({ column: e, text: t }) => [e.dataIndex === "name" ? (p(), a("div", C, [c(n, {
+						size: "small",
+						style: f({ backgroundColor: g(w).colorPrimary })
+					}, {
+						default: _(() => [s(h(t[0]), 1)]),
+						_: 2
+					}, 1032, ["style"]), o("span", null, h(t), 1)])) : i("v-if", !0)]),
+					_: 1
+				}, 8, [
+					"loading",
+					"data-source",
+					"scroll"
+				])]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+}), T = w;
+export { T as b };

package/dist/RoleRelation-CAMzPMFz.js

@@ -0,0 +1,2 @@
+import { b as e } from "./RoleRelation-BlWDNAM1.js";
+export { e as default };

package/dist/RoleSelector-DTnDRRTQ.js

@@ -0,0 +1,279 @@
+import { $ as e, U as t, V as n, am as r } from "./index.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, isRef as m, mergeModels as h, mergeProps as g, normalizeProps as _, normalizeStyle as v, onMounted as y, openBlock as b, reactive as x, ref as S, renderList as C, resolveComponent as w, toDisplayString as T, unref as E, useModel as D, vShow as O, withCtx as k, withDirectives as A } from "vue";
+import { CloseOutlined as j, SearchOutlined as M } from "@ant-design/icons-vue";
+import { Card as N, Checkbox as P, CheckboxGroup as F, Modal as I, Spin as L, Tooltip as R, theme as z } from "ant-design-vue";
+import { Input as B, Select as V, SelectOption as H, Tooltip as U } from "ant-design-vue/es";
+const W = { key: 1 };
+var G = /* @__PURE__ */ f({
+	name: "RoleSearch",
+	__name: "RoleSearch",
+	props: /* @__PURE__ */ h({ group: {
+		type: Boolean,
+		default: !1
+	} }, {
+		modelValue: {},
+		modelModifiers: {},
+		groupId: {},
+		groupIdModifiers: {}
+	}),
+	emits: /* @__PURE__ */ h(["select"], ["update:modelValue", "update:groupId"]),
+	setup(e, { emit: n }) {
+		let r = e, a = n, s = D(e, "modelValue"), l = D(e, "groupId"), f = S([]);
+		async function p() {
+			let e = await t({ name: "" });
+			e.success && (f.value = e.data ?? []);
+		}
+		return y(() => {
+			r.group && p();
+		}), (e, t) => {
+			let n = H, r = U, p = V, m = B;
+			return b(), o(m, {
+				value: s.value,
+				"onUpdate:value": t[2] ||= (e) => s.value = e,
+				placeholder: "请输入",
+				"allow-clear": ""
+			}, {
+				addonBefore: k(() => [e.group ? (b(), o(p, {
+					key: 0,
+					value: l.value,
+					"onUpdate:value": t[0] ||= (e) => l.value = e,
+					style: { width: "90px" },
+					onChange: t[1] ||= (e) => a("select", e)
+				}, {
+					default: k(() => [d(n, { value: "" }, {
+						default: k(() => t[3] ||= [u(" 全部 ")]),
+						_: 1,
+						__: [3]
+					}), (b(!0), c(i, null, C(E(f), (e) => (b(), o(n, {
+						key: e.id,
+						value: e.id
+					}, {
+						default: k(() => [d(r, { title: e.name }, {
+							default: k(() => [u(T(e.name), 1)]),
+							_: 2
+						}, 1032, ["title"])]),
+						_: 2
+					}, 1032, ["value"]))), 128))]),
+					_: 1
+				}, 8, ["value"])) : (b(), c("div", W, " 全部 "))]),
+				suffix: k(() => [d(E(M))]),
+				_: 1
+			}, 8, ["value"]);
+		};
+	}
+}), K = G, q = /* @__PURE__ */ f({
+	name: "TooltipLabel",
+	inheritAttrs: !1,
+	__name: "TooltipLabel",
+	props: {
+		name: {},
+		size: { default: 21 }
+	},
+	setup(e) {
+		return (e, t) => (e.name || "").length > e.size ? (b(), o(E(R), {
+			key: 0,
+			title: e.name
+		}, {
+			default: k(() => [l("span", _(p(e.$attrs)), T(`${e.name?.slice(0, e.size)}...`), 17)]),
+			_: 1
+		}, 8, ["title"])) : (b(), c("span", _(g({ key: 1 }, e.$attrs)), T(e.name), 17));
+	}
+}), J = q;
+function Y() {
+	let [t, n] = r(!1), i = S([]);
+	async function a() {
+		try {
+			n(!0);
+			let t = await e();
+			t.success && (i.value = t.data ?? []);
+		} finally {
+			n(!1);
+		}
+	}
+	return {
+		loading: t,
+		setLoading: n,
+		roles: i,
+		getData: a
+	};
+}
+function X() {
+	let [e, t] = r(!1), i = S([]);
+	async function a(e) {
+		try {
+			t(!0);
+			let r = await n({ id: e });
+			r.success && (i.value = r.data?.roles ?? []);
+		} finally {
+			t(!1);
+		}
+	}
+	return {
+		loading: e,
+		setLoading: t,
+		roles: i,
+		getData: a
+	};
+}
+const Z = { class: "h-full flex" }, Q = { class: "p-2 flex flex-col h-full gap-2" }, $ = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, ee = {
+	key: 0,
+	class: "flex items-center justify-center size-full"
+}, te = { class: "gap-1 p-2 h-full overflow-y-auto" };
+var ne = /* @__PURE__ */ f({
+	name: "RoleSelector",
+	__name: "RoleSelector",
+	props: /* @__PURE__ */ h({ group: {
+		type: Boolean,
+		default: !1
+	} }, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: /* @__PURE__ */ h(["select"], ["update:open"]),
+	setup(e, { expose: t, emit: n }) {
+		let u = n, { token: f } = z.useToken(), p = D(e, "open"), h = r(p), g = S([]), _ = x(Y()), y = x(X()), w = S(""), T = S("");
+		async function M(e) {
+			await y.getData(e);
+		}
+		async function R(e = []) {
+			g.value = e, w.value = "", T.value = "", await _.getData(), h(!0);
+		}
+		let B = a(() => T.value === "" ? _.roles : y.roles);
+		function V(e) {
+			return B.value.findIndex((t) => t.id === e.id) > -1 && e.name?.includes(w.value);
+		}
+		function H(e, t) {
+			e.target.checked ? g.value.push({
+				value: t.id,
+				label: t.name
+			}) : g.value = g.value.filter((e) => e.value !== t.id);
+		}
+		function U(e) {
+			g.value = g.value.filter((t) => t.value !== e);
+		}
+		function W() {
+			u("select", g.value), h(!1);
+		}
+		function G() {
+			let e = g.value.filter((e) => !_.roles.some((t) => t.id === e.value));
+			g.value = e;
+		}
+		return t({ open: R }), (e, t) => (b(), o(E(I), {
+			open: p.value,
+			"onUpdate:open": t[3] ||= (e) => p.value = e,
+			title: "角色选择",
+			"mask-closable": !1,
+			width: 750,
+			"z-index": 1001,
+			"ok-text": "确认",
+			"cancel-text": "取消",
+			"destroy-on-close": "",
+			onOk: t[4] ||= (e) => W()
+		}, {
+			default: k(() => [l("div", {
+				class: "border border-solid h-[400px]",
+				style: v({ borderColor: E(f).colorBorder })
+			}, [l("div", Z, [
+				d(E(N), {
+					bordered: !1,
+					size: "small",
+					"head-style": {
+						backgroundColor: E(f).colorBgLayout,
+						borderRadius: 0,
+						borderWidth: 0,
+						borderBottomWidth: "1px",
+						padding: 0
+					},
+					"body-style": {
+						flex: 1,
+						padding: 0,
+						height: "calc(100% - 38px)"
+					},
+					style: v({
+						boxShadow: "none",
+						borderRadius: 0,
+						borderColor: E(f).colorBorder
+					}),
+					class: "flex h-full flex-col w-1/2"
+				}, {
+					default: k(() => [l("div", Q, [d(K, {
+						modelValue: E(w),
+						"onUpdate:modelValue": t[0] ||= (e) => m(w) ? w.value = e : null,
+						"group-id": E(T),
+						"onUpdate:groupId": t[1] ||= (e) => m(T) ? T.value = e : null,
+						group: e.group,
+						onSelect: M
+					}, null, 8, [
+						"modelValue",
+						"group-id",
+						"group"
+					]), l("div", $, [E(_).loading || E(y).loading ? (b(), c("div", ee, [d(E(L))])) : (b(), o(E(F), {
+						key: 1,
+						value: E(g).map((e) => e.value),
+						class: "w-full overflow-x-hidden"
+					}, {
+						default: k(() => [(b(!0), c(i, null, C(E(B), (e) => A((b(), c("div", {
+							key: e.id,
+							class: "w-full py-2 border-0 border-b border-solid truncate",
+							style: v({ borderColor: E(f).colorBorder })
+						}, [d(E(P), {
+							value: e.id,
+							onChange: (t) => H(t, e)
+						}, {
+							default: k(() => [d(J, { name: e.name }, null, 8, ["name"])]),
+							_: 2
+						}, 1032, ["value", "onChange"])], 4)), [[O, V(e)]])), 128))]),
+						_: 1
+					}, 8, ["value"]))])])]),
+					_: 1
+				}, 8, ["head-style", "style"]),
+				l("div", {
+					style: v({ borderColor: E(f).colorBorder }),
+					class: "h-full border-0 border-r border-solid"
+				}, null, 4),
+				d(E(N), {
+					bordered: !1,
+					size: "small",
+					"head-style": {
+						backgroundColor: E(f).colorBgLayout,
+						borderRadius: 0,
+						borderWidth: 0,
+						borderBottomWidth: "1px"
+					},
+					"body-style": {
+						flex: 1,
+						padding: 0,
+						overflow: "hidden"
+					},
+					style: {
+						boxShadow: "none",
+						borderRadius: 0
+					},
+					class: "flex h-full flex-col flex-1"
+				}, {
+					title: k(() => t[5] ||= [l("span", { class: "font-normal" }, " 已选角色 ", -1)]),
+					extra: k(() => [l("a", {
+						style: v({ color: E(f).colorPrimary }),
+						onClick: t[2] ||= (e) => G()
+					}, " 清空 ", 4)]),
+					default: k(() => [l("div", te, [(b(!0), c(i, null, C(E(g), (e) => (b(), c("div", {
+						key: e.value,
+						class: "inline-block mb-1 py-1 px-2 mx-0.5 max-w-full rounded",
+						style: v({ backgroundColor: E(f).colorPrimaryBg })
+					}, [d(J, {
+						name: e.label,
+						size: 20
+					}, null, 8, ["name"]), E(_).roles.some((t) => t.id === e.value) ? (b(), o(E(j), {
+						key: 0,
+						class: "ml-1 cursor-pointer text-xs",
+						style: v({ color: E(f).colorPrimary }),
+						onClick: (t) => U(e.value)
+					}, null, 8, ["style", "onClick"])) : s("v-if", !0)], 4))), 128))])]),
+					_: 1
+				}, 8, ["head-style"])
+			])], 4)]),
+			_: 1
+		}, 8, ["open"]));
+	}
+}), re = ne;
+export { re as b };