@guodun/antdv 1.5.3 → 1.6.1

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

@@ -0,0 +1,354 @@
+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";
+//#region src/components/selector-core/components/SelectorDialog.vue?vue&type=script&setup=true&lang.ts
+var le = { class: "gd-ant-selector__dialog-root" }, ue = {
+	key: 0,
+	class: "gd-ant-selector__variant-toolbar",
+	"aria-label": "用户方案比较"
+}, de = { class: "gd-ant-selector__segmented" }, fe = ["aria-pressed"], pe = ["aria-pressed"], me = {
+	key: 1,
+	class: "gd-ant-selector__tabs",
+	role: "tablist",
+	"aria-label": "选择对象类型"
+}, he = [
+	"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({
+	__name: "SelectorDialog",
+	props: /* @__PURE__ */ _({
+		mode: {},
+		selected: {},
+		selection: { default: "checkbox" },
+		maxCount: { default: 25 },
+		variant: { default: "B" },
+		initialTab: { default: "dept" },
+		isSingle: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: "选择器" },
+		http: {},
+		prefix: {},
+		initData: {},
+		treeData: {},
+		fieldNames: {},
+		roleOptions: {},
+		isBuiltInRequest: {
+			type: Boolean,
+			default: !1
+		},
+		valueField: { default: "roleKey" },
+		modalProps: { default: () => ({}) }
+	}, {
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	}),
+	emits: /* @__PURE__ */ _([
+		"update:variant",
+		"confirm",
+		"cancel",
+		"changeTab"
+	], ["update:open"]),
+	setup(g, { emit: _ }) {
+		let E = ce(g, "open"), D = g, O = _;
+		function k(e = D.selected) {
+			let t = n(e);
+			return D.mode === "group" && D.isSingle ? t.filter((e) => e.type === (D.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,
+			get http() {
+				return D.http;
+			},
+			get prefix() {
+				return D.prefix;
+			},
+			get isBuiltInRequest() {
+				return D.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 ? [
+			"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) {
+			if (e === "role") {
+				await F.loadRoles();
+				return;
+			}
+			await F.loadTree(), e === "user" && (H.value || j.value === "B") && !N.value && (N.value = I.value[0]?.key || "");
+		}
+		C([M, E], ([e, t]) => {
+			t && De(e);
+		}, { immediate: !0 }), C([
+			N,
+			M,
+			E
+		], ([e, t, n]) => {
+			n && H.value && t === "user" && F.loadMembers(e);
+		}), C(() => D.variant, (e) => {
+			j.value = e;
+		}), C(() => [
+			D.http,
+			D.prefix,
+			D.isBuiltInRequest
+		], () => {
+			F.reset();
+		});
+		function K(e) {
+			j.value !== e && (j.value = e, O("update:variant", e), e === "B" && !N.value && (N.value = I.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));
+		}, {
+			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 = "");
+		}, { 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 = "";
+		}
+		function Y(e) {
+			A.value = A.value.filter((t) => r(t) !== r(e)), P.value = "";
+		}
+		function Oe(e) {
+			A.value = e ? A.value.filter((t) => t.type !== e) : [], P.value = "";
+		}
+		let ke = l(() => [
+			...i(I.value).map((e) => e.entity),
+			...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));
+			return t ? {
+				...t,
+				...e,
+				raw: t.raw ?? e.raw,
+				avatar: e.avatar || t.avatar,
+				subtitle: e.subtitle || t.subtitle
+			} : 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]}`;
+				return;
+			}
+			O("confirm", n(e)), E.value = !1;
+		}
+		function Q() {
+			A.value = k(), O("cancel"), E.value = !1;
+		}
+		function $(e) {
+			M.value !== e && (M.value = e, O("changeTab", e));
+		}
+		async function Ae(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;
+			else if (e.key === "Home") n = 0;
+			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();
+		}
+		let je = l(() => {
+			let { class: e, ...t } = D.modalProps || {}, n = Array.isArray(e) ? e : e ? [e] : [];
+			return {
+				width: `min(${Ee.value}px, calc(100vw - 32px))`,
+				centered: !0,
+				destroyOnClose: !0,
+				...t,
+				class: ["gd-ant-selector-modal", ...n].filter(Boolean).join(" ")
+			};
+		});
+		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
+			}, {
+				default: w(() => [r[10] ||= m(" 确认选择", -1), A.value.length ? (y(), f("span", be, "（" + x(A.value.length) + "）", 1)) : d("", !0)]),
+				_: 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)
+			])]),
+			_: 1
+		}, 8, [
+			"modelValue",
+			"title",
+			"modal-props"
+		]));
+	}
+});
+//#endregion
+export { E as default };

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

@@ -0,0 +1,114 @@
+//#region src/components/selector-core/model.ts
+var e = {
+	user: "用户",
+	dept: "部门",
+	role: "角色"
+}, t = {
+	key: "id",
+	title: "deptName",
+	children: "children"
+}, n = (e) => `${e.type}:${e.value}`, r = (e) => Array.from(new Map(e.map((e) => [n(e), e])).values()), i = (e) => e.map((e) => ({
+	...e,
+	raw: e.raw ? { ...e.raw } : void 0
+})), a = (e) => e == null ? "" : String(e);
+function o(e) {
+	return e.flatMap((e) => [e, ...o(e.children)]);
+}
+function s(e) {
+	return r(o(e).flatMap((e) => e.members));
+}
+function c(e, t = "", n = !1) {
+	let r = n && e.userInfo && typeof e.userInfo == "object" ? e.userInfo : e;
+	return {
+		type: "user",
+		value: a(e.userId || e.id),
+		label: a(r.realName),
+		avatar: a(r.avatar || e.avatar) || void 0,
+		subtitle: [a(r.position || r.stageName), t].filter(Boolean).join(" · "),
+		raw: e
+	};
+}
+function l(e, n = !1, i = "", o = t) {
+	return Array.isArray(e) ? e.map((e) => {
+		let t = a(e[o.title] || e.label), s = [i, t].filter(Boolean).join(" / "), u = a(e[o.key]);
+		return {
+			key: u,
+			title: t,
+			path: s,
+			entity: {
+				type: "dept",
+				value: u,
+				label: t,
+				subtitle: i,
+				raw: e
+			},
+			children: l(e[o.children], n, s, o),
+			members: n && Array.isArray(e.members) ? r(e.members.map((e) => c(e, s))) : []
+		};
+	}) : [];
+}
+function u(e, t, n = "roleKey") {
+	return Array.isArray(e) ? e.filter((e) => t || e.enable !== !1).map((e) => ({
+		type: "role",
+		value: a("value" in e && ("label" in e || "roleName" in e) ? e.value : e[t ? "id" : n]),
+		label: a(e.label || e.roleName),
+		subtitle: a(e.roleRemark),
+		raw: e
+	})).filter((e) => e.value) : [];
+}
+function d(e) {
+	return e.mode === "group" ? Infinity : e.selection === "radio" ? 1 : e.mode === "user" ? Number.isFinite(e.maxCount) && e.maxCount >= 1 ? Math.floor(e.maxCount) : 25 : Infinity;
+}
+function f(e, t, r) {
+	let i = n(t);
+	return e.some((e) => n(e) === i) ? e.filter((e) => n(e) !== i) : r.mode !== "group" && r.selection === "radio" ? [{ ...t }] : e.length >= d(r) ? e : [...e, { ...t }];
+}
+function p(e, t, i) {
+	if (!t.length) return e;
+	let a = new Set(e.map(n));
+	if (t.every((e) => a.has(n(e)))) {
+		let r = new Set(t.map(n));
+		return e.filter((e) => !r.has(n(e)));
+	}
+	return r([...e, ...t]).slice(0, d(i));
+}
+function m(e, t) {
+	for (let n of e) {
+		if (n.key === t) return [n];
+		let e = m(n.children, t);
+		if (e.length) return [n, ...e];
+	}
+	return [];
+}
+function h(e) {
+	return e.map((e) => ({
+		id: a(e.raw?.userId || e.raw?.id || e.value),
+		realName: e.label,
+		avatar: e.avatar
+	}));
+}
+function g(e) {
+	return e.map((e) => ({
+		label: e.label,
+		value: a(e.raw?.value ?? e.value)
+	}));
+}
+function _(e, t) {
+	let n = e.map((e) => ({
+		[t.key]: a(e.raw?.[t.key] ?? e.value),
+		[t.title]: e.label
+	}));
+	return {
+		values: n,
+		confirm: e.map((e, t) => e.raw || n[t])
+	};
+}
+function v(e) {
+	return e.map((e) => ({
+		label: e.label,
+		value: a(e.raw?.userId || e.raw?.id || e.value),
+		type: e.type
+	}));
+}
+//#endregion
+export { s as allPeople, i as cloneEntities, t as defaultFieldNames, m as departmentTrail, n as entityKey, o as flattenDepartments, l as mapDepartments, c as mapPerson, u as mapRoles, d as selectionLimit, e as selectorLabels, _ as serializeDepartments, v as serializeGroup, g as serializeRoles, h as serializeUsers, a as text, f as toggleEntity, p as toggleVisible, r as uniqueEntities };

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

@@ -0,0 +1,91 @@
+import { defaultFieldNames as e, mapDepartments as t, mapPerson as n, mapRoles as r, uniqueEntities as i } from "./model.mjs";
+import { onBeforeUnmount as a, ref as o } from "vue";
+//#region src/components/selector-core/useSelectorData.ts
+var s = {
+	user: "/security/dept/user/tree",
+	dept: "/security/dept/company/tree",
+	role: "/security/business/company/role/list?pageNum=1&pageSize=500",
+	groupRole: "/security/company/role/page?pageNum=1&pageSize=1000",
+	members: (e) => `/security/dept/user/page?deptId=${encodeURIComponent(e)}&pageSIze=1000&pageNum=1`
+};
+function c(c) {
+	let l = o([]), u = o([]), d = o([]), f = o(!1), p = o(!1), m = o(!1), h = o(""), g = o(""), _ = o(""), v = 0, y = 0, b = 0, x = !1, S = !1, C = /* @__PURE__ */ new Map();
+	async function w(e) {
+		if (!c.http || typeof c.http.get != "function") throw Error("缺少数据请求实例");
+		let t = await c.http.get(`${c.prefix || ""}${e}`);
+		if (t?.status !== 0) throw Error("数据加载失败，请重试");
+		return t.data;
+	}
+	async function T(n = !1) {
+		if (x && !n) return;
+		let r = ++v;
+		f.value = !0, h.value = "";
+		try {
+			let n;
+			if (n = c.mode === "user" ? c.isBuiltInRequest ? await w(s.user) : c.initData ? await c.initData() : [] : c.mode === "dept" && !c.isBuiltInRequest ? c.treeData?.() || [] : await w(s.dept), r !== v) return;
+			l.value = t(n, c.mode === "user", "", c.fieldNames?.() || e), x = !0;
+		} catch (e) {
+			r === v && (h.value = e instanceof Error ? e.message : "组织加载失败，请重试", l.value = []);
+		} finally {
+			r === v && (f.value = !1);
+		}
+	}
+	async function E(e = !1) {
+		if (S && !e) return;
+		let t = ++y;
+		p.value = !0, g.value = "";
+		try {
+			let e;
+			if (c.mode === "role") {
+				let t = c.isBuiltInRequest ? await w(s.role) : c.roleOptions?.() || [];
+				e = Array.isArray(t) ? t : t?.list || [];
+			} else e = (await w(s.groupRole))?.list || [];
+			if (t !== y) return;
+			u.value = r(e, c.mode === "group", c.valueField?.() || "roleKey"), S = !0;
+		} catch (e) {
+			t === y && (g.value = e instanceof Error ? e.message : "角色加载失败，请重试", u.value = []);
+		} finally {
+			t === y && (p.value = !1);
+		}
+	}
+	async function D(e, t = !1) {
+		let r = ++b;
+		_.value = "", d.value = [], m.value = !0;
+		try {
+			if (!e) return;
+			if (!t && C.has(e)) {
+				d.value = C.get(e);
+				return;
+			}
+			let a = await w(s.members(e)), o = i((Array.isArray(a?.list) ? a.list : []).map((e) => n(e, "", !0)));
+			if (r !== b) return;
+			C.set(e, o), d.value = o;
+		} catch (e) {
+			r === b && (_.value = e instanceof Error ? e.message : "成员加载失败，请重试", d.value = []);
+		} finally {
+			r === b && (m.value = !1);
+		}
+	}
+	function O() {
+		v++, y++, b++, x = !1, S = !1, C.clear(), l.value = [], u.value = [], d.value = [], h.value = "", g.value = "", _.value = "", f.value = !1, p.value = !1, m.value = !1;
+	}
+	return a(() => {
+		v++, y++, b++;
+	}), {
+		departments: l,
+		roles: u,
+		members: d,
+		treeLoading: f,
+		roleLoading: p,
+		memberLoading: m,
+		treeError: h,
+		roleError: g,
+		memberError: _,
+		loadTree: T,
+		loadRoles: E,
+		loadMembers: D,
+		reset: O
+	};
+}
+//#endregion
+export { c as useSelectorData };