@guodun/antdv 1.6.1 → 1.6.3

package/dist/es/components/selector-core/components/SelectorDialog.vue.mjs

@@ -1,30 +1,31 @@
 import e from "../../pro-modal/src/ProModal.mjs";
 import t from "../../icon/src/icon.mjs";
-import { cloneEntities as n, entityKey as r, flattenDepartments as i, selectionLimit as a, selectorLabels as o, toggleEntity as ee, toggleVisible as s } from "../model.mjs";
-import { useSelectorData as te } from "../useSelectorData.mjs";
-import ne from "./DepartmentTree.mjs";
-import re from "./PeoplePane.mjs";
-import ie from "./RolePane.mjs";
-import ae from "./SelectionSummary.mjs";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, nextTick as oe, normalizeClass as v, openBlock as y, ref as b, renderList as se, toDisplayString as x, unref as S, useModel as ce, watch as C, withCtx as w } from "vue";
-import { Button as T } from "ant-design-vue";
+import { cloneEntities as n, entityKey as r, flattenDepartments as i, selectionLimit as ee, selectorLabels as a, toggleEntity as te, toggleVisible as o } from "../model.mjs";
+import { DEFAULT_SELECTION_ACTIVE_COLOR as s, createSelectionTheme as ne } from "../selection-theme.mjs";
+import { useSelectorData as re } from "../useSelectorData.mjs";
+import ie from "./DepartmentTree.mjs";
+import ae from "./PeoplePane.mjs";
+import oe from "./RolePane.mjs";
+import se from "./SelectionSummary.mjs";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, nextTick as ce, normalizeClass as v, openBlock as y, ref as b, renderList as le, toDisplayString as x, unref as S, useModel as ue, watch as C, withCtx as w } from "vue";
+import { Button as T, ConfigProvider as de } from "ant-design-vue";
 //#region src/components/selector-core/components/SelectorDialog.vue?vue&type=script&setup=true&lang.ts
