@guodun/antdv 1.5.3 → 1.6.0

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

@@ -0,0 +1,19 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, toDisplayString as o } from "vue";
+//#region src/components/selector-core/components/HighlightText.vue?vue&type=script&setup=true&lang.ts
+var s = { key: 0 }, c = { key: 1 }, l = { class: "gd-ant-selector__highlight" }, u = /* @__PURE__ */ i({
+	__name: "HighlightText",
+	props: {
+		text: {},
+		query: {}
+	},
+	setup(i) {
+		let u = i, d = e(() => u.query ? u.text.indexOf(u.query) : -1);
+		return (e, u) => d.value < 0 ? (a(), t("span", s, o(i.text), 1)) : (a(), t("span", c, [
+			r(o(i.text.slice(0, d.value)), 1),
+			n("mark", l, o(i.text.slice(d.value, d.value + i.query.length)), 1),
+			r(o(i.text.slice(d.value + i.query.length)), 1)
+		]));
+	}
+});
+//#endregion
+export { u as default };

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

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

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

@@ -0,0 +1,61 @@
+import e from "../../icon/src/icon.mjs";
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, createVNode as i, defineComponent as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l, withCtx as u } from "vue";
+import { Button as d, Spin as f } from "ant-design-vue";
+//#region src/components/selector-core/components/PanelFeedback.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "gd-ant-selector__feedback",
+	role: "status",
+	"aria-live": "polite"
+}, m = {
+	key: 1,
+	class: "gd-ant-selector__feedback gd-ant-selector__feedback--error",
+	role: "alert"
+}, h = {
+	key: 2,
+	class: "gd-ant-selector__feedback",
+	role: "status"
+}, g = /* @__PURE__ */ a({
+	__name: "PanelFeedback",
+	props: {
+		loading: { type: Boolean },
+		error: {},
+		empty: { type: Boolean },
+		searching: { type: Boolean },
+		label: {}
+	},
+	emits: ["retry"],
+	setup(a) {
+		return (g, _) => a.loading ? (o(), t("div", p, [
+			i(l(f)),
+			n("strong", null, "正在加载" + c(a.label), 1),
+			_[1] ||= n("span", null, "请稍候，选择内容会保留", -1)
+		])) : a.error ? (o(), t("div", m, [
+			i(e, {
+				name: "close-circle",
+				size: 32,
+				"aria-hidden": "true"
+			}),
+			n("strong", null, "暂时无法加载" + c(a.label), 1),
+			n("span", null, c(a.error), 1),
+			i(l(d), { onClick: _[0] ||= (e) => g.$emit("retry") }, {
+				default: u(() => [i(e, {
+					name: "sync",
+					size: 16,
+					"aria-hidden": "true"
+				}), _[2] ||= r("重新加载 ", -1)]),
+				_: 1
+			})
+		])) : a.empty ? (o(), t("div", h, [
+			i(e, {
+				name: a.searching ? "search" : "close-circle-o",
+				size: 32,
+				"aria-hidden": "true"
+			}, null, 8, ["name"]),
+			n("strong", null, c(a.searching ? "没有找到匹配结果" : `暂无${a.label || "数据"}`), 1),
+			n("span", null, c(a.searching ? "换个关键词试试，已选内容不会丢失" : "可以浏览其它部门或稍后重试"), 1)
+		])) : s(g.$slots, "default", { key: 3 });
+	}
+});
+//#endregion
+export { g as default };

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

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

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

