@guodun/antdv 1.4.4 → 1.4.5

package/dist/es/components/pro-selector-group/src/index.vue.mjs

@@ -1,17 +1,18 @@
 import { useNamespace as e } from "../../../hooks/use-namespace/index.mjs";
-import t from "../../pro-modal/index.mjs";
-import { selectContextKey as n } from "./types.mjs";
-import r from "./compoents/dept.mjs";
-import i from "./compoents/role.mjs";
-import a from "./compoents/user.mjs";
-import o from "./compoents/select-box.mjs";
-import s from "../../pro-dynamic-tags/index.mjs";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeModels as g, nextTick as _, normalizeClass as v, normalizeStyle as y, openBlock as b, provide as x, ref as S, renderList as C, resolveDynamicComponent as w, unref as T, useModel as E, watch as D, watchEffect as O, withCtx as k } from "vue";
-import { TabPane as A, Tabs as j } from "ant-design-vue";
+import t from "../../pro-modal/src/ProModal.mjs";
+import n from "../../pro-dynamic-tags/src/index.mjs";
+import { selectContextKey as r } from "./types.mjs";
+import i from "./compoents/dept.mjs";
+import a from "./compoents/role.mjs";
+import o from "./compoents/user.mjs";
+import s from "./compoents/select-box.mjs";
+import { normalizeSelectorOptions as c, removeSelectorOption as l, replaceSelectorOptionsForType as u } from "./utils/index.mjs";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, mergeModels as y, nextTick as b, normalizeClass as x, normalizeStyle as S, openBlock as C, provide as w, ref as T, renderList as E, resolveDynamicComponent as D, unref as O, useModel as k, watch as A, withCtx as j } from "vue";
+import { TabPane as M, Tabs as N } from "ant-design-vue";
 //#region src/components/pro-selector-group/src/index.vue?vue&type=script&setup=true&lang.ts
