@guodun/antdv 1.6.2 → 1.6.3

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

@@ -1,23 +1,24 @@
 import { serializeRoles 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 { roleSelectorEmits as i, roleSelectorProps 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 { roleSelectorEmits as a, roleSelectorProps 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/role-selector/src/RoleSelector.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "gd-ant-role-selector" }, y = /* @__PURE__ */ d({
+var b = /* @__PURE__ */ f({
 	name: "KRoleSelector",
 	__name: "RoleSelector",
-	props: a,
-	emits: i,
-	setup(i, { emit: a }) {
-		let d = i, y = a, b = h(), x = o(() => (Array.isArray(d.modelValue) ? d.modelValue : d.modelValue ? [d.modelValue] : []).map((e) => ({
+	props: o,
+	emits: a,
+	setup(a, { emit: o }) {
+		let f = a, b = o, x = _(), S = s(() => n(f.activeColor)), C = s(() => (Array.isArray(f.modelValue) ? f.modelValue : f.modelValue ? [f.modelValue] : []).map((e) => ({
 			type: "role",
 			value: t(e.value),
 			label: e.label || "",
 			raw: e
-		}))), S = o(() => {
-			let { modalProps: e, ...t } = b;
+		}))), w = s(() => {
+			let { modalProps: e, ...t } = x;
 			return {
 				cancelText: "取消",
 				okText: "确定",
@@ -25,45 +26,49 @@ var v = { class: "gd-ant-role-selector" }, y = /* @__PURE__ */ d({
 				...e || {}
 			};
 		});
-		function C(e) {
-			y("update:visible", e === !0);
+		function T(e) {
+			b("update:visible", e === !0);
 		}
-		function w(t) {
-			let n = e(t), r = d.type === "radio" ? n[0] || null : n;
-			y("update:visible", !1), y("update:modelValue", r), y("confirm", n);
+		function E(t) {
+			let n = e(t), r = f.type === "radio" ? n[0] || null : n;
+			b("update:visible", !1), b("update:modelValue", r), b("confirm", n);
 		}
-		function T() {
-			y("update:visible", !1), y("cancel");
+		function D() {
+			b("update:visible", !1), b("cancel");
 		}
-		function E(e) {
-			if (d.type === "radio") {
-				y("update:modelValue", null);
+		function O(e) {
+			if (f.type === "radio") {
+				b("update:modelValue", null);
 				return;
 			}
-			y("update:modelValue", (Array.isArray(d.modelValue) ? d.modelValue : []).filter((t) => t.value !== e));
+			b("update:modelValue", (Array.isArray(f.modelValue) ? f.modelValue : []).filter((t) => t.value !== e));
 		}
-		return (e, t) => (f(), s(m(_), null, {
-			default: g(() => [l("div", v, [d.hideSlot ? c("", !0) : p(e.$slots, "default", { key: 0 }, () => [u(r, {
-				items: x.value,
-				"max-visible-count": d.maxVisibleCount,
+		return (e, t) => (m(), c(g(y), null, {
+			default: v(() => [u("div", {
+				class: "gd-ant-role-selector",
+				style: p(S.value.style)
+			}, [f.hideSlot ? l("", !0) : h(e.$slots, "default", { key: 0 }, () => [d(i, {
+				items: C.value,
+				"max-visible-count": f.maxVisibleCount,
 				"add-text": "选择角色",
-				onAdd: t[0] ||= (e) => y("update:visible", !0),
-				onRemove: t[1] ||= (e) => E(e.value)
-			}, null, 8, ["items", "max-visible-count"])]), u(n, {
-				open: d.visible,
+				onAdd: t[0] ||= (e) => b("update:visible", !0),
+				onRemove: t[1] ||= (e) => O(e.value)
+			}, null, 8, ["items", "max-visible-count"])]), d(r, {
+				open: f.visible,
 				mode: "role",
-				selected: x.value,
-				selection: d.type,
+				selected: C.value,
+				selection: f.type,
 				title: "选择角色",
-				"role-options": d.options,
-				http: d.http,
-				prefix: d.prefix,
-				"is-built-in-request": d.isBuiltInRequest,
-				"value-field": d.valueField,
-				"modal-props": S.value,
-				"onUpdate:open": C,
-				onConfirm: w,
-				onCancel: T
+				"role-options": f.options,
+				http: f.http,
+				prefix: f.prefix,
+				"is-built-in-request": f.isBuiltInRequest,
+				"value-field": f.valueField,
+				"active-color": f.activeColor,
+				"modal-props": w.value,
+				"onUpdate:open": T,
+				onConfirm: E,
+				onCancel: D
 			}, null, 8, [
 				"open",
 				"selected",
@@ -73,11 +78,12 @@ var v = { class: "gd-ant-role-selector" }, y = /* @__PURE__ */ d({
 				"prefix",
 				"is-built-in-request",
 				"value-field",
+				"active-color",
 				"modal-props"
-			])])]),
+			])], 4)]),
 			_: 3
 		}));
 	}
 });
 //#endregion
-export { y as default };
+export { b as default };

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

@@ -22,6 +22,10 @@ var e = {
 		default: () => {}
 	},
 	prefix: String,
+	activeColor: {
+		type: String,
+		default: "#1161ff"
+	},
 	valueField: {
 		type: String,
 		default: "roleKey"