@@ -0,0 +1,237 @@
+import e from "../../icon/src/icon.mjs";
+import { allPeople as t, departmentTrail as n, entityKey as r, flattenDepartments as i } from "../model.mjs";
+import a from "./PanelFeedback.mjs";
+import o from "./DepartmentTree.mjs";
+import s from "./EntityRow.mjs";
+import { Fragment as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, onBeforeUnmount as ee, onMounted as te, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
+import { Button as ne, Dropdown as re, Input as ie, Menu as ae, MenuItem as oe } from "ant-design-vue";
+//#region src/components/selector-core/components/PeoplePane.vue?vue&type=script&setup=true&lang.ts
+var se = ["open"], ce = {
+	class: "gd-ant-selector__people-main",
+	"aria-label": "联系人列表"
+}, le = {
+	key: 0,
+	class: "gd-ant-selector__browser-heading"
+}, ue = { class: "gd-ant-selector__meta" }, T = {
+	key: 1,
+	class: "gd-ant-selector__breadcrumbs",
+	"aria-label": "组织路径"
+}, de = ["disabled"], E = [
+	"disabled",
+	"title",
+	"onClick"
+], D = {
+	key: 2,
+	class: "gd-ant-selector__browser-heading"
+}, O = ["title"], k = { class: "gd-ant-selector__meta" }, A = {
+	key: 0,
+	class: "gd-ant-selector__list-section-label"
+}, j = ["title", "onClick"], M = { class: "gd-ant-selector__entity-icon" }, N = { class: "gd-ant-selector__department-entry-info" }, P = {
+	key: 1,
+	class: "gd-ant-selector__list-section-label"
+}, F = {
+	key: 2,
+	class: "gd-ant-selector__bulk"
+}, I = ["checked", "indeterminate"], L = /* @__PURE__ */ _({
+	__name: "PeoplePane",
+	props: {
+		nodes: {},
+		variant: {},
+		active: {},
+		selected: {},
+		limit: {},
+		radio: { type: Boolean },
+		group: { type: Boolean },
+		members: {},
+		loading: { type: Boolean },
+		treeLoading: { type: Boolean },
+		error: {},
+		treeError: {}
+	},
+	emits: [
+		"navigate",
+		"toggle",
+		"bulk",
+		"retry",
+		"retryTree"
+	],
+	setup(_, { emit: L }) {
+		let R = _, z = L, B = b(), V = b(!0), H = b(!1), U;
+		te(() => {
+			let e = B.value?.closest(".gd-ant-selector__dialog-root");
+			e && (U = new ResizeObserver((e) => {
+				let t = (e[0]?.contentRect.width || 0) <= 850;
+				t !== H.value && (H.value = t, V.value = !t);
+			}), U.observe(e));
+		}), ee(() => U?.disconnect());
+		let W = b(""), G = b("forward"), K = u(() => n(R.nodes, R.active)), q = u(() => K.value.at(-1)), J = u(() => q.value?.children || R.nodes), Y = u(() => (R.group ? R.members : W.value.trim() ? t(R.nodes) : q.value?.members || []).filter((e) => e.label.includes(W.value.trim()))), X = u(() => new Set(R.selected.map(r))), Z = u(() => Y.value.length > 0 && Y.value.every((e) => X.value.has(r(e)))), fe = u(() => !Z.value && Y.value.some((e) => X.value.has(r(e)))), pe = u(() => K.value.length > 3 ? K.value.slice(-2) : K.value), Q = u(() => K.value.length > 3 ? K.value.slice(0, -2) : []), me = u(() => R.active || i(R.nodes)[0]?.key || "");
+		function $(e, t = !1) {
+			G.value = t ? "backward" : "forward", z("navigate", e), H.value && (V.value = !1);
+		}
+		return (t, n) => (y(), p("div", {
+			ref_key: "pane",
+			ref: B,
+			class: v(["gd-ant-selector__people", _.variant === "B" && "gd-ant-selector__people--tree"])
+		}, [_.variant === "B" ? (y(), p("details", {
+			key: 0,
+			class: "gd-ant-selector__organization",
+			open: V.value,
+			onToggle: n[2] ||= (e) => V.value = e.target.open
+		}, [m("summary", null, "组织架构 · " + S(q.value?.title || "全部部门"), 1), g(o, {
+			nodes: _.nodes,
+			navigation: "",
+			active: me.value,
+			loading: _.treeLoading,
+			error: _.treeError,
+			onNavigate: n[0] ||= (e) => $(e),
+			onRetry: n[1] ||= (e) => z("retryTree")
+		}, null, 8, [
+			"nodes",
+			"active",
+			"loading",
+			"error"
+		])], 40, se)) : f("", !0), m("section", ce, [
+			g(C(ie), {
+				value: W.value,
+				"onUpdate:value": n[3] ||= (e) => W.value = e,
+				"allow-clear": "",
+				placeholder: _.group ? "搜索当前部门联系人" : "搜索全部联系人",
+				"aria-label": _.group ? "搜索当前部门联系人" : "搜索全部联系人",
+				class: "gd-ant-selector__search"
+			}, {
+				prefix: w(() => [g(e, {
+					name: "search",
+					size: 16,
+					"aria-hidden": "true"
+				})]),
+				_: 1
+			}, 8, [
+				"value",
+				"placeholder",
+				"aria-label"
+			]),
+			W.value.trim() ? (y(), p("div", le, [n[9] ||= m("strong", null, "搜索结果", -1), m("span", ue, S(_.group ? "当前部门" : "全部组织") + " · " + S(Y.value.length) + " 人", 1)])) : _.variant === "A" ? (y(), p("nav", T, [
+				m("button", {
+					type: "button",
+					disabled: !_.active,
+					onClick: n[4] ||= (e) => $("", !0)
+				}, "通讯录", 8, de),
+				Q.value.length ? (y(), d(C(re), {
+					key: 0,
+					trigger: ["click"]
+				}, {
+					overlay: w(() => [g(C(ae), null, {
+						default: w(() => [(y(!0), p(c, null, x(Q.value, (e) => (y(), d(C(oe), {
+							key: e.key,
+							onClick: (t) => $(e.key, !0)
+						}, {
+							default: w(() => [h(S(e.title), 1)]),
+							_: 2
+						}, 1032, ["onClick"]))), 128))]),
+						_: 1
+					})]),
+					default: w(() => [n[10] ||= m("button", {
+						type: "button",
+						class: "gd-ant-selector__icon-button",
+						"aria-label": "展开中间部门路径"
+					}, "…", -1)]),
+					_: 1
+				})) : f("", !0),
+				(y(!0), p(c, null, x(pe.value, (t) => (y(), p(c, { key: t.key }, [g(e, {
+					name: "right",
+					size: 8,
+					"aria-hidden": "true"
+				}), m("button", {
+					type: "button",
+					disabled: t.key === _.active,
+					title: t.title,
+					onClick: (e) => $(t.key, !0)
+				}, S(t.title), 9, E)], 64))), 128))
+			])) : (y(), p("div", D, [m("strong", { title: q.value?.title }, S(q.value?.title || "全部联系人"), 9, O), m("span", k, S(Y.value.length) + " 人", 1)])),
+			g(a, {
+				loading: _.variant === "A" ? _.treeLoading : _.loading,
+				error: _.variant === "A" ? _.treeError : _.error,
+				label: "联系人",
+				onRetry: n[8] ||= (e) => _.variant === "A" ? z("retryTree") : z("retry")
+			}, {
+				default: w(() => [g(l, {
+					name: `gd-ant-selector-slide-${G.value}`,
+					mode: "out-in"
+				}, {
+					default: w(() => [(y(), p("div", {
+						key: `${_.active}:${!!W.value.trim()}`,
+						class: "gd-ant-selector__browser-scroll"
+					}, [
+						_.variant === "A" && !W.value.trim() ? (y(), p(c, { key: 0 }, [
+							J.value.length ? (y(), p("div", A, [h(S(_.active ? "下级部门" : "组织"), 1), m("span", null, S(J.value.length), 1)])) : f("", !0),
+							(y(!0), p(c, null, x(J.value, (t) => (y(), p("button", {
+								key: t.key,
+								type: "button",
+								class: "gd-ant-selector__department-entry",
+								title: t.title,
+								onClick: (e) => $(t.key)
+							}, [
+								m("span", M, [g(e, {
+									name: "bumen",
+									size: 17,
+									"aria-hidden": "true"
+								})]),
+								m("span", N, [m("strong", null, S(t.title), 1), m("small", null, S(t.children.length ? `${t.children.length} 个下级部门` : "浏览部门成员"), 1)]),
+								g(e, {
+									name: "right",
+									size: 14,
+									"aria-hidden": "true"
+								})
+							], 8, j))), 128)),
+							_.active && !J.value.length && !Y.value.length ? (y(), d(C(ne), {
+								key: 1,
+								type: "text",
+								onClick: n[5] ||= (e) => $(K.value.at(-2)?.key || "", !0)
+							}, {
+								default: w(() => [g(e, {
+									name: "left",
+									size: 14,
+									"aria-hidden": "true"
+								}), n[11] ||= h("返回上级部门 ", -1)]),
+								_: 1
+							})) : f("", !0)
+						], 64)) : f("", !0),
+						Y.value.length ? (y(), p("div", P, [m("span", null, S(W.value.trim() ? "匹配联系人" : "部门成员"), 1), m("span", null, S(Y.value.length), 1)])) : f("", !0),
+						_.group && Y.value.length ? (y(), p("label", F, [
+							m("input", {
+								type: "checkbox",
+								checked: Z.value,
+								indeterminate: fe.value,
+								onChange: n[6] ||= (e) => z("bulk", Y.value)
+							}, null, 40, I),
+							h(" 全选" + S(W.value.trim() ? "搜索结果" : "当前部门"), 1),
+							m("span", null, S(Y.value.length) + " 人", 1)
+						])) : f("", !0),
+						(y(!0), p(c, null, x(Y.value, (e) => (y(), d(s, {
+							key: C(r)(e),
+							item: e,
+							checked: X.value.has(C(r)(e)),
+							disabled: !_.radio && _.selected.length >= _.limit && !X.value.has(C(r)(e)),
+							selection: _.radio ? "radio" : "checkbox",
+							onToggle: n[7] ||= (e) => z("toggle", e)
+						}, null, 8, [
+							"item",
+							"checked",
+							"disabled",
+							"selection"
+						]))), 128)),
+						g(a, {
+							empty: !Y.value.length && (_.variant === "B" || !J.value.length || !!W.value.trim()),
+							searching: !!W.value.trim(),
+							label: "联系人"
+						}, null, 8, ["empty", "searching"])
+					]))]),
+					_: 1
+				}, 8, ["name"])]),
+				_: 1
+			}, 8, ["loading", "error"])
+		])], 2));
+	}
+});
+//#endregion
+export { L as default };

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

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

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

@@ -0,0 +1,87 @@
+import e from "../../icon/src/icon.mjs";
+import { entityKey as t } from "../model.mjs";
+import n from "./PanelFeedback.mjs";
+import r from "./EntityRow.mjs";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { Input as y } from "ant-design-vue";
+//#region src/components/selector-core/components/RolePane.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	class: "gd-ant-selector__role-pane",
+	"aria-label": "角色列表"
+}, x = { class: "gd-ant-selector__pane-heading" }, S = { class: "gd-ant-selector__meta" }, C = { class: "gd-ant-selector__role-scroll" }, w = {
+	key: 0,
+	class: "gd-ant-selector__bulk"
+}, T = ["checked", "indeterminate"], E = /* @__PURE__ */ f({
+	__name: "RolePane",
+	props: {
+		roles: {},
+		selected: {},
+		radio: { type: Boolean },
+		group: { type: Boolean },
+		loading: { type: Boolean },
+		error: {}
+	},
+	emits: [
+		"toggle",
+		"bulk",
+		"retry"
+	],
+	setup(f, { emit: E }) {
+		let D = f, O = E, k = m(""), A = a(() => D.roles.filter((e) => e.label.includes(k.value.trim()) || !D.group && e.value.includes(k.value.trim()))), j = a(() => new Set(D.selected.map(t))), M = a(() => A.value.length > 0 && A.value.every((e) => j.value.has(t(e)))), N = a(() => !M.value && A.value.some((e) => j.value.has(t(e))));
+		return (a, m) => (p(), c("section", b, [
+			l("div", x, [m[4] ||= l("span", null, "可选角色", -1), l("span", S, g(f.roles.length) + " 个角色", 1)]),
+			d(_(y), {
+				value: k.value,
+				"onUpdate:value": m[0] ||= (e) => k.value = e,
+				"allow-clear": "",
+				placeholder: "搜索角色",
+				"aria-label": "搜索角色",
+				class: "gd-ant-selector__search"
+			}, {
+				prefix: v(() => [d(e, {
+					name: "search",
+					size: 16,
+					"aria-hidden": "true"
+				})]),
+				_: 1
+			}, 8, ["value"]),
+			d(n, {
+				loading: f.loading,
+				error: f.error,
+				empty: !A.value.length,
+				searching: !!k.value,
+				label: "角色",
+				onRetry: m[3] ||= (e) => O("retry")
+			}, {
+				default: v(() => [l("div", C, [f.group ? (p(), c("label", w, [
+					l("input", {
+						type: "checkbox",
+						checked: M.value,
+						indeterminate: N.value,
+						onChange: m[1] ||= (e) => O("bulk", A.value)
+					}, null, 40, T),
+					m[5] ||= u(" 全选搜索结果", -1),
+					l("span", null, g(A.value.length) + " 项", 1)
+				])) : s("", !0), (p(!0), c(i, null, h(A.value, (e) => (p(), o(r, {
+					key: _(t)(e),
+					item: e,
+					checked: j.value.has(_(t)(e)),
+					selection: f.radio ? "radio" : "checkbox",
+					onToggle: m[2] ||= (e) => O("toggle", e)
+				}, null, 8, [
+					"item",
+					"checked",
+					"selection"
+				]))), 128))])]),
+				_: 1
+			}, 8, [
+				"loading",
+				"error",
+				"empty",
+				"searching"
+			])
+		]));
+	}
+});
+//#endregion
+export { E as default };

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

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

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