-var le = { class: "gd-ant-selector__dialog-root" }, ue = {
+var fe = { class: "gd-ant-selector__dialog-root" }, pe = {
 	key: 0,
 	class: "gd-ant-selector__variant-toolbar",
 	"aria-label": "用户方案比较"
-}, de = { class: "gd-ant-selector__segmented" }, fe = ["aria-pressed"], pe = ["aria-pressed"], me = {
+}, me = { class: "gd-ant-selector__segmented" }, he = ["aria-pressed"], ge = ["aria-pressed"], _e = {
 	key: 1,
 	class: "gd-ant-selector__tabs",
 	role: "tablist",
 	"aria-label": "选择对象类型"
-}, he = [
+}, ve = [
 	"id",
 	"aria-selected",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], ge = ["role", "aria-labelledby"], _e = { class: "gd-ant-selector__footer" }, ve = ["role"], ye = { class: "gd-ant-selector__footer-actions" }, be = { key: 0 }, E = /* @__PURE__ */ g({
+], ye = ["role", "aria-labelledby"], be = { class: "gd-ant-selector__footer" }, xe = ["role"], Se = { class: "gd-ant-selector__footer-actions" }, Ce = { key: 0 }, E = /* @__PURE__ */ g({
 	__name: "SelectorDialog",
 	props: /* @__PURE__ */ _({
 		mode: {},
@@ -49,6 +50,7 @@ var le = { class: "gd-ant-selector__dialog-root" }, ue = {
 			default: !1
 		},
 		valueField: { default: "roleKey" },
+		activeColor: { default: s },
 		modalProps: { default: () => ({}) }
 	}, {
 		open: {
@@ -63,99 +65,99 @@ var le = { class: "gd-ant-selector__dialog-root" }, ue = {
 		"cancel",
 		"changeTab"
 	], ["update:open"]),
-	setup(g, { emit: _ }) {
-		let E = ce(g, "open"), D = g, O = _;
-		function k(e = D.selected) {
+	setup(s, { emit: g }) {
+		let _ = ue(s, "open"), E = s, D = g;
+		function O(e = E.selected) {
 			let t = n(e);
-			return D.mode === "group" && D.isSingle ? t.filter((e) => e.type === (D.initialTab || "dept")) : t;
+			return E.mode === "group" && E.isSingle ? t.filter((e) => e.type === (E.initialTab || "dept")) : t;
 		}
-		let A = b(k()), j = b(D.variant), M = b(D.mode === "group" ? D.initialTab : D.mode), N = b(""), P = b(""), F = te({
-			mode: D.mode,
+		let k = b(O()), A = b(E.variant), j = b(E.mode === "group" ? E.initialTab : E.mode), M = b(""), N = b(""), P = re({
+			mode: E.mode,
 			get http() {
-				return D.http;
+				return E.http;
 			},
 			get prefix() {
-				return D.prefix;
+				return E.prefix;
 			},
 			get isBuiltInRequest() {
-				return D.isBuiltInRequest;
+				return E.isBuiltInRequest;
 			},
-			initData: () => D.initData?.(),
-			treeData: () => D.treeData || [],
-			roleOptions: () => D.roleOptions || [],
-			fieldNames: () => D.fieldNames,
-			valueField: () => D.valueField
-		}), { departments: I, roles: L, members: R, treeLoading: z, roleLoading: xe, memberLoading: Se, treeError: B, roleError: Ce, memberError: we } = F, V = l(() => a({
-			mode: D.mode,
-			selection: D.selection,
-			maxCount: D.maxCount
-		})), H = l(() => D.mode === "group"), U = l(() => D.mode !== "group" && D.selection === "radio"), W = l(() => M.value === "user" && (H.value || j.value === "B")), Te = l(() => H.value ? "选择部门、角色与用户" : D.title || `选择${o[M.value]}`), G = l(() => H.value && !D.isSingle ? [
+			initData: () => E.initData?.(),
+			treeData: () => E.treeData || [],
+			roleOptions: () => E.roleOptions || [],
+			fieldNames: () => E.fieldNames,
+			valueField: () => E.valueField
+		}), { departments: F, roles: I, members: L, treeLoading: R, roleLoading: z, memberLoading: we, treeError: B, roleError: Te, memberError: Ee } = P, V = l(() => ee({
+			mode: E.mode,
+			selection: E.selection,
+			maxCount: E.maxCount
+		})), H = l(() => E.mode === "group"), U = l(() => E.mode !== "group" && E.selection === "radio"), W = l(() => j.value === "user" && (H.value || A.value === "B")), De = l(() => H.value ? "选择部门、角色与用户" : E.title || `选择${a[j.value]}`), G = l(() => H.value && !E.isSingle ? [
 			"dept",
 			"role",
 			"user"
-		] : [M.value]), Ee = l(() => H.value || W.value ? 1040 : D.mode === "user" ? 880 : D.mode === "dept" ? 800 : 760);
-		async function De(e) {
+		] : [j.value]), Oe = l(() => H.value || W.value ? 1040 : E.mode === "user" ? 880 : E.mode === "dept" ? 800 : 760), K = l(() => ne(E.activeColor));
+		async function ke(e) {
 			if (e === "role") {
-				await F.loadRoles();
+				await P.loadRoles();
 				return;
 			}
-			await F.loadTree(), e === "user" && (H.value || j.value === "B") && !N.value && (N.value = I.value[0]?.key || "");
+			await P.loadTree(), e === "user" && (H.value || A.value === "B") && !M.value && (M.value = F.value[0]?.key || "");
 		}
-		C([M, E], ([e, t]) => {
-			t && De(e);
+		C([j, _], ([e, t]) => {
+			t && ke(e);
 		}, { immediate: !0 }), C([
-			N,
 			M,
-			E
+			j,
+			_
 		], ([e, t, n]) => {
-			n && H.value && t === "user" && F.loadMembers(e);
-		}), C(() => D.variant, (e) => {
-			j.value = e;
+			n && H.value && t === "user" && P.loadMembers(e);
+		}), C(() => E.variant, (e) => {
+			A.value = e;
 		}), C(() => [
-			D.http,
-			D.prefix,
-			D.isBuiltInRequest
+			E.http,
+			E.prefix,
+			E.isBuiltInRequest
 		], () => {
-			F.reset();
+			P.reset();
 		});
-		function K(e) {
-			j.value !== e && (j.value = e, O("update:variant", e), e === "B" && !N.value && (N.value = I.value[0]?.key || ""));
+		function q(e) {
+			A.value !== e && (A.value = e, D("update:variant", e), e === "B" && !M.value && (M.value = F.value[0]?.key || ""));
 		}
-		C(() => D.treeData, () => {
-			D.mode === "dept" && !D.isBuiltInRequest && F.loadTree(!0);
-		}, { deep: !0 }), C(() => D.roleOptions, () => {
-			D.mode === "role" && !D.isBuiltInRequest && F.loadRoles(!0);
-		}, { deep: !0 }), C(() => D.selected, (e) => {
-			E.value || (A.value = k(e));
+		C(() => E.treeData, () => {
+			E.mode === "dept" && !E.isBuiltInRequest && P.loadTree(!0);
+		}, { deep: !0 }), C(() => E.roleOptions, () => {
+			E.mode === "role" && !E.isBuiltInRequest && P.loadRoles(!0);
+		}, { deep: !0 }), C(() => E.selected, (e) => {
+			_.value || (k.value = O(e));
 		}, {
 			deep: !0,
 			immediate: !0
-		}), C(E, (e) => {
-			e ? (j.value = D.variant, A.value = k(), M.value = D.mode === "group" ? D.initialTab : D.mode, N.value = "", P.value = "") : (A.value = k(), P.value = "");
+		}), C(_, (e) => {
+			e ? (A.value = E.variant, k.value = O(), j.value = E.mode === "group" ? E.initialTab : E.mode, M.value = "", N.value = "") : (k.value = O(), N.value = "");
 		}, { immediate: !0 });
-		async function q() {
-			await F.loadTree(!0), !N.value && (H.value || j.value === "B") && (N.value = I.value[0]?.key || "");
-		}
-		function J(e) {
-			A.value = ee(A.value, e, {
-				mode: D.mode,
-				selection: D.selection,
-				maxCount: D.maxCount
-			}), P.value = "";
+		async function J() {
+			await P.loadTree(!0), !M.value && (H.value || A.value === "B") && (M.value = F.value[0]?.key || "");
 		}
 		function Y(e) {
-			A.value = A.value.filter((t) => r(t) !== r(e)), P.value = "";
+			k.value = te(k.value, e, {
+				mode: E.mode,
+				selection: E.selection,
+				maxCount: E.maxCount
+			}), N.value = "";
+		}
+		function Ae(e) {
+			k.value = k.value.filter((t) => r(t) !== r(e)), N.value = "";
 		}
-		function Oe(e) {
-			A.value = e ? A.value.filter((t) => t.type !== e) : [], P.value = "";
+		function je(e) {
+			k.value = e ? k.value.filter((t) => t.type !== e) : [], N.value = "";
 		}
-		let ke = l(() => [
-			...i(I.value).map((e) => e.entity),
+		let Me = l(() => [
+			...i(F.value).map((e) => e.entity),
+			...I.value,
 			...L.value,
-			...R.value,
-			...i(I.value).flatMap((e) => e.members)
-		]), X = l(() => A.value.map((e) => {
-			let t = ke.value.find((t) => r(t) === r(e));
+			...i(F.value).flatMap((e) => e.members)
+		]), X = l(() => k.value.map((e) => {
+			let t = Me.value.find((t) => r(t) === r(e));
 			return t ? {
 				...t,
 				...e,
@@ -165,20 +167,20 @@ var le = { class: "gd-ant-selector__dialog-root" }, ue = {
 			} : e;
 		}));
 		function Z() {
-			let e = D.mode === "group" && D.isSingle ? X.value.filter((e) => e.type === (D.initialTab || "dept")) : X.value;
-			if (!e.length && D.mode !== "group") {
-				P.value = `请至少选择一项${o[M.value]}`;
+			let e = E.mode === "group" && E.isSingle ? X.value.filter((e) => e.type === (E.initialTab || "dept")) : X.value;
+			if (!e.length && E.mode !== "group") {
+				N.value = `请至少选择一项${a[j.value]}`;
 				return;
 			}
-			O("confirm", n(e)), E.value = !1;
+			D("confirm", n(e)), _.value = !1;
 		}
 		function Q() {
-			A.value = k(), O("cancel"), E.value = !1;
+			k.value = O(), D("cancel"), _.value = !1;
 		}
 		function $(e) {
-			M.value !== e && (M.value = e, O("changeTab", e));
+			j.value !== e && (j.value = e, D("changeTab", e));
 		}
-		async function Ae(e, t) {
+		async function Ne(e, t) {
 			let n = t;
 			if (e.key === "ArrowRight") n = (t + 1) % G.value.length;
 			else if (e.key === "ArrowLeft") n = (t - 1 + G.value.length) % G.value.length;
@@ -186,168 +188,175 @@ var le = { class: "gd-ant-selector__dialog-root" }, ue = {
 			else if (e.key === "End") n = G.value.length - 1;
 			else return;
 			let r = e.currentTarget.parentElement;
-			e.preventDefault(), $(G.value[n]), await oe(), r?.querySelector("[aria-selected=\"true\"]")?.focus();
+			e.preventDefault(), $(G.value[n]), await ce(), r?.querySelector("[aria-selected=\"true\"]")?.focus();
 		}
-		let je = l(() => {
-			let { class: e, ...t } = D.modalProps || {}, n = Array.isArray(e) ? e : e ? [e] : [];
+		let Pe = l(() => {
+			let { class: e, style: t, ...n } = E.modalProps || {}, r = Array.isArray(e) ? e : e ? [e] : [], i = typeof t == "string" ? `${t};${Object.entries(K.value.style).map(([e, t]) => `${e}:${t}`).join(";")}` : {
+				...t || {},
+				...K.value.style
+			};
 			return {
-				width: `min(${Ee.value}px, calc(100vw - 32px))`,
+				width: `min(${Oe.value}px, calc(100vw - 32px))`,
 				centered: !0,
 				destroyOnClose: !0,
-				...t,
-				class: ["gd-ant-selector-modal", ...n].filter(Boolean).join(" ")
+				...n,
+				class: ["gd-ant-selector-modal", ...r].filter(Boolean).join(" "),
+				style: i
 			};
 		});
-		return (n, r) => (y(), u(e, {
-			modelValue: E.value,
-			"onUpdate:modelValue": r[7] ||= (e) => E.value = e,
-			title: Te.value,
-			"modal-props": je.value,
-			onOnCancel: Q,
-			onOnConfirm: Z
-		}, {
-			footer: w(() => [p("div", _e, [p("span", {
-				class: v(["gd-ant-selector__footer-status", { "gd-ant-selector__footer-status--warning": P.value || Number.isFinite(V.value) && A.value.length >= V.value && !U.value }]),
-				role: P.value ? "alert" : "status"
-			}, [P.value ? (y(), f(c, { key: 0 }, [m(x(P.value), 1)], 64)) : !U.value && Number.isFinite(V.value) && A.value.length >= V.value ? (y(), f(c, { key: 1 }, [m("已达 " + x(V.value) + " 人上限，取消已选后可继续选择", 1)], 64)) : (y(), f(c, { key: 2 }, [h(t, {
-				name: "carry-out",
-				size: 14,
-				"aria-hidden": "true"
-			}), m(" " + x(A.value.length ? `已选择 ${A.value.length} 项` : U.value ? "请选择一项" : "选择完成后点击确认"), 1)], 64))], 10, ve), p("div", ye, [h(S(T), { onClick: Q }, {
-				default: w(() => [...r[9] ||= [m("取消", -1)]]),
-				_: 1
-			}), h(S(T), {
-				type: "primary",
-				onClick: Z
+		return (n, r) => (y(), u(S(de), { theme: K.value.config }, {
+			default: w(() => [h(e, {
+				modelValue: _.value,
+				"onUpdate:modelValue": r[7] ||= (e) => _.value = e,
+				title: De.value,
+				"modal-props": Pe.value,
+				onOnCancel: Q,
+				onOnConfirm: Z
 			}, {
-				default: w(() => [r[10] ||= m(" 确认选择", -1), A.value.length ? (y(), f("span", be, "（" + x(A.value.length) + "）", 1)) : d("", !0)]),
+				footer: w(() => [p("div", be, [p("span", {
+					class: v(["gd-ant-selector__footer-status", { "gd-ant-selector__footer-status--warning": N.value || Number.isFinite(V.value) && k.value.length >= V.value && !U.value }]),
+					role: N.value ? "alert" : "status"
+				}, [N.value ? (y(), f(c, { key: 0 }, [m(x(N.value), 1)], 64)) : !U.value && Number.isFinite(V.value) && k.value.length >= V.value ? (y(), f(c, { key: 1 }, [m("已达 " + x(V.value) + " 人上限，取消已选后可继续选择", 1)], 64)) : (y(), f(c, { key: 2 }, [h(t, {
+					name: "carry-out",
+					size: 14,
+					"aria-hidden": "true"
+				}), m(" " + x(k.value.length ? `已选择 ${k.value.length} 项` : U.value ? "请选择一项" : "选择完成后点击确认"), 1)], 64))], 10, xe), p("div", Se, [h(S(T), { onClick: Q }, {
+					default: w(() => [...r[9] ||= [m("取消", -1)]]),
+					_: 1
+				}), h(S(T), {
+					type: "primary",
+					onClick: Z
+				}, {
+					default: w(() => [r[10] ||= m(" 确认选择", -1), k.value.length ? (y(), f("span", Ce, "（" + x(k.value.length) + "）", 1)) : d("", !0)]),
+					_: 1
+				})])])]),
+				default: w(() => [p("div", fe, [
+					s.mode === "user" ? (y(), f("div", pe, [r[8] ||= p("span", null, [m("方案比较 "), p("small", null, "切换保留本次选择")], -1), p("div", me, [p("button", {
+						type: "button",
+						"aria-pressed": A.value === "A",
+						onClick: r[0] ||= (e) => q("A")
+					}, "A · 逐级浏览", 8, he), p("button", {
+						type: "button",
+						"aria-pressed": A.value === "B",
+						onClick: r[1] ||= (e) => q("B")
+					}, "B · 通讯录", 8, ge)])])) : d("", !0),
+					H.value ? (y(), f("div", _e, [(y(!0), f(c, null, le(G.value, (e, n) => (y(), f("button", {
+						id: `gd-ant-selector-tab-${e}`,
+						key: e,
+						type: "button",
+						role: "tab",
+						"aria-selected": j.value === e,
+						tabindex: j.value === e ? 0 : -1,
+						"aria-controls": "gd-ant-selector-panel",
+						onClick: (t) => $(e),
+						onKeydown: (e) => Ne(e, n)
+					}, [
+						h(t, {
+							name: e === "dept" ? "bumen" : e === "role" ? "a-jiaoseguanli2" : "zuzhijiagou",
+							size: 16,
+							"aria-hidden": "true"
+						}, null, 8, ["name"]),
+						m(" " + x(S(a)[e]) + " ", 1),
+						p("span", null, x(k.value.filter((t) => t.type === e).length), 1)
+					], 40, ve))), 128))])) : d("", !0),
+					p("div", { class: v(["gd-ant-selector__dialog-layout", { "gd-ant-selector__dialog-layout--three": W.value }]) }, [p("div", {
+						id: "gd-ant-selector-panel",
+						class: "gd-ant-selector__candidates",
+						role: H.value ? "tabpanel" : void 0,
+						"aria-labelledby": H.value ? `gd-ant-selector-tab-${j.value}` : void 0
+					}, [j.value === "user" ? (y(), u(ae, {
+						key: 0,
+						nodes: S(F),
+						variant: H.value ? "B" : A.value,
+						active: M.value,
+						selected: k.value,
+						limit: V.value,
+						radio: U.value,
+						group: H.value,
+						members: S(L),
+						loading: H.value ? S(we) : S(R),
+						"tree-loading": S(R),
+						error: H.value ? S(Ee) : S(B),
+						"tree-error": S(B),
+						onNavigate: r[2] ||= (e) => M.value = e,
+						onToggle: Y,
+						onBulk: r[3] ||= (e) => k.value = S(o)(k.value, e, {
+							mode: s.mode,
+							selection: s.selection,
+							maxCount: s.maxCount
+						}),
+						onRetry: r[4] ||= (e) => H.value ? S(P).loadMembers(M.value, !0) : J(),
+						onRetryTree: J
+					}, null, 8, [
+						"nodes",
+						"variant",
+						"active",
+						"selected",
+						"limit",
+						"radio",
+						"group",
+						"members",
+						"loading",
+						"tree-loading",
+						"error",
+						"tree-error"
+					])) : j.value === "dept" ? (y(), u(ie, {
+						key: 1,
+						nodes: S(F),
+						selected: k.value,
+						radio: U.value,
+						loading: S(R),
+						error: S(B),
+						onToggle: Y,
+						onRetry: J
+					}, null, 8, [
+						"nodes",
+						"selected",
+						"radio",
+						"loading",
+						"error"
+					])) : (y(), u(oe, {
+						key: 2,
+						roles: S(I),
+						selected: k.value,
+						radio: U.value,
+						group: H.value,
+						loading: S(z),
+						error: S(Te),
+						onToggle: Y,
+						onBulk: r[5] ||= (e) => k.value = S(o)(k.value, e, {
+							mode: s.mode,
+							selection: s.selection,
+							maxCount: s.maxCount
+						}),
+						onRetry: r[6] ||= (e) => S(P).loadRoles(!0)
+					}, null, 8, [
+						"roles",
+						"selected",
+						"radio",
+						"group",
+						"loading",
+						"error"
+					]))], 8, ye), h(se, {
+						selected: X.value,
+						limit: V.value,
+						grouped: H.value,
+						onRemove: Ae,
+						onClear: je
+					}, null, 8, [
+						"selected",
+						"limit",
+						"grouped"
+					])], 2)
+				])]),
 				_: 1
-			})])])]),
-			default: w(() => [p("div", le, [
-				g.mode === "user" ? (y(), f("div", ue, [r[8] ||= p("span", null, [m("方案比较 "), p("small", null, "切换保留本次选择")], -1), p("div", de, [p("button", {
-					type: "button",
-					"aria-pressed": j.value === "A",
-					onClick: r[0] ||= (e) => K("A")
-				}, "A · 逐级浏览", 8, fe), p("button", {
-					type: "button",
-					"aria-pressed": j.value === "B",
-					onClick: r[1] ||= (e) => K("B")
-				}, "B · 通讯录", 8, pe)])])) : d("", !0),
-				H.value ? (y(), f("div", me, [(y(!0), f(c, null, se(G.value, (e, n) => (y(), f("button", {
-					id: `gd-ant-selector-tab-${e}`,
-					key: e,
-					type: "button",
-					role: "tab",
-					"aria-selected": M.value === e,
-					tabindex: M.value === e ? 0 : -1,
-					"aria-controls": "gd-ant-selector-panel",
-					onClick: (t) => $(e),
-					onKeydown: (e) => Ae(e, n)
-				}, [
-					h(t, {
-						name: e === "dept" ? "bumen" : e === "role" ? "a-jiaoseguanli2" : "zuzhijiagou",
-						size: 16,
-						"aria-hidden": "true"
-					}, null, 8, ["name"]),
-					m(" " + x(S(o)[e]) + " ", 1),
-					p("span", null, x(A.value.filter((t) => t.type === e).length), 1)
-				], 40, he))), 128))])) : d("", !0),
-				p("div", { class: v(["gd-ant-selector__dialog-layout", { "gd-ant-selector__dialog-layout--three": W.value }]) }, [p("div", {
-					id: "gd-ant-selector-panel",
-					class: "gd-ant-selector__candidates",
-					role: H.value ? "tabpanel" : void 0,
-					"aria-labelledby": H.value ? `gd-ant-selector-tab-${M.value}` : void 0
-				}, [M.value === "user" ? (y(), u(re, {
-					key: 0,
-					nodes: S(I),
-					variant: H.value ? "B" : j.value,
-					active: N.value,
-					selected: A.value,
-					limit: V.value,
-					radio: U.value,
-					group: H.value,
-					members: S(R),
-					loading: H.value ? S(Se) : S(z),
-					"tree-loading": S(z),
-					error: H.value ? S(we) : S(B),
-					"tree-error": S(B),
-					onNavigate: r[2] ||= (e) => N.value = e,
-					onToggle: J,
-					onBulk: r[3] ||= (e) => A.value = S(s)(A.value, e, {
-						mode: g.mode,
-						selection: g.selection,
-						maxCount: g.maxCount
-					}),
-					onRetry: r[4] ||= (e) => H.value ? S(F).loadMembers(N.value, !0) : q(),
-					onRetryTree: q
-				}, null, 8, [
-					"nodes",
-					"variant",
-					"active",
-					"selected",
-					"limit",
-					"radio",
-					"group",
-					"members",
-					"loading",
-					"tree-loading",
-					"error",
-					"tree-error"
-				])) : M.value === "dept" ? (y(), u(ne, {
-					key: 1,
-					nodes: S(I),
-					selected: A.value,
-					radio: U.value,
-					loading: S(z),
-					error: S(B),
-					onToggle: J,
-					onRetry: q
-				}, null, 8, [
-					"nodes",
-					"selected",
-					"radio",
-					"loading",
-					"error"
-				])) : (y(), u(ie, {
-					key: 2,
-					roles: S(L),
-					selected: A.value,
-					radio: U.value,
-					group: H.value,
-					loading: S(xe),
-					error: S(Ce),
-					onToggle: J,
-					onBulk: r[5] ||= (e) => A.value = S(s)(A.value, e, {
-						mode: g.mode,
-						selection: g.selection,
-						maxCount: g.maxCount
-					}),
-					onRetry: r[6] ||= (e) => S(F).loadRoles(!0)
-				}, null, 8, [
-					"roles",
-					"selected",
-					"radio",
-					"group",
-					"loading",
-					"error"
-				]))], 8, ge), h(ae, {
-					selected: X.value,
-					limit: V.value,
-					grouped: H.value,
-					onRemove: Y,
-					onClear: Oe
-				}, null, 8, [
-					"selected",
-					"limit",
-					"grouped"
-				])], 2)
+			}, 8, [
+				"modelValue",
+				"title",
+				"modal-props"
 			])]),
 			_: 1
-		}, 8, [
-			"modelValue",
-			"title",
-			"modal-props"
-		]));
+		}, 8, ["theme"]));
 	}
 });
 //#endregion

package/dist/es/components/selector-core/selection-theme.mjs

@@ -0,0 +1,35 @@
+import { generatePalette as e } from "../../hooks/setup-theme.mjs";
+//#region src/components/selector-core/selection-theme.ts
+var t = "#1161ff", n = [
+	"50",
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"600",
+	"700",
+	"800",
+	"900"
+], r = {
+	50: "#f4f9ff",
+	100: "#e9f1f6",
+	200: "#bcd7ff",
+	300: "#7fb0ff",
+	400: "#3b87ff",
+	500: t,
+	600: "#0d4ed1",
+	700: "#0a3da5",
+	800: "#082c79",
+	900: "#05204d"
+};
+function i(t) {
+	let i = t?.trim(), a = i ? e(i) : r, o = n.every((e) => !!a[e]), s = a[500]?.toLowerCase(), c = o && s !== "#1161ff" ? a : r, l = c[500];
+	return {
+		color: l,
+		style: Object.fromEntries(n.map((e) => [`--gd-selection-primary-${e}`, c[e]])),
+		config: { token: { colorPrimary: l } }
+	};
+}
+//#endregion
+export { t as DEFAULT_SELECTION_ACTIVE_COLOR, i as createSelectionTheme };

package/dist/lib/components/dept-selector/src/DeptSelector.vue.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../pro-dynamic-tags/src/index.cjs`),t=require(`../../selector-core/model.cjs`),n=require(`../../selector-core/components/SelectorDialog.cjs`),r=require(`./types.cjs`);let i=require(`vue`),a=require(`ant-design-vue`);var o={class:`gd-ant-dept-selector`},s=(0,i.defineComponent)({name:`KDeptSelector`,__name:`DeptSelector`,props:r.deptSelectorProps,emits:r.deptSelectorEmits,setup(r,{emit:s}){let c=r,l=s,u=(0,i.useAttrs)(),d=(0,i.computed)(()=>c.isBuiltInRequest?t.defaultFieldNames:c.fieldNames),f=(0,i.computed)(()=>(Array.isArray(c.modelValue)?c.modelValue:c.modelValue?[c.modelValue]:[]).map(e=>({type:`dept`,value:t.text(e[d.value.key]),label:t.text(e[d.value.title]),raw:e})).filter(e=>e.value)),p=(0,i.computed)(()=>f.value.map(e=>({label:e.label,value:e.value,closable:!0}))),m=(0,i.computed)(()=>{let{modalProps:e,...t}=u;return{cancelText:`取消`,okText:`确定`,...t,...e||{}}});function h(e){l(`update:visible`,e===!0)}function g(e){let{values:n,confirm:r}=t.serializeDepartments(e,d.value),i=c.type===`radio`?n[0]||null:n;l(`update:visible`,!1),l(`update:modelValue`,i),l(`confirm`,r)}function _(){l(`update:visible`,!1),l(`cancel`)}function v(e){if(c.type===`radio`){l(`update:modelValue`,null);return}l(`update:modelValue`,(Array.isArray(c.modelValue)?c.modelValue:[]).filter(t=>String(t[d.value.key])!==e))}return(t,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.FormItemRest),null,{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,o,[c.hideSlot?(0,i.createCommentVNode)(``,!0):(0,i.renderSlot)(t.$slots,`default`,{key:0},()=>[(0,i.createVNode)(e.default,{"model-value":p.value,"max-count":c.maxVisibleCount,"show-add":``,"add-text":`选择部门`,"custom-class":`selector-tags`,closable:``,onAdd:r[0]||=e=>l(`update:visible`,!0),onClose:r[1]||=e=>v(String(e.value))},null,8,[`model-value`,`max-count`])]),(0,i.createVNode)(n.default,{open:c.visible,mode:`dept`,selected:f.value,selection:c.type,title:`选择部门`,"tree-data":c.treeData,"field-names":d.value,http:c.http,prefix:c.prefix,"is-built-in-request":c.isBuiltInRequest,"modal-props":m.value,"onUpdate:open":h,onConfirm:g,onCancel:_},null,8,[`open`,`selected`,`selection`,`tree-data`,`field-names`,`http`,`prefix`,`is-built-in-request`,`modal-props`])])]),_:3}))}});exports.default=s;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../selector-core/model.cjs`),t=require(`../../selector-core/selection-theme.cjs`),n=require(`../../selector-core/components/SelectorDialog.cjs`),r=require(`../../selector-core/components/SelectionChips.cjs`),i=require(`./types.cjs`);let a=require(`vue`),o=require(`ant-design-vue`);var s=(0,a.defineComponent)({name:`KDeptSelector`,__name:`DeptSelector`,props:i.deptSelectorProps,emits:i.deptSelectorEmits,setup(i,{emit:s}){let c=i,l=s,u=(0,a.useAttrs)(),d=(0,a.computed)(()=>t.createSelectionTheme(c.activeColor)),f=(0,a.computed)(()=>c.isBuiltInRequest?e.defaultFieldNames:c.fieldNames),p=(0,a.computed)(()=>(Array.isArray(c.modelValue)?c.modelValue:c.modelValue?[c.modelValue]:[]).map(t=>({type:`dept`,value:e.text(t[f.value.key]),label:e.text(t[f.value.title]),raw:t})).filter(e=>e.value)),m=(0,a.computed)(()=>{let{modalProps:e,...t}=u;return{cancelText:`取消`,okText:`确定`,...t,...e||{}}});function h(e){l(`update:visible`,e===!0)}function g(t){let{values:n,confirm:r}=e.serializeDepartments(t,f.value),i=c.type===`radio`?n[0]||null:n;l(`update:visible`,!1),l(`update:modelValue`,i),l(`confirm`,r)}function _(){l(`update:visible`,!1),l(`cancel`)}function v(e){if(c.type===`radio`){l(`update:modelValue`,null);return}l(`update:modelValue`,(Array.isArray(c.modelValue)?c.modelValue:[]).filter(t=>String(t[f.value.key])!==e))}return(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.FormItemRest),null,{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{class:`gd-ant-dept-selector`,style:(0,a.normalizeStyle)(d.value.style)},[c.hideSlot?(0,a.createCommentVNode)(``,!0):(0,a.renderSlot)(e.$slots,`default`,{key:0},()=>[(0,a.createVNode)(r.default,{items:p.value,"max-visible-count":c.maxVisibleCount,"add-text":`选择部门`,onAdd:t[0]||=e=>l(`update:visible`,!0),onRemove:t[1]||=e=>v(e.value)},null,8,[`items`,`max-visible-count`])]),(0,a.createVNode)(n.default,{open:c.visible,mode:`dept`,selected:p.value,selection:c.type,title:`选择部门`,"tree-data":c.treeData,"field-names":f.value,http:c.http,prefix:c.prefix,"is-built-in-request":c.isBuiltInRequest,"active-color":c.activeColor,"modal-props":m.value,"onUpdate:open":h,onConfirm:g,onCancel:_},null,8,[`open`,`selected`,`selection`,`tree-data`,`field-names`,`http`,`prefix`,`is-built-in-request`,`active-color`,`modal-props`])],4)]),_:3}))}});exports.default=s;

package/dist/lib/components/dept-selector/src/types.cjs

@@ -1 +1 @@
-var e={visible:Boolean,modelValue:{type:[Array,Object],default:()=>[]},type:{type:String,default:`checkbox`},treeData:{type:Array,default:()=>[]},fieldNames:{type:Object,default:()=>({title:`label`,key:`id`,children:`children`})},isBuiltInRequest:{type:Boolean,default:!1},http:{type:[Object,Function],default:()=>{}},prefix:String,maxVisibleCount:{type:Number,default:5},hideSlot:{type:Boolean,default:!1}},t=`/security/dept/company/tree`,n={"update:visible":e=>!0,"update:modelValue":e=>!0,confirm:e=>!0,cancel:()=>!0};exports.GET_DEPT_TREE_URL=t,exports.deptSelectorEmits=n,exports.deptSelectorProps=e;
+var e={visible:Boolean,modelValue:{type:[Array,Object],default:()=>[]},type:{type:String,default:`checkbox`},treeData:{type:Array,default:()=>[]},fieldNames:{type:Object,default:()=>({title:`label`,key:`id`,children:`children`})},isBuiltInRequest:{type:Boolean,default:!1},http:{type:[Object,Function],default:()=>{}},prefix:String,activeColor:{type:String,default:`#1161ff`},maxVisibleCount:{type:Number,default:5},hideSlot:{type:Boolean,default:!1}},t=`/security/dept/company/tree`,n={"update:visible":e=>!0,"update:modelValue":e=>!0,confirm:e=>!0,cancel:()=>!0};exports.GET_DEPT_TREE_URL=t,exports.deptSelectorEmits=n,exports.deptSelectorProps=e;