@guodun/antdv 1.6.2 → 1.6.4

package/dist/es/components/pro-menu-tree/src/pro-menu-tree.mjs

@@ -1,107 +1,109 @@
 import { useNamespace as e } from "../../../hooks/use-namespace/index.mjs";
-import { useProMenuTree as t } from "./hooks.mjs";
-import { MENU_TREE_URL as n, proMenuTreeEmits as r, proMenuTreeProps as i } from "./types.mjs";
-import { Fragment as a, computed as o, createTextVNode as s, createVNode as c, defineComponent as l, onMounted as u, reactive as d, ref as f, watch as p } from "vue";
-import { Button as m, Empty as h, InputSearch as g, Spin as ee, Tree as te, message as _ } from "ant-design-vue";
+import { createSelectionTheme as t } from "../../selector-core/selection-theme.mjs";
+import { useProMenuTree as n } from "./hooks.mjs";
+import { MENU_TREE_URL as r, proMenuTreeEmits as i, proMenuTreeProps as a } from "./types.mjs";
+import { Fragment as o, computed as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, onMounted as ee, reactive as te, ref as f, watch as p } from "vue";
+import { Button as m, ConfigProvider as ne, Empty as h, InputSearch as g, Spin as re, Tree as ie, message as _ } from "ant-design-vue";
 //#region src/components/pro-menu-tree/src/pro-menu-tree.tsx