@@ -0,0 +1,73 @@
+import e from "../../icon/src/icon.mjs";
+import { entityKey as t, selectorLabels as n } from "../model.mjs";
+import r from "./EntityRow.mjs";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, openBlock as p, renderList as m, toDisplayString as h, unref as g } from "vue";
+//#region src/components/selector-core/components/SelectionSummary.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	class: "gd-ant-selector__summary",
+	"aria-label": "已选内容"
+}, v = { class: "gd-ant-selector__summary-heading" }, y = {
+	class: "gd-ant-selector__count",
+	"aria-live": "polite"
+}, b = ["disabled"], x = {
+	key: 0,
+	class: "gd-ant-selector__selected-empty"
+}, S = { class: "gd-ant-selector__selected-empty-icon" }, C = {
+	key: 1,
+	class: "gd-ant-selector__summary-list"
+}, w = {
+	key: 0,
+	class: "gd-ant-selector__group-heading"
+}, T = ["aria-label", "onClick"], E = { class: "gd-ant-selector__summary-foot" }, D = /* @__PURE__ */ f({
+	__name: "SelectionSummary",
+	props: {
+		selected: {},
+		limit: {},
+		grouped: { type: Boolean }
+	},
+	emits: ["remove", "clear"],
+	setup(f) {
+		let D = f, O = a(() => [
+			"dept",
+			"role",
+			"user"
+		].map((e) => ({
+			type: e,
+			items: D.selected.filter((t) => t.type === e)
+		})).filter((e) => e.items.length));
+		return (a, D) => (p(), c("aside", _, [
+			l("div", v, [l("strong", null, [D[2] ||= u(" 已选内容 ", -1), l("span", y, [u(h(f.selected.length), 1), Number.isFinite(f.limit) ? (p(), c(i, { key: 0 }, [u(" / " + h(f.limit), 1)], 64)) : s("", !0)])]), l("button", {
+				type: "button",
+				class: "gd-ant-selector__text-button",
+				disabled: !f.selected.length,
+				onClick: D[0] ||= (e) => a.$emit("clear")
+			}, "清空", 8, b)]),
+			f.selected.length ? (p(), c("div", C, [(p(!0), c(i, null, m(O.value, (e) => (p(), c("section", {
+				key: e.type,
+				class: "gd-ant-selector__selection-group"
+			}, [f.grouped ? (p(), c("div", w, [l("span", null, h(g(n)[e.type]) + " · " + h(e.items.length), 1), l("button", {
+				type: "button",
+				class: "gd-ant-selector__text-button",
+				"aria-label": `清空已选${g(n)[e.type]}`,
+				onClick: (t) => a.$emit("clear", e.type)
+			}, " 清空 ", 8, T)])) : s("", !0), (p(!0), c(i, null, m(e.items, (e) => (p(), o(r, {
+				key: g(t)(e),
+				item: e,
+				interactive: !1,
+				removable: "",
+				onRemove: D[1] ||= (e) => a.$emit("remove", e)
+			}, null, 8, ["item"]))), 128))]))), 128))])) : (p(), c("div", x, [
+				l("span", S, [d(e, {
+					name: "carry-out",
+					size: 20,
+					"aria-hidden": "true"
+				})]),
+				D[3] ||= l("strong", null, "把需要的选择留在这里", -1),
+				D[4] ||= l("p", null, "从左侧选择，确认后统一生效", -1)
+			])),
+			l("div", E, [D[5] ||= l("span", null, null, -1), u(h(f.selected.length ? "已保存在本次选择中，等待确认" : "支持跨部门、跨列表连续选择"), 1)])
+		]));
+	}
+});
+//#endregion
+export { D as default };

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

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