@guodun/antdv 1.6.1 → 1.6.3

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

@@ -1,27 +1,24 @@
-import e from "../../pro-dynamic-tags/src/index.mjs";
-import { serializeRoles as t, text as n } from "../../selector-core/model.mjs";
+import { serializeRoles as e, text as t } from "../../selector-core/model.mjs";
+import { createSelectionTheme as n } from "../../selector-core/selection-theme.mjs";
 import r from "../../selector-core/components/SelectorDialog.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 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: n(e.value),
+			value: t(e.value),
 			label: e.label || "",
 			raw: e
-		}))), S = o(() => x.value.map((e) => ({
-			label: e.label,
-			value: e.value,
-			closable: !0
-		}))), C = o(() => {
-			let { modalProps: e, ...t } = b;
+		}))), w = s(() => {
+			let { modalProps: e, ...t } = x;
 			return {
 				cancelText: "取消",
 				okText: "确定",
@@ -29,48 +26,49 @@ var v = { class: "gd-ant-role-selector" }, y = /* @__PURE__ */ d({
 				...e || {}
 			};
 		});
-		function w(e) {
-			y("update:visible", e === !0);
-		}
 		function T(e) {
-			let n = t(e), r = d.type === "radio" ? n[0] || null : n;
-			y("update:visible", !1), y("update:modelValue", r), y("confirm", n);
+			b("update:visible", e === !0);
+		}
+		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 E() {
-			y("update:visible", !1), y("cancel");
+		function D() {
+			b("update:visible", !1), b("cancel");
 		}
-		function D(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 (t, n) => (f(), s(m(_), null, {
-			default: g(() => [l("div", v, [d.hideSlot ? c("", !0) : p(t.$slots, "default", { key: 0 }, () => [u(e, {
-				"model-value": S.value,
-				"max-count": d.maxVisibleCount,
-				"show-add": "",
+		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": "选择角色",
-				"custom-class": "selector-tags",
-				closable: "",
-				onAdd: n[0] ||= (e) => y("update:visible", !0),
-				onClose: n[1] ||= (e) => D(String(e.value))
-			}, null, 8, ["model-value", "max-count"])]), u(r, {
-				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": C.value,
-				"onUpdate:open": w,
-				onConfirm: T,
-				onCancel: E
+				"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",
@@ -80,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"

package/dist/es/components/selector-core/components/SelectionChips.mjs

@@ -0,0 +1,5 @@
+import e from "./SelectionChips.vue.mjs";
+//#region src/components/selector-core/components/SelectionChips.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,114 @@
+import e from "../../icon/src/icon.mjs";
+import { entityKey as t } from "../model.mjs";
+import n from "../../pro-user-avatar/src/index.mjs";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g, withModifiers as _ } from "vue";
+import { Popover as v } from "ant-design-vue";
+//#region src/components/selector-core/components/SelectionChips.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "gd-ant-selector__confirmed" }, b = { class: "gd-ant-selector__confirmed-chips" }, x = ["title"], S = ["aria-label", "onClick"], C = { class: "gd-ant-selector__confirmed-actions" }, w = {
+	class: "gd-ant-selector__confirmed-popover-content",
+	"aria-label": "隐藏的已选择项"
+}, T = ["title"], E = ["aria-label", "onClick"], D = ["title", "aria-label"], O = ["aria-label"], k = /* @__PURE__ */ u({
+	__name: "SelectionChips",
+	props: {
+		items: {},
+		maxVisibleCount: { default: 5 },
+		addText: {}
+	},
+	emits: ["add", "remove"],
+	setup(u) {
+		let k = u, A = i(() => {
+			let e = k.maxVisibleCount;
+			return Number.isFinite(e) && e >= 0 ? Math.floor(e) : 5;
+		}), j = i(() => k.items.slice(0, A.value)), M = i(() => k.items.slice(A.value)), N = i(() => `另有 ${M.value.length} 项：${M.value.map((e) => e.label || "未命名").join("、")}`);
+		return (i, k) => (f(), s("div", y, [c("div", b, [(f(!0), s(r, null, p(j.value, (r) => (f(), s("div", {
+			key: h(t)(r),
+			class: d(["gd-ant-selector__confirmed-chip", `gd-ant-selector__confirmed-chip--${r.type}`])
+		}, [
+			r.type === "user" ? (f(), a(n, {
+				key: 0,
+				name: r.label,
+				avatar: r.avatar,
+				preview: !1,
+				size: "small"
+			}, null, 8, ["name", "avatar"])) : (f(), s("span", {
+				key: 1,
+				class: d(["gd-ant-selector__confirmed-chip-icon", `gd-ant-selector__confirmed-chip-icon--${r.type}`])
+			}, [l(e, {
+				name: r.type === "dept" ? "bumen" : "a-jiaoseguanli2",
+				size: 14,
+				"aria-hidden": "true"
+			}, null, 8, ["name"])], 2)),
+			c("span", {
+				class: "gd-ant-selector__confirmed-chip-label",
+				title: r.label || "未命名"
+			}, m(r.label || "未命名"), 9, x),
+			c("button", {
+				type: "button",
+				class: "gd-ant-selector__confirmed-chip-remove",
+				"aria-label": `移除已选择的${r.label || "未命名"}`,
+				onClick: _((e) => i.$emit("remove", r), ["stop"])
+			}, [l(e, {
+				name: "guanbi",
+				size: 10,
+				"aria-hidden": "true"
+			})], 8, S)
+		], 2))), 128))]), c("div", C, [M.value.length ? (f(), a(h(v), {
+			key: 0,
+			placement: "top",
+			trigger: "click",
+			"overlay-class-name": "gd-ant-selector__confirmed-popover"
+		}, {
+			content: g(() => [c("div", w, [(f(!0), s(r, null, p(M.value, (r) => (f(), s("div", {
+				key: h(t)(r),
+				class: d(["gd-ant-selector__confirmed-chip", `gd-ant-selector__confirmed-chip--${r.type}`])
+			}, [
+				r.type === "user" ? (f(), a(n, {
+					key: 0,
+					name: r.label,
+					avatar: r.avatar,
+					preview: !1,
+					size: "small"
+				}, null, 8, ["name", "avatar"])) : (f(), s("span", {
+					key: 1,
+					class: d(["gd-ant-selector__confirmed-chip-icon", `gd-ant-selector__confirmed-chip-icon--${r.type}`])
+				}, [l(e, {
+					name: r.type === "dept" ? "bumen" : "a-jiaoseguanli2",
+					size: 14,
+					"aria-hidden": "true"
+				}, null, 8, ["name"])], 2)),
+				c("span", {
+					class: "gd-ant-selector__confirmed-chip-label",
+					title: r.label || "未命名"
+				}, m(r.label || "未命名"), 9, T),
+				c("button", {
+					type: "button",
+					class: "gd-ant-selector__confirmed-chip-remove",
+					"aria-label": `移除已选择的${r.label || "未命名"}`,
+					onClick: _((e) => i.$emit("remove", r), ["stop"])
+				}, [l(e, {
+					name: "guanbi",
+					size: 10,
+					"aria-hidden": "true"
+				})], 8, E)
+			], 2))), 128))])]),
+			default: g(() => [c("button", {
+				type: "button",
+				class: "gd-ant-selector__confirmed-more",
+				title: N.value,
+				"aria-label": `查看隐藏的已选择项，共 ${M.value.length} 项`
+			}, " +" + m(M.value.length), 9, D)]),
+			_: 1
+		})) : o("", !0), c("button", {
+			type: "button",
+			class: "gd-ant-selector__confirmed-add",
+			"aria-label": u.items.length ? "继续选择" : u.addText,
+			onClick: k[0] ||= (e) => i.$emit("add")
+		}, [l(e, {
+			name: "plus",
+			size: 15,
+			"aria-hidden": "true"
+		}), c("span", null, m(u.items.length ? "继续选择" : u.addText), 1)], 8, O)])]));
+	}
+});
+//#endregion
+export { k as default };