-var M = { key: 0 }, N = /* @__PURE__ */ h({
+var P = { key: 0 }, F = /* @__PURE__ */ v({
 	__name: "index",
-	props: /* @__PURE__ */ g({
+	props: /* @__PURE__ */ y({
 		title: { default: "选择器" },
 		http: {},
 		urlPrefix: {},
@@ -37,121 +38,142 @@ var M = { key: 0 }, N = /* @__PURE__ */ h({
 		},
 		visibleModifiers: {}
 	}),
-	emits: /* @__PURE__ */ g(["confirm", "changeTab"], ["update:modelValue", "update:visible"]),
-	setup(h, { emit: g }) {
-		let N = h, P = g, F = [
+	emits: /* @__PURE__ */ y(["confirm", "changeTab"], ["update:modelValue", "update:visible"]),
+	setup(v, { emit: y }) {
+		let F = v, I = y, L = [
 			{
 				key: "dept",
 				tab: "部门",
-				component: r
+				component: i
 			},
 			{
 				key: "role",
 				tab: "角色",
-				component: i
+				component: a
 			},
 			{
 				key: "user",
 				tab: "用户",
-				component: a
+				component: o
 			}
-		], I = E(h, "modelValue"), L = E(h, "visible"), R = S([]), z = S(N.type || "dept"), B = S({}), V = l(() => I.value.map((e) => ({
+		], R = k(v, "modelValue"), z = k(v, "visible"), B = T([]), V = T(F.type || "dept"), H = T({}), U = f(() => R.value.map((e) => ({
 			label: e.label || "",
 			value: e.value,
 			type: e.type
-		}))), H = l(() => R.value.length === 0 ? F : N.isSingle ? F.filter((e) => R.value.some((t) => t.type === e.key)) : F);
-		O(async () => {
-			L.value && I.value.length > 0 && (await _(), Y(I.value));
-		}), D(() => N.type, (e) => {
-			e && (z.value = e);
-		});
-		function U(e) {
-			R.value = e;
+		}))), W = f(() => F.isSingle ? L.filter((e) => e.key === F.type) : L);
+		A(() => F.type, (e) => {
+			e && (V.value = e);
+		}), A(z, async (e) => {
+			if (!e) {
+				B.value = c(R.value);
+				return;
+			}
+			B.value = c(R.value), await Q();
+		}, { immediate: !0 }), A(() => R.value, async (e) => {
+			z.value || (B.value = c(e)), z.value && await Q();
+		}, { deep: !0 });
+		async function G() {
+			await b();
+			let e = H.value[V.value];
+			e && typeof e.echo == "function" && e.echo(B.value.filter((e) => e.type === V.value));
+		}
+		function K(e) {
+			let t = V.value;
+			B.value = F.isSingle ? c(e).map((e) => ({
+				...e,
+				type: t
+			})) : u(B.value, t, e);
 		}
-		x(n, {
-			http: N.http,
-			urlPrefix: N.urlPrefix || "",
-			selectedData: R,
-			currentTabKey: z,
-			changeSelectData: U
+		w(r, {
+			http: F.http,
+			urlPrefix: F.urlPrefix || "",
+			selectedData: B,
+			currentTabKey: V,
+			changeSelectData: K
 		});
-		let { b: W } = e("pro-selector-group");
-		function G(e, t) {
-			e && (B.value[t] = e);
+		let { b: q } = e("pro-selector-group");
+		function J(e, t) {
+			e && (H.value[t] = e);
 		}
-		let K = l(() => ({ width: z.value === "user" ? "600px" : "450px" }));
-		function q() {
-			I.value = R.value, P("confirm"), L.value = !1;
+		let Y = f(() => ({ width: V.value === "user" ? "600px" : "450px" }));
+		function X() {
+			R.value = c(B.value), I("confirm"), z.value = !1;
 		}
-		function J() {
-			L.value = !1;
+		function Z() {
+			z.value = !1;
 		}
-		function Y(e) {
-			let t = B.value[z.value];
-			console.log("currentTabRefAAA =>", z.value), t && typeof t.echo == "function" && t.echo(e);
+		async function Q() {
+			await b(), Object.entries(H.value).forEach(([e, t]) => {
+				t && typeof t.echo == "function" && t.echo(B.value.filter((t) => t.type === e));
+			});
 		}
-		function X() {
-			P("changeTab", z.value);
+		function $(e) {
+			let t = H.value[e.type || V.value];
+			t && typeof t.delFn == "function" && t.delFn(e.value), B.value = l(B.value, e.value, e.type);
 		}
-		function Z(e) {
-			let t = B.value[z.value];
-			t && typeof t.delFn == "function" && t.delFn(e);
+		async function ee() {
+			I("changeTab", V.value), await G();
 		}
-		function Q(e) {
-			let t = B.value[z.value];
-			t && typeof t.deleteAll == "function" && t.deleteAll(e);
+		function te(e) {
+			let t = /* @__PURE__ */ new Map();
+			e.forEach((e) => {
+				let n = e.type;
+				n && t.set(n, [...t.get(n) || [], e.value]);
+			}), t.forEach((e, t) => {
+				H.value[t]?.deleteAll?.(e);
+			}), B.value = [];
 		}
-		function $() {
-			L.value = !0, R.value = [], console.log("selectedData =>", R.value);
+		async function ne() {
+			z.value = !0, await Q();
 		}
-		function ee(e) {
-			let t = I.value.findIndex((t) => t.value === e.value);
+		function re(e) {
+			let t = R.value.findIndex((t) => t.value === e.value && t.type === e.type);
 			if (t > -1) {
-				let e = I.value[t];
-				I.value.splice(t, 1), Z(String(e.value));
+				let e = R.value[t];
+				R.value = l(R.value, e.value, e.type), B.value = c(R.value), $(e);
 			}
 		}
-		return (e, n) => (b(), f("div", { class: v(T(W)()) }, [h.hideSlot ? d("", !0) : (b(), f("div", M, [m(T(s), {
-			"model-value": V.value,
+		return (e, r) => (C(), h("div", { class: x(O(q)()) }, [v.hideSlot ? m("", !0) : (C(), h("div", P, [_(n, {
+			"model-value": U.value,
 			"add-text": "添加",
-			onAdd: $,
-			onClose: ee
-		}, null, 8, ["model-value"])])), m(T(t), {
-			modelValue: L.value,
-			"onUpdate:modelValue": n[2] ||= (e) => L.value = e,
-			title: h.title,
+			onAdd: ne,
+			onClose: re
+		}, null, 8, ["model-value"])])), _(t, {
+			modelValue: z.value,
+			"onUpdate:modelValue": r[2] ||= (e) => z.value = e,
+			title: v.title,
 			width: "950px",
-			onOnConfirm: q,
-			onOnCancel: J
+			onOnConfirm: X,
+			onOnCancel: Z
 		}, {
-			default: k(() => [p("div", { class: v(T(W)("content")) }, [p("div", {
-				class: v(T(W)("left")),
-				style: y(K.value)
-			}, [m(T(j), {
-				"active-key": z.value,
-				"onUpdate:activeKey": n[0] ||= (e) => z.value = e,
-				onChange: X
+			default: j(() => [g("div", { class: x(O(q)("content")) }, [g("div", {
+				class: x(O(q)("left")),
+				style: S(Y.value)
+			}, [_(O(N), {
+				"active-key": V.value,
+				"onUpdate:activeKey": r[0] ||= (e) => V.value = e,
+				onChange: ee
 			}, {
-				default: k(() => [(b(!0), f(c, null, C(H.value, (e) => (b(), u(T(A), {
+				default: j(() => [(C(!0), h(d, null, E(W.value, (e) => (C(), p(O(M), {
 					key: e.key,
 					tab: e.tab
 				}, {
-					default: k(() => [(b(), u(w(e.component), {
+					default: j(() => [(C(), p(D(e.component), {
 						ref_for: !0,
-						ref: (t) => G(t, e.key)
+						ref: (t) => J(t, e.key)
 					}, null, 512))]),
 					_: 2
 				}, 1032, ["tab"]))), 128))]),
 				_: 1
-			}, 8, ["active-key"])], 6), p("div", { class: v(T(W)("right")) }, [m(o, {
-				modelValue: R.value,
-				"onUpdate:modelValue": n[1] ||= (e) => R.value = e,
-				onDelete: Z,
-				onDeleteAll: Q
+			}, 8, ["active-key"])], 6), g("div", { class: x(O(q)("right")) }, [_(s, {
+				modelValue: B.value,
+				"onUpdate:modelValue": r[1] ||= (e) => B.value = e,
+				onDelete: $,
+				onDeleteAll: te
 			}, null, 8, ["modelValue"])], 2)], 2)]),
 			_: 1
 		}, 8, ["modelValue", "title"])], 2));
 	}
 });
 //#endregion
-export { N as default };
+export { F as default };

package/dist/es/components/pro-selector-group/src/utils/index.mjs

@@ -0,0 +1,36 @@
+//#region src/components/pro-selector-group/src/utils/index.ts
+function e(t) {
+	return t.map((t) => ({
+		key: t.id,
+		title: t.deptName,
+		...t,
+		children: e(t.children || [])
+	}));
+}
+function t(e) {
+	if (!Array.isArray(e)) return [];
+	let t = /* @__PURE__ */ new Set();
+	return e.flatMap((e) => {
+		if (!e || typeof e != "object") return [];
+		let n = e;
+		if (typeof n.value != "string" || !n.value) return [];
+		let r = `${n.type || ""}:${n.value}`;
+		return t.has(r) ? [] : (t.add(r), [{
+			label: typeof n.label == "string" ? n.label : "",
+			value: n.value,
+			type: n.type
+		}]);
+	});
+}
+function n(e, n, r) {
+	let i = t(r).map((e) => ({
+		...e,
+		type: n || e.type
+	}));
+	return [...e.filter((e) => e.type !== n), ...i];
+}
+function r(e, t, n) {
+	return e.filter((e) => !(e.value === t && (!n || e.type === n)));
+}
+//#endregion
+export { t as normalizeSelectorOptions, r as removeSelectorOption, n as replaceSelectorOptionsForType };

package/dist/es/components/role-selector/src/role.mjs

@@ -3,169 +3,181 @@ import t from "../../pro-modal/index.mjs";
 import n from "../../icon/index.mjs";
 import { GTE_OPTIONS_URL as r, roleSelectorEmits as i, roleSelectorProps as a } from "./types.mjs";
 import o from "../../pro-dynamic-tags/index.mjs";
-import { computed as s, createVNode as c, defineComponent as l, isVNode as u, mergeProps as d, onMounted as f, ref as p, watch as m } from "vue";
-import { Checkbox as h, CheckboxGroup as g, Empty as _, FormItemRest as v, InputSearch as y, Radio as b, RadioGroup as x, Spin as S, message as C } from "ant-design-vue";
+import { computed as s, createTextVNode as c, createVNode as l, defineComponent as u, isVNode as d, mergeProps as f, onMounted as p, ref as m, watch as h } from "vue";
+import { Alert as g, Button as _, Checkbox as v, CheckboxGroup as y, Empty as b, FormItemRest as x, InputSearch as S, Radio as C, RadioGroup as w, Spin as T, message as E } from "ant-design-vue";
 //#region src/components/role-selector/src/role.tsx
-function w(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !u(e);
+function D(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
 }
-var T = e("role-selector"), E = /* @__PURE__ */ l({
+var O = e("role-selector"), k = /* @__PURE__ */ u({
 	name: "KRoleSelector",
 	props: a,
 	emits: i,
-	setup(e, { emit: i, attrs: a, slots: l }) {
-		let u = p([]), E = p(""), D = p([]), O = p([]), k = p([]), A = p(""), j = p(!1), M = p(e.options || []), N = p(!1), P = p(!1), F = (t) => t.filter((e) => e.enable !== !1).map((t) => ({
+	setup(e, { emit: i, attrs: a, slots: u }) {
+		let d = m([]), k = m(""), A = m([]), j = m([]), M = m([]), N = m(""), P = m(e.options || []), F = m(!1), I = m(!1), L = m(""), R = (t) => t.filter((e) => e.enable !== !1).map((t) => ({
 			label: t.roleName,
 			value: t[e.valueField]
-		})), I = () => {
-			let e = E.value.trim();
-			e ? D.value = M.value.filter((t) => t.label?.includes(e) || t.value?.includes(e)) : D.value = [...M.value];
-		}, L = async () => {
-			if (!(!e.isBuiltInRequest || P.value)) {
+		})), z = () => {
+			let e = k.value.trim();
+			e ? A.value = P.value.filter((t) => t.label?.includes(e) || t.value?.includes(e)) : A.value = [...P.value];
+		}, B = async () => {
+			if (!(!e.isBuiltInRequest || I.value)) {
 				if (!e.http) throw Error("请传入http实例");
-				N.value = !0;
+				F.value = !0, L.value = "";
 				try {
 					let t = await e.http.get(`${e.prefix}${r}`);
-					t.status === 0 && (M.value = F(Array.isArray(t.data) ? t.data : []), I(), P.value = !0, k.value = H(k.value), V(), R());
-				} catch (e) {
-					C.error(typeof e == "string" ? e : "获取角色列表失败");
+					t.status === 0 ? (P.value = R(Array.isArray(t.data) ? t.data : []), z(), I.value = !0, M.value = G(M.value), W(), V()) : L.value = "角色数据加载失败，请重试";
+				} catch {
+					L.value = "角色数据加载失败，请重试";
 				} finally {
-					N.value = !1;
+					F.value = !1;
 				}
 			}
 		};
-		f(() => {
-			e.isBuiltInRequest && L();
+		p(() => {
+			e.isBuiltInRequest && B();
 		});
-		let R = () => {
-			if (!j.value) {
-				A.value = "";
-				let e = [];
-				M.value.forEach((t) => {
-					Array.isArray(u.value) ? u.value.includes(t.value) && e.push(t.label) : u.value === t.value && e.push(t.label);
-				}), A.value = e.join(",");
-			}
-		}, z = () => {
+		let V = () => {
+			N.value = "";
+			let e = [];
+			P.value.forEach((t) => {
+				Array.isArray(d.value) ? d.value.includes(t.value) && e.push(t.label) : d.value === t.value && e.push(t.label);
+			}), N.value = e.join(",");
+		}, H = () => {
 			let e = [];
-			if (Array.isArray(u.value)) u.value.forEach((t) => {
-				let n = M.value.find((e) => e.value === t);
+			if (Array.isArray(d.value)) d.value.forEach((t) => {
+				let n = P.value.find((e) => e.value === t);
 				n && e.push(n);
 			});
 			else {
-				let t = M.value.find((e) => e.value === u.value);
+				let t = P.value.find((e) => e.value === d.value);
 				t && e.push(t);
 			}
-			O.value = e;
-		}, B = (e) => typeof e == "object" && !!e && "value" in e && e.value !== void 0 && e.value !== null, V = () => {
-			Array.isArray(e.modelValue) ? u.value = e.modelValue.map((e) => e.value) : e.type === "radio" ? B(e.modelValue) ? u.value = e.modelValue.value : u.value = "" : u.value = e.modelValue?.value || "";
-		}, H = (e) => e.length ? M.value.length === 0 ? e : e.map((e) => {
-			let t = M.value.find((t) => t.value === e.value);
+			j.value = e;
+		}, U = (e) => typeof e == "object" && !!e && "value" in e && e.value !== void 0 && e.value !== null, W = () => {
+			Array.isArray(e.modelValue) ? d.value = e.modelValue.map((e) => e.value) : e.type === "radio" ? U(e.modelValue) ? d.value = e.modelValue.value : d.value = "" : d.value = e.modelValue?.value || "";
+		}, G = (e) => e.length ? P.value.length === 0 ? e : e.map((e) => {
+			let t = P.value.find((t) => t.value === e.value);
 			return t ? {
 				...e,
 				label: t.label
 			} : e;
 		}) : [];
-		m(() => e.visible, (e) => {
-			V();
-		}), m(() => e.modelValue, (e) => {
-			if (j.value) j.value = !1;
-			else {
-				V(), M.value.length > 0 && R();
-				let t = [];
-				Array.isArray(e) ? t = [...e] : B(e) && (t = [e]), k.value = H(t);
-			}
+		h(() => e.visible, (e) => {
+			W(), e && H();
+		}), h(() => e.modelValue, (e) => {
+			W(), P.value.length > 0 && V();
+			let t = [];
+			Array.isArray(e) ? t = [...e] : U(e) && (t = [e]), M.value = G(t);
 		}, {
 			deep: !0,
 			immediate: !0
-		}), m(() => e.options, (t) => {
-			e.isBuiltInRequest || (M.value = t || [], D.value = t || [], k.value = H(k.value), R(), z());
+		}), h(() => e.options, (t) => {
+			e.isBuiltInRequest || (P.value = t || [], A.value = t || [], M.value = G(M.value), V(), H());
 		}, {
 			deep: !0,
 			immediate: !0
-		}), m(u, () => {
-			z();
+		}), h(d, () => {
+			H();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), m(E, () => {
-			I();
+		}), h(k, () => {
+			z();
 		});
-		let U = () => {
-			i("update:visible", !1), i("cancel");
-		}, W = () => {
-			if (e.type === "radio" && !u.value) {
-				C.warn("请选择角色");
+		let K = () => {
+			W(), H(), i("update:visible", !1), i("cancel");
+		}, q = () => {
+			if (e.type === "radio" && !d.value) {
+				E.warn("请选择角色");
 				return;
 			}
-			if (Array.isArray(u.value) && u.value.length === 0) {
-				C.warn("请选择角色");
+			if (Array.isArray(d.value) && d.value.length === 0) {
+				E.warn("请选择角色");
 				return;
 			}
-			k.value = [...O.value], Array.isArray(u.value) ? (A.value = O.value.map((e) => e.label).join(","), i("update:modelValue", O.value)) : (A.value = O.value[0]?.label || "", i("update:modelValue", O.value[0] || null)), j.value = !0, i("update:visible", !1), i("confirm", O.value);
-		}, G = (e) => {
-			Array.isArray(u.value) ? u.value = u.value.filter((t) => t !== e.value) : u.value = "";
-		}, K = s(() => k.value.map((e) => ({
+			M.value = [...j.value], Array.isArray(d.value) ? (N.value = j.value.map((e) => e.label).join(","), i("update:modelValue", j.value)) : (N.value = j.value[0]?.label || "", i("update:modelValue", j.value[0] || null)), i("update:visible", !1), i("confirm", j.value);
+		}, J = (e) => {
+			Array.isArray(d.value) ? d.value = d.value.filter((t) => t !== e.value) : d.value = "";
+		}, Y = s(() => M.value.map((e) => ({
 			label: e.label,
 			value: e.value,
 			closable: !0
-		}))), q = (e, t) => {
-			let n = k.value[t];
-			if (n) if (k.value = k.value.filter((e, n) => n !== t), G(n), Array.isArray(u.value)) {
-				let e = k.value;
-				A.value = e.map((e) => e.label).join(","), i("update:modelValue", e);
-			} else A.value = k.value[0]?.label || "", i("update:modelValue", k.value[0] || null);
-		}, J = () => {
+		}))), X = (e, t) => {
+			let n = M.value[t];
+			if (n) if (M.value = M.value.filter((e, n) => n !== t), J(n), Array.isArray(d.value)) {
+				let e = M.value;
+				N.value = e.map((e) => e.label).join(","), i("update:modelValue", e);
+			} else N.value = M.value[0]?.label || "", i("update:modelValue", M.value[0] || null);
+		}, Z = () => {
 			i("update:visible", !0);
-		}, Y = (e, t) => c("div", { class: [T.e("role-item"), t && T.is("active")] }, [c("div", { class: T.e("role-item-label") }, [c(n, {
+		}, Q = (e, t) => l("div", { class: [O.e("role-item"), t && O.is("active")] }, [l("div", { class: O.e("role-item-label") }, [l(n, {
 			name: "a-jiaoseguanli2",
 			size: 18,
 			color: "var(--gdant-neutral-600)"
-		}, null), c("span", { class: T.e("label") }, [e.label], 2)], 2), c("div", {
-			class: T.e("role-item-del"),
-			onClick: () => G(e)
-		}, [t && c(n, {
+		}, null), l("span", { class: O.e("label") }, [e.label], 2)], 2), l("div", { class: O.e("role-item-del") }, [t && l("button", {
+			type: "button",
+			"aria-label": `移除${e.label || "角色"}`,
+			onClick: () => J(e)
+		}, [l(n, {
 			name: "shanchu",
-			size: 18,
-			color: "var(--gdant-neutral-600)"
-		}, null)], 10, ["onClick"])], 2), X = () => c("div", { class: T.b("left") }, [c(y, {
-			allowClear: !0,
-			placeholder: "请输入角色名称",
-			value: E.value,
-			"onUpdate:value": (e) => E.value = e
-		}, null, 8, [
-			"allowClear",
-			"value",
-			"onUpdate:value"
-		]), c(S, { spinning: N.value }, { default: () => [c("div", { class: T.e("role-list") }, [!N.value && D.value.length === 0 && c(_, {
+			size: 16
+		}, null)], 8, ["aria-label", "onClick"])], 2)], 2), $ = () => l("div", { class: O.b("left") }, [
+			l(S, {
+				allowClear: !0,
+				placeholder: "搜索角色",
+				value: k.value,
+				"onUpdate:value": (e) => k.value = e
+			}, null, 8, [
+				"allowClear",
+				"value",
+				"onUpdate:value"
+			]),
+			L.value && l(g, {
+				class: O.e("feedback"),
+				type: "error",
+				showIcon: !0,
+				message: L.value
+			}, { action: () => l(_, {
+				type: "link",
+				size: "small",
+				onClick: B
+			}, { default: () => [c("重试")] }, 8, ["onClick"]) }, 8, [
+				"class",
+				"showIcon",
+				"message"
+			]),
+			l(T, { spinning: F.value }, { default: () => [l("div", { class: O.e("role-list") }, [!F.value && !L.value && A.value.length === 0 && l(b, {
+				description: "暂无角色",
+				image: b.PRESENTED_IMAGE_SIMPLE
+			}, null, 8, ["image"]), e.type === "radio" ? l(w, {
+				value: d.value,
+				"onUpdate:value": (e) => d.value = e
+			}, { default: () => [l("div", { style: "width: 100%;" }, [A.value.map((e) => {
+				let t;
+				return l("div", { key: e.value }, [l(C, { value: e.value }, D(t = Q(e)) ? t : {
+					default: () => [t],
+					_: 1
+				}, 8, ["value"])]);
+			})])] }, 8, ["value", "onUpdate:value"]) : l(y, {
+				value: d.value,
+				"onUpdate:value": (e) => d.value = e
+			}, { default: () => [l("div", { style: "width: 100%;" }, [A.value.map((e) => {
+				let t;
+				return l("div", { key: e.value }, [l(v, { value: e.value }, D(t = Q(e)) ? t : {
+					default: () => [t],
+					_: 1
+				}, 8, ["value"])]);
+			})])] }, 8, ["value", "onUpdate:value"])], 2)] }, 8, ["spinning"])
+		], 2), ee = () => l("div", { class: O.b("right") }, [j.value.map((e) => l("div", { key: e.value }, [Q(e, !0)])), j.value.length === 0 && l(b, {
 			description: "暂无数据",
-			image: _.PRESENTED_IMAGE_SIMPLE
-		}, null, 8, ["image"]), e.type === "radio" ? c(x, {
-			value: u.value,
-			"onUpdate:value": (e) => u.value = e
-		}, { default: () => [c("div", { style: "width: 100%;" }, [D.value.map((e) => {
-			let t;
-			return c("div", { key: e.value }, [c(b, { value: e.value }, w(t = Y(e)) ? t : {
-				default: () => [t],
-				_: 1
-			}, 8, ["value"])]);
-		})])] }, 8, ["value", "onUpdate:value"]) : c(g, {
-			value: u.value,
-			"onUpdate:value": (e) => u.value = e
-		}, { default: () => [c("div", { style: "width: 100%;" }, [D.value.map((e) => {
-			let t;
-			return c("div", { key: e.value }, [c(h, { value: e.value }, w(t = Y(e)) ? t : {
-				default: () => [t],
-				_: 1
-			}, 8, ["value"])]);
-		})])] }, 8, ["value", "onUpdate:value"])], 2)] }, 8, ["spinning"])], 2), Z = () => c("div", { class: T.b("right") }, [O.value.map((e) => c("div", { key: e.value }, [Y(e, !0)])), O.value.length === 0 && c(_, {
-			description: "暂无数据",
-			image: _.PRESENTED_IMAGE_SIMPLE
-		}, null, 8, ["image"])], 2), Q = () => {
+			image: b.PRESENTED_IMAGE_SIMPLE
+		}, null, 8, ["image"])], 2), te = () => {
 			let n = {
-				onOnCancel: U,
-				onOnConfirm: W
+				onOnCancel: K,
+				onOnConfirm: q
 			};
-			return c("div", null, [c(t, d({
+			return l("div", null, [l(t, f({
 				modelValue: e.visible,
 				title: "选择角色",
 				modalProps: {
@@ -174,20 +186,22 @@ var T = e("role-selector"), E = /* @__PURE__ */ l({
 					width: "700px",
 					...a
 				},
-				"onUpdate:modelValue": (e) => i("update:visible", e)
-			}, n), { default: () => [c("div", { class: T.b("modal") }, [X(), Z()], 2)] }, 16, [
+				"onUpdate:modelValue": (e) => {
+					e || (W(), H()), i("update:visible", e);
+				}
+			}, n), { default: () => [l("div", { class: O.b("modal") }, [$(), ee()], 2)] }, 16, [
 				"modelValue",
 				"modalProps",
 				"onUpdate:modelValue"
 			])]);
 		};
-		return () => c(v, null, { default: () => [c("div", { class: T.b() }, [e.hideSlot ? null : l.default ? l.default() : c(o, {
-			modelValue: K.value,
+		return () => l(x, null, { default: () => [l("div", { class: O.b() }, [e.hideSlot ? null : u.default ? u.default() : l(o, {
+			modelValue: Y.value,
 			showAdd: !0,
 			addText: "选择角色",
 			closable: !0,
-			onClose: q,
-			onAdd: J,
+			onClose: X,
+			onAdd: Z,
 			customStyle: {
 				width: "100%",
 				minHeight: "30px"
@@ -196,8 +210,8 @@ var T = e("role-selector"), E = /* @__PURE__ */ l({
 			"modelValue",
 			"onClose",
 			"onAdd"
-		]), Q()], 2)] });
+		]), te()], 2)] });
 	}
 });
 //#endregion
-export { E as default };
+export { k as default };