-var v = /* @__PURE__ */ l({
+var v = /* @__PURE__ */ u({
 	name: "KProMenuTree",
-	props: i,
-	emits: r,
-	setup(r, { emit: i, slots: l, expose: v }) {
-		let y = e("pro-menu-tree"), { treeData: ne, nodeMap: b, normalizeTree: re, getAllSelectableNodeIds: x, getAllExpandableKeys: ie, getDefaultExpandedKeys: S, searchTree: ae, getFilteredTree: C, buildCheckedStateFromIds: w, buildCheckedStateAfterToggle: T, isButton: E } = t(() => ({
-			fieldNames: r.fieldNames,
-			nodeTypeField: r.nodeTypeField,
-			buttonType: r.buttonType
-		})), D = f(!1), O = f(""), k = f([]), A = f(!0), j = d({
+	inheritAttrs: !1,
+	props: a,
+	emits: i,
+	setup(i, { attrs: a, emit: u, slots: v, expose: ae }) {
+		let y = e("pro-menu-tree"), { treeData: oe, nodeMap: se, normalizeTree: b, getAllSelectableNodeIds: x, getAllExpandableKeys: S, getDefaultExpandedKeys: C, searchTree: w, getFilteredTree: T, buildCheckedStateFromIds: ce, buildCheckedStateAfterToggle: le, isButton: ue } = n(() => ({
+			fieldNames: i.fieldNames,
+			nodeTypeField: i.nodeTypeField,
+			buttonType: i.buttonType
+		})), E = f(!1), D = f(""), O = f([]), k = f(!0), A = te({
 			checked: [],
 			halfChecked: []
-		}), M = !1, oe = o(() => r.fieldNames.key), se = o(() => r.fieldNames.title), N = o(() => r.showExpandActions ?? r.showToolbar), P = o(() => r.showClearAction ?? r.showToolbar), F = o(() => r.isBuiltInRequest && r.showRefreshAction), I = o(() => r.disabled), L = o(() => r.searchable || r.showToolbar || r.showStats || N.value || P.value || F.value), R = o(() => ({
-			checked: j.checked.length,
-			halfChecked: j.halfChecked.length
-		})), z = o(() => C(O.value));
+		}), j = !1, de = s(() => i.fieldNames.key), fe = s(() => i.fieldNames.title), M = s(() => i.showExpandActions ?? i.showToolbar), N = s(() => i.showClearAction ?? i.showToolbar), P = s(() => i.isBuiltInRequest && i.showRefreshAction), F = s(() => i.disabled), I = s(() => i.searchable || i.showToolbar || i.showStats || M.value || N.value || P.value), L = s(() => ({
+			checked: A.checked.length,
+			halfChecked: A.halfChecked.length
+		})), R = s(() => T(D.value)), z = s(() => t(i.activeColor));
 		function B() {
-			return [...j.checked, ...j.halfChecked].map((e) => ({
+			return [...A.checked, ...A.halfChecked].map((e) => ({
 				id: e,
 				selected: !0
 			}));
 		}
 		function V(e) {
-			j.checked = e.checked, j.halfChecked = e.halfChecked;
+			A.checked = e.checked, A.halfChecked = e.halfChecked;
 		}
 		function H() {
-			I.value || (q(x()), J());
+			F.value || (q(x()), J());
 		}
 		function U() {
-			if (I.value) return;
-			let e = new Set([...j.checked, ...j.halfChecked]);
+			if (F.value) return;
+			let e = new Set([...A.checked, ...A.halfChecked]);
 			q(x().filter((t) => !e.has(t))), J();
 		}
 		function W() {
-			I.value || (V({
+			F.value || (V({
 				checked: [],
 				halfChecked: []
 			}), J());
 		}
 		function G() {
-			I.value || (k.value = ie(), A.value = !0);
+			F.value || (O.value = S(), k.value = !0);
 		}
 		function K() {
-			I.value || (k.value = [], A.value = !1);
+			F.value || (O.value = [], k.value = !1);
 		}
 		function q(e) {
-			V(w(e ?? []));
+			V(ce(e ?? []));
 		}
-		function ce(e, t) {
-			r.disabled || (V(T(j, String(t.node[oe.value] ?? t.node.key ?? t.node.eventKey ?? ""), t.checked)), J());
+		function pe(e, t) {
+			i.disabled || (V(le(A, String(t.node[de.value] ?? t.node.key ?? t.node.eventKey ?? ""), t.checked)), J());
 		}
 		function J() {
-			M = !0, i("update:modelValue", [...j.checked, ...j.halfChecked]), i("change", B());
+			j = !0, u("update:modelValue", [...A.checked, ...A.halfChecked]), u("change", B());
 		}
-		function le() {
-			b.value.size !== 0 && q(r.modelValue ?? []);
+		function me() {
+			se.value.size !== 0 && q(i.modelValue ?? []);
 		}
 		function Y(e) {
-			re(e), k.value = S(r.defaultExpandAll), O.value = "", A.value = !0, q(r.modelValue ?? []);
+			b(e), O.value = C(i.defaultExpandAll), D.value = "", k.value = !0, q(i.modelValue ?? []);
 		}
 		async function X() {
-			I.value || !r.isBuiltInRequest || await Z();
+			F.value || !i.isBuiltInRequest || await Z();
 		}
 		async function Z() {
-			if (!r.http?.get) {
+			if (!i.http?.get) {
 				_.error("请传入 http 实例");
 				return;
 			}
-			D.value = !0;
+			E.value = !0;
 			try {
-				let e = await r.http.get(`${r.prefix ?? ""}${n}`);
-				e.status === 0 ? (Y(Array.isArray(e.data) ? e.data : []), i("ready")) : _.error(e.message ?? e.msg ?? "获取菜单树失败");
+				let e = await i.http.get(`${i.prefix ?? ""}${r}`);
+				e.status === 0 ? (Y(Array.isArray(e.data) ? e.data : []), u("ready")) : _.error(e.message ?? e.msg ?? "获取菜单树失败");
 			} catch (e) {
 				_.error(e instanceof Error ? e.message : "获取菜单树失败");
 			} finally {
-				D.value = !1;
+				E.value = !1;
 			}
 		}
-		u(() => {
-			r.isBuiltInRequest ? Z() : (Y(r.treeData ?? []), i("ready"));
-		}), p(() => r.treeData, (e) => {
-			r.isBuiltInRequest || Y(e ?? []);
-		}), p(() => r.modelValue, () => {
-			if (M) {
-				M = !1;
+		ee(() => {
+			i.isBuiltInRequest ? Z() : (Y(i.treeData ?? []), u("ready"));
+		}), p(() => i.treeData, (e) => {
+			i.isBuiltInRequest || Y(e ?? []);
+		}), p(() => i.modelValue, () => {
+			if (j) {
+				j = !1;
 				return;
 			}
-			le();
+			me();
 		}, { deep: !0 });
 		function Q(e) {
-			if (I.value) return;
-			let t = ae(e);
-			O.value = t.keyword, A.value = !0, k.value = t.keyword ? t.expandedKeys : S(r.defaultExpandAll);
+			if (F.value) return;
+			let t = w(e);
+			D.value = t.keyword, k.value = !0, O.value = t.keyword ? t.expandedKeys : C(i.defaultExpandAll);
 		}
-		function $(e) {
-			k.value = e, A.value = !1;
+		function he(e) {
+			O.value = e, k.value = !1;
 		}
-		v({
+		ae({
 			getSelectedStatusArray: B,
 			setCheckedKeysFromIds: q,
 			selectAll: H,
@@ -111,37 +113,37 @@ var v = /* @__PURE__ */ l({
 			collapseAll: K,
 			reload: X
 		});
-		let ue = (e) => {
-			if (!O.value) return c("span", { class: y.e("title") }, [e], 2);
-			let t = e.indexOf(O.value);
-			return t === -1 ? c("span", { class: y.e("title") }, [e], 2) : c("span", { class: y.e("title") }, [
+		let ge = (e) => {
+			if (!D.value) return l("span", { class: y.e("title") }, [e], 2);
+			let t = e.indexOf(D.value);
+			return t === -1 ? l("span", { class: y.e("title") }, [e], 2) : l("span", { class: y.e("title") }, [
 				e.substring(0, t),
-				c("span", { class: y.e("keyword") }, [e.substring(t, t + O.value.length)], 2),
-				e.substring(t + O.value.length)
+				l("span", { class: y.e("keyword") }, [e.substring(t, t + D.value.length)], 2),
+				e.substring(t + D.value.length)
 			], 2);
-		}, de = (e) => {
-			let t = E(e), n = String(e[se.value] ?? ""), i = e[r.iconField];
-			return c("div", { class: [y.e("node"), t ? "pro-menu-tree-button" : ""] }, [c("div", { class: y.e("node-inner") }, [!t && l.icon ? l.icon({
+		}, $ = (e) => {
+			let t = ue(e), n = String(e[fe.value] ?? ""), r = e[i.iconField];
+			return l("div", { class: [y.e("node"), t ? "pro-menu-tree-button" : ""] }, [l("div", { class: y.e("node-inner") }, [!t && v.icon ? v.icon({
 				node: e,
-				icon: i
-			}) : null, ue(n)], 2)], 2);
-		}, fe = () => c(te, {
-			treeData: z.value,
-			fieldNames: r.fieldNames,
+				icon: r
+			}) : null, ge(n)], 2)], 2);
+		}, _e = () => l(ie, {
+			treeData: R.value,
+			fieldNames: i.fieldNames,
 			checkedKeys: {
-				checked: j.checked,
-				halfChecked: j.halfChecked
+				checked: A.checked,
+				halfChecked: A.halfChecked
 			},
-			expandedKeys: k.value,
-			autoExpandParent: A.value,
+			expandedKeys: O.value,
+			autoExpandParent: k.value,
 			checkable: !0,
 			checkStrictly: !0,
-			disabled: r.disabled,
+			disabled: i.disabled,
 			selectable: !1,
-			onCheck: ce,
-			onExpand: $
+			onCheck: pe,
+			onExpand: he
 		}, {
-			title: (e) => de(e),
+			title: (e) => $(e),
 			_: 1
 		}, 8, [
 			"treeData",
@@ -154,47 +156,50 @@ var v = /* @__PURE__ */ l({
 			"disabled",
 			"onCheck",
 			"onExpand"
-		]), pe = () => r.showToolbar || P.value || N.value || F.value ? c("div", { class: y.e("actions") }, [
-			r.showToolbar && c(a, null, [c(m, {
+		]), ve = () => i.showToolbar || N.value || M.value || P.value ? l("div", { class: y.e("actions") }, [
+			i.showToolbar && l(o, null, [l(m, {
 				size: "small",
-				disabled: r.disabled,
+				disabled: i.disabled,
 				onClick: H
-			}, { default: () => [s("全选")] }, 8, ["disabled", "onClick"]), c(m, {
+			}, { default: () => [c("全选")] }, 8, ["disabled", "onClick"]), l(m, {
 				size: "small",
-				disabled: r.disabled,
+				disabled: i.disabled,
 				onClick: U
-			}, { default: () => [s("反选")] }, 8, ["disabled", "onClick"])]),
-			P.value && c(m, {
+			}, { default: () => [c("反选")] }, 8, ["disabled", "onClick"])]),
+			N.value && l(m, {
 				size: "small",
-				disabled: r.disabled,
+				disabled: i.disabled,
 				onClick: W
-			}, { default: () => [s("清空")] }, 8, ["disabled", "onClick"]),
-			N.value && c(a, null, [c(m, {
+			}, { default: () => [c("清空")] }, 8, ["disabled", "onClick"]),
+			M.value && l(o, null, [l(m, {
 				size: "small",
-				disabled: I.value,
+				disabled: F.value,
 				onClick: G
-			}, { default: () => [s("展开全部")] }, 8, ["disabled", "onClick"]), c(m, {
+			}, { default: () => [c("展开全部")] }, 8, ["disabled", "onClick"]), l(m, {
 				size: "small",
-				disabled: I.value,
+				disabled: F.value,
 				onClick: K
-			}, { default: () => [s("收起全部")] }, 8, ["disabled", "onClick"])]),
-			F.value && c(m, {
+			}, { default: () => [c("收起全部")] }, 8, ["disabled", "onClick"])]),
+			P.value && l(m, {
 				size: "small",
-				disabled: I.value,
-				loading: D.value,
+				disabled: F.value,
+				loading: E.value,
 				onClick: X
-			}, { default: () => [s("刷新")] }, 8, [
+			}, { default: () => [c("刷新")] }, 8, [
 				"disabled",
 				"loading",
 				"onClick"
 			])
 		], 2) : null;
-		return () => c("div", { class: y.b() }, [L.value && c("div", { class: y.e("toolbar") }, [c("div", { class: y.e("tools") }, [r.searchable && c(g, {
+		return () => l(ne, { theme: z.value.config }, { default: () => [l("div", d(a, {
+			class: [y.b(), a.class],
+			style: [a.style, z.value.style]
+		}), [I.value && l("div", { class: y.e("toolbar") }, [l("div", { class: y.e("tools") }, [i.searchable && l(g, {
 			class: y.e("search"),
-			value: O.value,
+			value: D.value,
 			placeholder: "请输入菜单名称",
 			allowClear: !0,
-			disabled: I.value,
+			disabled: F.value,
 			onSearch: Q,
 			onChange: (e) => Q(e.target?.value ?? "")
 		}, null, 8, [
@@ -204,16 +209,16 @@ var v = /* @__PURE__ */ l({
 			"disabled",
 			"onSearch",
 			"onChange"
-		]), r.showStats && c("span", { class: y.e("stats") }, [
-			s("已选 "),
-			R.value.checked,
-			s(" 项 / 半选 "),
-			R.value.halfChecked,
-			s(" 项")
-		], 2)], 2), pe()], 2), c(ee, { spinning: D.value }, { default: () => [c("div", { class: y.e("body") }, [z.value.length > 0 ? fe() : c(h, {
+		]), i.showStats && l("span", { class: y.e("stats") }, [
+			c("已选 "),
+			L.value.checked,
+			c(" 项 / 半选 "),
+			L.value.halfChecked,
+			c(" 项")
+		], 2)], 2), ve()], 2), l(re, { spinning: E.value }, { default: () => [l("div", { class: y.e("body") }, [R.value.length > 0 ? _e() : l(h, {
 			image: h.PRESENTED_IMAGE_SIMPLE,
 			description: "暂无数据"
-		}, null, 8, ["image"])], 2)] }, 8, ["spinning"])], 2);
+		}, null, 8, ["image"])], 2)] }, 8, ["spinning"])], 16)] }, 8, ["theme"]);
 	}
 });
 //#endregion

package/dist/es/components/pro-menu-tree/src/types.mjs

@@ -37,6 +37,10 @@ var e = {
 		default: () => {}
 	},
 	prefix: String,
+	activeColor: {
+		type: String,
+		default: "#1161ff"
+	},
 	defaultExpandAll: {
 		type: Boolean,
 		default: !0

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

@@ -1,17 +1,18 @@
 import { serializeUsers as e, text as t } from "../../selector-core/model.mjs";
-import n from "../../selector-core/components/SelectorDialog.mjs";
-import r from "../../selector-core/components/SelectionChips.mjs";
-import { UserSelectorProps as i, userSelectorEmits as a } from "./types.mjs";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementVNode as l, createVNode as u, defineComponent as d, openBlock as f, renderSlot as p, unref as m, useAttrs as h, withCtx as g } from "vue";
-import { FormItemRest as _ } from "ant-design-vue";
+import { createSelectionTheme as n } from "../../selector-core/selection-theme.mjs";
+import r from "../../selector-core/components/SelectorDialog.mjs";
+import i from "../../selector-core/components/SelectionChips.mjs";
+import { UserSelectorProps as a, userSelectorEmits as o } from "./types.mjs";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeStyle as p, openBlock as m, renderSlot as h, unref as g, useAttrs as _, withCtx as v } from "vue";
+import { FormItemRest as y } from "ant-design-vue";
 //#region src/components/pro-selector/src/ProUserSelector.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "gd-ant-pro-user-selector" }, y = /* @__PURE__ */ d({
+var b = /* @__PURE__ */ f({
 	name: "ProUserSelector",
 	__name: "ProUserSelector",
-	props: i,
-	emits: a,
-	setup(i, { expose: a, emit: d }) {
-		let y = i, b = d, x = h(), S = o(() => y.modelValue.map((e) => ({
+	props: a,
+	emits: o,
+	setup(a, { expose: o, emit: f }) {
+		let b = a, x = f, S = _(), C = s(() => n(b.activeColor)), w = s(() => b.modelValue.map((e) => ({
 			type: "user",
 			value: t(e.id),
 			label: e.realName,
@@ -21,8 +22,8 @@ var v = { class: "gd-ant-pro-user-selector" }, y = /* @__PURE__ */ d({
 				id: e.id,
 				userId: e.id
 			}
-		}))), C = o(() => {
-			let { modalProps: e, ...t } = x;
+		}))), T = s(() => {
+			let { modalProps: e, ...t } = S;
 			return {
 				cancelText: "取消",
 				okText: "确定",
@@ -30,43 +31,47 @@ var v = { class: "gd-ant-pro-user-selector" }, y = /* @__PURE__ */ d({
 				...e || {}
 			};
 		});
-		function w(e) {
-			b("update:visible", e === !0);
+		function E(e) {
+			x("update:visible", e === !0);
 		}
-		function T(t) {
+		function D(t) {
 			let n = e(t);
-			b("update:visible", !1), b("update:modelValue", n), b("confirm", n);
+			x("update:visible", !1), x("update:modelValue", n), x("confirm", n);
 		}
-		function E() {
-			b("update:visible", !1), b("cancel");
+		function O() {
+			x("update:visible", !1), x("cancel");
 		}
-		function D(e) {
-			b("update:modelValue", y.modelValue.filter((t) => t.id !== e)), b("delete-user", e);
+		function k(e) {
+			x("update:modelValue", b.modelValue.filter((t) => t.id !== e)), x("delete-user", e);
 		}
-		return a({ deleteCheckedUser: D }), (e, t) => (f(), s(m(_), null, {
-			default: g(() => [l("div", v, [y.hideSlot ? c("", !0) : p(e.$slots, "default", { key: 0 }, () => [u(r, {
-				items: S.value,
-				"max-visible-count": y.maxVisibleCount,
+		return o({ deleteCheckedUser: k }), (e, t) => (m(), c(g(y), null, {
+			default: v(() => [u("div", {
+				class: "gd-ant-pro-user-selector",
+				style: p(C.value.style)
+			}, [b.hideSlot ? l("", !0) : h(e.$slots, "default", { key: 0 }, () => [d(i, {
+				items: w.value,
+				"max-visible-count": b.maxVisibleCount,
 				"add-text": "选择用户",
-				onAdd: t[0] ||= (e) => b("update:visible", !0),
-				onRemove: t[1] ||= (e) => D(e.value)
-			}, null, 8, ["items", "max-visible-count"])]), u(n, {
-				open: y.visible,
+				onAdd: t[0] ||= (e) => x("update:visible", !0),
+				onRemove: t[1] ||= (e) => k(e.value)
+			}, null, 8, ["items", "max-visible-count"])]), d(r, {
+				open: b.visible,
 				mode: "user",
-				selected: S.value,
-				selection: y.type,
-				"max-count": y.maxCount,
-				variant: y.variant,
-				title: y.title || "选择联系人",
-				http: y.http,
-				prefix: y.prefix,
-				"init-data": y.initData,
-				"is-built-in-request": y.isBuiltInRequest,
-				"modal-props": C.value,
-				"onUpdate:open": w,
-				"onUpdate:variant": t[2] ||= (e) => b("update:variant", e),
-				onConfirm: T,
-				onCancel: E
+				selected: w.value,
+				selection: b.type,
+				"max-count": b.maxCount,
+				variant: b.variant,
+				title: b.title || "选择联系人",
+				http: b.http,
+				prefix: b.prefix,
+				"init-data": b.initData,
+				"is-built-in-request": b.isBuiltInRequest,
+				"active-color": b.activeColor,
+				"modal-props": T.value,
+				"onUpdate:open": E,
+				"onUpdate:variant": t[2] ||= (e) => x("update:variant", e),
+				onConfirm: D,
+				onCancel: O
 			}, null, 8, [
 				"open",
 				"selected",
@@ -78,11 +83,12 @@ var v = { class: "gd-ant-pro-user-selector" }, y = /* @__PURE__ */ d({
 				"prefix",
 				"init-data",
 				"is-built-in-request",
+				"active-color",
 				"modal-props"
-			])])]),
+			])], 4)]),
 			_: 3
 		}));
 	}
 });
 //#endregion
-export { y as default };
+export { b as default };

package/dist/es/components/pro-selector/src/types.mjs

@@ -37,6 +37,10 @@ var e = Symbol("selectUserContextKey"), t = {
 		default: !1
 	},
 	prefix: String,
+	activeColor: {
+		type: String,
+		default: "#1161ff"
+	},
 	maxVisibleCount: {
 		type: Number,
 		default: 5

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

@@ -1,17 +1,19 @@
 import { serializeGroup as e, text as t } from "../../selector-core/model.mjs";
-import n from "../../selector-core/components/SelectorDialog.mjs";
-import r from "../../selector-core/components/SelectionChips.mjs";
-import { normalizeSelectorOptions as i, removeSelectorOption as a } from "./utils/index.mjs";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, openBlock as p, renderSlot as m, unref as h, useAttrs as g, useModel as _, withCtx as v } from "vue";
-import { FormItemRest as y } from "ant-design-vue";
+import { DEFAULT_SELECTION_ACTIVE_COLOR as n, createSelectionTheme as r } from "../../selector-core/selection-theme.mjs";
+import i from "../../selector-core/components/SelectorDialog.mjs";
+import a from "../../selector-core/components/SelectionChips.mjs";
+import { normalizeSelectorOptions as o, removeSelectorOption as s } from "./utils/index.mjs";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeStyle as h, openBlock as g, renderSlot as _, unref as v, useAttrs as y, useModel as b, withCtx as x } from "vue";
+import { FormItemRest as S } from "ant-design-vue";
 //#region src/components/pro-selector-group/src/index.vue?vue&type=script&setup=true&lang.ts
-var b = { class: "gd-ant-pro-selector-group" }, x = /* @__PURE__ */ d({
+var C = /* @__PURE__ */ p({
 	name: "ProSelectorGroup",
 	__name: "index",
-	props: /* @__PURE__ */ f({
+	props: /* @__PURE__ */ m({
 		title: { default: "选择器" },
 		http: {},
 		urlPrefix: {},
+		activeColor: { default: n },
 		isSingle: {
 			type: Boolean,
 			default: !0
@@ -35,19 +37,19 @@ var b = { class: "gd-ant-pro-selector-group" }, x = /* @__PURE__ */ d({
 		},
 		visibleModifiers: {}
 	}),
-	emits: /* @__PURE__ */ f([
+	emits: /* @__PURE__ */ m([
 		"confirm",
 		"cancel",
 		"changeTab"
 	], ["update:modelValue", "update:visible"]),
-	setup(d, { emit: f }) {
-		let x = d, S = f, C = g(), w = _(d, "modelValue"), T = _(d, "visible"), E = o(() => w.value.map((e) => ({
-			type: e.type || x.type || "dept",
+	setup(n, { emit: p }) {
+		let m = n, C = p, w = y(), T = b(n, "modelValue"), E = b(n, "visible"), D = c(() => r(m.activeColor)), O = c(() => T.value.map((e) => ({
+			type: e.type || m.type || "dept",
 			value: t(e.value),
 			label: e.label || "",
 			raw: e
-		}))), D = o(() => {
-			let { modalProps: e, ...t } = C;
+		}))), k = c(() => {
+			let { modalProps: e, ...t } = w;
 			return {
 				cancelText: "取消",
 				okText: "确定",
@@ -55,36 +57,40 @@ var b = { class: "gd-ant-pro-selector-group" }, x = /* @__PURE__ */ d({
 				...e || {}
 			};
 		});
-		function O(t) {
-			w.value = i(e(t)), T.value = !1, S("confirm");
+		function A(t) {
+			T.value = o(e(t)), E.value = !1, C("confirm");
 		}
-		function k() {
-			T.value = !1, S("cancel");
+		function j() {
+			E.value = !1, C("cancel");
 		}
-		function A(e) {
-			w.value = a(w.value, e.value, e.type, x.type || "dept");
+		function M(e) {
+			T.value = s(T.value, e.value, e.type, m.type || "dept");
 		}
-		return (e, t) => (p(), s(h(y), null, {
-			default: v(() => [l("div", b, [x.hideSlot ? c("", !0) : m(e.$slots, "default", { key: 0 }, () => [u(r, {
-				items: E.value,
-				"max-visible-count": x.maxVisibleCount ?? 5,
+		return (e, t) => (g(), l(v(S), null, {
+			default: x(() => [d("div", {
+				class: "gd-ant-pro-selector-group",
+				style: h(D.value.style)
+			}, [m.hideSlot ? u("", !0) : _(e.$slots, "default", { key: 0 }, () => [f(a, {
+				items: O.value,
+				"max-visible-count": m.maxVisibleCount ?? 5,
 				"add-text": "选择对象",
-				onAdd: t[0] ||= (e) => T.value = !0,
-				onRemove: A
-			}, null, 8, ["items", "max-visible-count"])]), u(n, {
-				open: T.value,
+				onAdd: t[0] ||= (e) => E.value = !0,
+				onRemove: M
+			}, null, 8, ["items", "max-visible-count"])]), f(i, {
+				open: E.value,
 				mode: "group",
-				selected: E.value,
-				"initial-tab": x.type,
-				"is-single": x.isSingle,
-				title: x.title,
-				http: x.http,
-				prefix: x.urlPrefix,
-				"modal-props": D.value,
-				"onUpdate:open": t[1] ||= (e) => T.value = e === !0,
-				onConfirm: O,
-				onCancel: k,
-				onChangeTab: t[2] ||= (e) => S("changeTab", e)
+				selected: O.value,
+				"initial-tab": m.type,
+				"is-single": m.isSingle,
+				title: m.title,
+				http: m.http,
+				prefix: m.urlPrefix,
+				"active-color": m.activeColor,
+				"modal-props": k.value,
+				"onUpdate:open": t[1] ||= (e) => E.value = e === !0,
+				onConfirm: A,
+				onCancel: j,
+				onChangeTab: t[2] ||= (e) => C("changeTab", e)
 			}, null, 8, [
 				"open",
 				"selected",
@@ -93,11 +99,12 @@ var b = { class: "gd-ant-pro-selector-group" }, x = /* @__PURE__ */ d({
 				"title",
 				"http",
 				"prefix",
+				"active-color",
 				"modal-props"
-			])])]),
+			])], 4)]),
 			_: 3
 		}));
 	}
 });
 //#endregion
-export { x as default };
+export { C as default };