@guodun/antdv 1.0.0

package/dist/es/components/pro-selector/src/components/org-tree.mjs

@@ -0,0 +1,182 @@
+import { useNamespace as e } from "../../../../hooks/use-namespace/index.mjs";
+import t from "../../../icon/index.mjs";
+import { GTE_ORGTREE_URL as n, selectUserContextKey as r } from "../types.mjs";
+import { debounce as i, formatOrgTree as a, uniqueById as o } from "../utils/orgTree.mjs";
+import s from "./user.mjs";
+import { Fragment as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, isVNode as p, onMounted as m, ref as h, watch as g } from "vue";
+import { Breadcrumb as _, BreadcrumbItem as v, Empty as y, Modal as b, Skeleton as x } from "ant-design-vue";
+import { uid as S } from "@guodun/utils";
+//#region src/components/pro-selector/src/components/org-tree.tsx
+function C(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
+}
+var { b: w } = e("pro-user-selector"), T = /* @__PURE__ */ d({
+	name: "OrgTree",
+	props: {
+		selectUserList: {
+			type: Array,
+			default: () => []
+		},
+		keyword: {
+			type: String,
+			default: ""
+		},
+		initData: {
+			type: Function,
+			default: () => Promise.resolve([])
+		}
+	},
+	emits: {
+		"update:selectUserList": (e) => e,
+		ready: () => !0
+	},
+	setup(e, { emit: d, expose: p }) {
+		let T = f(r), E = h([]), D = h({}), O = h([]), k = h({}), A = h([]), j = h(!1), M = i((e) => {
+			let t = [], n = (r) => {
+				for (let i of r) {
+					if (i.members && i.members.length > 0) for (let n of i.members) n.realName && n.realName.includes(e) && t.push(n);
+					i.children && i.children.length > 0 && n(i.children);
+				}
+			};
+			n(E.value), A.value = o(t), j.value = e !== "";
+		}, 300);
+		g(() => e.keyword, (e, t) => {
+			if (e === "") {
+				M.cancel(), j.value = !1, A.value = [];
+				return;
+			}
+			e !== t && M(e);
+		});
+		let N = (e) => {
+			D.value.members?.forEach((t) => {
+				t.userId === e && (t.checked = !1);
+			}), A.value = A.value.map((t) => (t.id === e && (t.checked = !1), t));
+		}, P = (t, n) => {
+			if (e.selectUserList.length === T?.maxCount) {
+				n.checked = !1, b.warning({
+					title: "温馨提示",
+					content: `最多只能选择${T.maxCount}个用户`
+				});
+				return;
+			}
+			d("update:selectUserList", t ? [...e.selectUserList, n] : e.selectUserList.filter((e) => e.id !== n.id));
+		}, F = (t) => {
+			t.parentId === "root" ? O.value.push({
+				id: S(32),
+				deptName: "组织内联系人",
+				children: E.value[0].children,
+				members: E.value[0].members
+			}) : O.value.push(t), t.members?.forEach((t) => {
+				t.checked = e.selectUserList.some((e) => e.userId === t.userId);
+			}), D.value = t, k.value = t;
+		}, I = (t, n) => {
+			let r = {};
+			if (k.value.id === t.id) {
+				console.log(`当前组织架构树展示的视图已经是《${t.deptName}》部门下面的数据`);
+				return;
+			}
+			if (n === 0) r = { children: E.value }, O.value = [{
+				id: S(32),
+				deptName: "联系人",
+				children: E.value
+			}];
+			else if (n === 1) r = E.value[0], O.value = O.value.slice(0, 2);
+			else {
+				r = t;
+				let e = O.value.findIndex((e) => e.id === t.id);
+				e !== -1 && (O.value = O.value.slice(0, e + 1));
+			}
+			r.members?.forEach((t) => {
+				t.checked = e.selectUserList.some((e) => e.id === t.userId);
+			}), D.value = r;
+		}, L = (e) => u(c, null, [u("div", { class: w("org-tree-item-title") }, [e.parentId === "root" ? u(t, {
+			name: "zuzhijiagou",
+			size: 18,
+			color: "#00d6b9"
+		}, null) : u("div", { class: w("org-tree-dept-icon") }, [u(t, {
+			name: "zuzhijiagou",
+			size: 18,
+			color: "#ffffff"
+		}, null)], 2), u("div", { class: w("org-tree-item-title-text") }, [e.deptName, e.parentId !== "root" && u(c, null, [
+			l("("),
+			e.members && e.members.length > 0 ? e.members.length : 0,
+			l(")")
+		])], 2)], 2), e.parentId === "root" ? u(t, {
+			name: "right",
+			size: 14,
+			color: "#bbbfc4"
+		}, null) : u("a", {
+			style: "width: 50px",
+			href: "javascript:void(0)"
+		}, [l("下级")])]), R = (e) => u("div", { class: w("user-list") }, [e.members?.map((e) => u(s, {
+			userInfo: e,
+			"onChange-checked": P
+		}, null, 8, ["userInfo", "onChange-checked"]))], 2), z = (e) => e.parentId === "root" && O.value.length === 1 ? u("div", {
+			class: w("org-tree-item"),
+			onClick: () => F(e)
+		}, [L(e)], 10, ["onClick"]) : u(c, null, [e.children && e.children.length > 0 ? e.children.map((e) => u("div", {
+			class: w("org-tree-item"),
+			onClick: () => F(e)
+		}, [L(e)], 10, ["onClick"])) : null, R(e)]), B = () => u("div", { class: w("user-list") }, [A.value.length > 0 ? A.value.map((t) => u(s, {
+			userInfo: t,
+			"onChange-checked": P
+		}, {
+			name: () => u("div", { style: "font-size: 14px;color: #000;" }, [t?.realName.includes(e.keyword) ? t?.realName.split(e.keyword).map((n, r) => u(c, null, [n, r < t?.realName.split(e.keyword).length - 1 && u("span", { style: "color: red;" }, [e.keyword])])) : t?.realName]),
+			_: 1
+		}, 8, ["userInfo", "onChange-checked"])) : u(y, { description: "暂无数据" }, null)], 2), V = h(!1), H, U = new Promise((e) => {
+			H = e;
+		}), W = () => new Promise((e, t) => {
+			if (T?.isBuiltInRequest) {
+				if (!T.http) throw Error("请传入http实例");
+				T.http.get(`${T.prefix}${n}`).then((t) => {
+					t.status === 0 && e(t.data);
+				}).catch((e) => {
+					console.log(e);
+				});
+			}
+		});
+		return m(async () => {
+			try {
+				V.value = !0, T?.isBuiltInRequest ? E.value = await W() : T?.initData && (E.value = await T.initData()), a(E.value), V.value = !1, H(E.value), d("ready"), D.value = { children: E.value }, O.value = [{
+					id: S(32),
+					deptName: "联系人",
+					children: E.value
+				}], F(E.value[0]);
+			} finally {
+				V.value = !1;
+			}
+		}), p({
+			deleteDeptUser: N,
+			getInitData: (e, t) => {
+				let n = [], r = (t) => {
+					for (let i of t) {
+						if (i.members && i.members.length > 0) for (let t of i.members) e.some((e) => e.id === t.userId) ? (t.checked = !0, n.push(t)) : t.checked = !1;
+						i.children && i.children.length > 0 && r(i.children);
+					}
+				};
+				r(t), d("update:selectUserList", o(n));
+			},
+			dataLoadPromise: U
+		}), () => {
+			let e;
+			return u(c, null, [u("div", { style: "padding:0 16px" }, [O.value.length > 1 && !j.value ? u(_, {
+				separator: ">",
+				class: w("breadcrumb")
+			}, C(e = O.value.map((e, t) => u(v, { onClick: () => I(e, t) }, { default: () => [t === O.value.length - 1 ? e.deptName : u("a", { href: "javascript:void(0)" }, [e.deptName])] }, 8, ["onClick"]))) ? e : {
+				default: () => [e],
+				_: 1
+			}, 8, ["class"]) : null]), j.value ? u(c, null, [B()]) : u("div", { class: w("org-tree") }, [V.value ? u("div", {
+				class: w("org-tree-item"),
+				style: "height: 200px;display: block;"
+			}, [u(x, {
+				active: !0,
+				avatar: !0
+			}, null, 8, ["active", "avatar"]), u(x, {
+				active: !0,
+				avatar: !0
+			}, null, 8, ["active", "avatar"])], 2) : z(D.value)], 2)]);
+		};
+	}
+});
+//#endregion
+export { T as default };

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

@@ -0,0 +1,84 @@
+import { useNamespace as e } from "../../../../hooks/use-namespace/index.mjs";
+import t from "../../../icon/index.mjs";
+import n from "../../../pro-user-avatar/index.mjs";
+import { createVNode as r, defineComponent as i, isVNode as a } from "vue";
+import { Checkbox as o } from "ant-design-vue";
+//#region src/components/pro-selector/src/components/user.tsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
+}
+var { b: c } = e("pro-user-selector"), l = /* @__PURE__ */ i({
+	name: "User",
+	props: {
+		userInfo: {
+			type: Object,
+			default: () => ({})
+		},
+		isChecked: {
+			type: Boolean,
+			default: !0
+		},
+		isDelete: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: {
+		"delete-user": (e) => e,
+		"change-checked": (e, t) => e
+	},
+	setup(e, { emit: i, slots: a }) {
+		let l = (t) => {
+			i("change-checked", t.target.checked, e.userInfo);
+		}, u = () => r("div", { class: c("user-item-content") }, [r("div", { style: {
+			width: "100%",
+			display: "flex",
+			alignItems: "center",
+			"margin-top": "4px"
+		} }, [r(n, {
+			name: e.userInfo.realName ? e.userInfo.realName : "",
+			avatar: e.userInfo.avatar,
+			size: "default"
+		}, null, 8, ["name", "avatar"]), r("div", null, [r("div", { style: "display: flex;align-items: center;" }, [a.name ? a.name() : r("div", { style: "font-size: 14px;color: #000;" }, [e.userInfo.realName]), e.userInfo.position && r("div", {
+			class: c("user-item-content-tag"),
+			style: {
+				"font-size": "10px",
+				"margin-left": "10px",
+				color: "#245bdb",
+				"background-color": "rgba(51, 112, 255, .2)",
+				"padding-left": "4px",
+				"padding-right": "4px",
+				"border-radius": "4px"
+			}
+		}, [e.userInfo.position], 2)]), r("div", { style: {
+			fontSize: "12px",
+			color: "#8f959e",
+			lineHeight: "20px"
+		} }, [e.userInfo.stageName])])]), e.isDelete && r("div", {
+			class: "select-user-item-icon",
+			onClick: () => i("delete-user", e.userInfo.userId)
+		}, [r(t, {
+			name: "shanchu",
+			size: 12,
+			color: "#2b2f36"
+		}, null)], 8, ["onClick"])], 2);
+		return () => {
+			let t;
+			return r("div", { class: c("user-item") }, [e.isChecked ? r(o, {
+				style: "margin: 0 6px;width: 100%;",
+				checked: e.userInfo.checked,
+				"onUpdate:checked": (t) => e.userInfo.checked = t,
+				onChange: l
+			}, s(t = u()) ? t : {
+				default: () => [t],
+				_: 1
+			}, 8, [
+				"checked",
+				"onUpdate:checked",
+				"onChange"
+			]) : r("div", { style: "width: 100%;" }, [u()])], 2);
+		};
+	}
+});
+//#endregion
+export { l as default };

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

@@ -0,0 +1 @@
+import "./useUserSelector.mjs";

package/dist/es/components/pro-selector/src/hooks/useUserSelector.mjs

@@ -0,0 +1,6 @@
+//#region src/components/pro-selector/src/hooks/useUserSelector.ts
+function e() {
+	return { GTE_ORGTREE_URL: "/security/dept/user/tree" };
+}
+//#endregion
+export { e as useUserSelector };

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

@@ -0,0 +1,153 @@
+import { useNamespace as e } from "../../../hooks/use-namespace/index.mjs";
+import t from "../../pro-modal/index.mjs";
+import n from "../../icon/index.mjs";
+import { UserSelectorProps as r, selectUserContextKey as i, userSelectorEmits as a } from "./types.mjs";
+import o from "./components/user.mjs";
+import s from "./components/org-tree.mjs";
+import c from "../../pro-user-avatar/index.mjs";
+import { createTextVNode as l, createVNode as u, defineComponent as d, nextTick as f, provide as p, reactive as m, ref as h, watch as g } from "vue";
+import { Empty as _, FormItemRest as v, Input as y, message as b } from "ant-design-vue";
+//#region src/components/pro-selector/src/pro-user.tsx
+var { b: x } = e("pro-user-selector"), S = e("user-selector-extermal"), C = /* @__PURE__ */ d({
+	name: "ProUserSelector",
+	props: r,
+	emits: a,
+	setup(e, { emit: r, slots: a, expose: d, attrs: C }) {
+		let w = h(""), T = h([]), E = h(), D = h(null);
+		p(i, m({
+			maxCount: e.maxCount,
+			http: e.http,
+			isBuiltInRequest: e.isBuiltInRequest,
+			prefix: e.prefix,
+			initData: e.initData
+		}));
+		let O = h(e.modelValue || []), k = h(!1);
+		g(() => e.modelValue, (e) => {
+			console.log("watch 触发了...", k.value), k.value ? k.value = !1 : (O.value = JSON.parse(JSON.stringify(e)), f(() => {
+				A(O.value);
+			}));
+		}, {
+			deep: !0,
+			immediate: !0
+		}), g(T, (e, t) => {
+			e.length > t.length && f(() => {
+				D.value && (D.value.scrollTop = D.value.scrollHeight);
+			});
+		}, { deep: !0 });
+		async function A(e) {
+			if (await f(), !E.value) {
+				console.warn("OrgTree 组件还未就绪，跳过初始化");
+				return;
+			}
+			let t = await E.value.dataLoadPromise;
+			E.value.getInitData(e, t);
+		}
+		let j = (e) => {
+			T.value = T.value.filter((t) => t.userId !== e), console.log("selectUserList.value =>", T.value), E.value?.deleteDeptUser(e);
+		};
+		function M() {
+			console.log("ready..."), O.value && A(O.value);
+		}
+		let N = () => {
+			r("update:visible", !1), r("cancel");
+		}, P = (t) => {
+			r("update:modelValue", e.modelValue.filter((e) => e.id !== t));
+		}, F = () => {
+			if (T.value.length === 0) {
+				b.warn("请选择用户");
+				return;
+			}
+			let e = T.value.map((e) => ({
+				id: e.userId,
+				realName: e.realName || "",
+				avatar: e.avatar
+			}));
+			r("update:visible", !1), k.value = !0, r("update:modelValue", e), r("confirm", e);
+		};
+		d({ deleteCheckedUser: P });
+		let I = () => u(t, {
+			modelValue: e.visible,
+			title: "选择联系人",
+			modalProps: {
+				cancelText: "取消",
+				okText: "确定",
+				...C
+			},
+			onOnCancel: () => N(),
+			onOnConfirm: () => F()
+		}, { default: () => [u("div", { class: x() }, [u("div", { class: x("content-left") }, [u("div", { style: "padding: 16px 16px 0 16px" }, [u(y, {
+			value: w.value,
+			"onUpdate:value": (e) => w.value = e,
+			size: "small",
+			placeholder: "搜索",
+			allowClear: !0
+		}, {
+			prefix: () => u(n, { name: "search" }, null),
+			_: 1
+		}, 8, [
+			"value",
+			"onUpdate:value",
+			"allowClear"
+		])]), u(s, {
+			ref: E,
+			selectUserList: T.value,
+			"onUpdate:selectUserList": (e) => T.value = e,
+			keyword: w.value,
+			onReady: () => M()
+		}, null, 8, [
+			"selectUserList",
+			"onUpdate:selectUserList",
+			"keyword",
+			"onReady"
+		])], 2), u("div", { class: x("content-right") }, [u("div", { class: x("content-right-title") }, [
+			l("已选:"),
+			T.value.length,
+			l("/"),
+			e.maxCount,
+			l("人")
+		], 2), u("div", {
+			class: "select-user-list",
+			ref: D
+		}, [u("div", { class: x("user-list") }, [T.value.length > 0 ? T.value.map((e) => u(o, {
+			key: e.id,
+			userInfo: e,
+			isChecked: !1,
+			isDelete: !0,
+			"onDelete-user": j
+		}, null, 8, [
+			"userInfo",
+			"isDelete",
+			"onDelete-user"
+		])) : u(_, {
+			image: _.PRESENTED_IMAGE_SIMPLE,
+			description: "暂无数据"
+		}, null, 8, ["image"])], 2)], 512)], 2)], 2)] }, 8, [
+			"modelValue",
+			"modalProps",
+			"onOnCancel",
+			"onOnConfirm"
+		]), L = () => u(v, null, { default: () => [u("div", { class: S.b() }, [e.hideSlot ? null : a.default ? a.default() : u("div", { class: S.b("list") }, [u("div", {
+			class: S.b("icon"),
+			onClick: () => r("update:visible", !0)
+		}, [u(n, {
+			name: "plus",
+			size: 20,
+			color: "#409eff"
+		}, null)], 10, ["onClick"]), e.modelValue.map((e) => u("div", { class: S.b("item") }, [
+			u(c, {
+				name: e.realName,
+				avatar: e.avatar,
+				size: "small"
+			}, null, 8, ["name", "avatar"]),
+			u("span", { class: S.be("item", "name") }, [e.realName], 2),
+			u("div", { onClick: () => P(e.id) }, [u(n, {
+				name: "shanchu",
+				size: 18,
+				color: "#646a73"
+			}, null)], 8, ["onClick"])
+		], 2))], 2), I()], 2)] });
+		return () => L();
+	}
+});
+//#endregion
+export { C as default };

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

@@ -0,0 +1,48 @@
+//#region src/components/pro-selector/src/types.ts
+var e = Symbol("selectUserContextKey"), t = {
+	visible: {
+		type: Boolean,
+		default: !1
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	modelValue: {
+		type: Array,
+		default: () => []
+	},
+	maxCount: {
+		type: Number,
+		default: 25
+	},
+	type: {
+		type: String,
+		default: "checkbox"
+	},
+	initData: {
+		type: Function,
+		default: () => Promise.resolve([])
+	},
+	http: {
+		type: [Object, Function],
+		default: () => {}
+	},
+	isBuiltInRequest: {
+		type: Boolean,
+		default: !1
+	},
+	prefix: String,
+	hideSlot: {
+		type: Boolean,
+		default: !1
+	}
+}, n = "/security/dept/user/tree", r = {
+	"update:visible": (e) => !0,
+	"update:modelValue": (e) => !0,
+	"delete-user": (e) => !0,
+	confirm: (e) => !0,
+	cancel: () => !0
+};
+//#endregion
+export { n as GTE_ORGTREE_URL, t as UserSelectorProps, e as selectUserContextKey, r as userSelectorEmits };

package/dist/es/components/pro-selector/src/utils/orgTree.mjs

@@ -0,0 +1,47 @@
+//#region src/components/pro-selector/src/utils/orgTree.ts
+function e(e, t) {
+	let n;
+	function r(...r) {
+		clearTimeout(n), n = setTimeout(() => e.apply(this, r), t);
+	}
+	return r.cancel = function() {
+		clearTimeout(n);
+	}, r;
+}
+function t(e) {
+	let t = /* @__PURE__ */ new Map();
+	return e.filter((e) => !e || e.id === void 0 || t.has(e.id) ? !1 : (t.set(e.id, !0), !0));
+}
+function n(e) {
+	if (!(!e || e.length === 0)) for (let t of e) t.deptType === "department" && (t.checkedUserIds = []), t.members && t.members.length > 0 && t.members.forEach((e) => {
+		e.checked = !1;
+	}), t.children && t.children.length > 0 && n(t.children);
+}
+var r = {
+	initOrgTree(e) {
+		return n(e), e;
+	},
+	getChildrenByParentId: (e) => [],
+	getDeptById: (e) => ({}),
+	getDeptMemberById: (e) => ({}),
+	setCheckedValue: (e, t, n) => {
+		for (let i of e) i.members && i.members.length > 0 && i.members.forEach((e) => {
+			e.checked = n;
+		}), i.children && i.children.length > 0 && r.setCheckedValue(i.children, t, n);
+	},
+	findMembersByIds(e, t) {
+		let n = [], r = /* @__PURE__ */ new Set();
+		function i(t) {
+			if (!(!t || t.length === 0)) for (let a of t) {
+				if (a.members && a.members.length > 0) {
+					let t = a.members.filter((t) => e.includes(t.id) && !r.has(t.id));
+					for (let e of t) n.push(e), r.add(e.id);
+				}
+				a.children && a.children.length > 0 && i(a.children);
+			}
+		}
+		return i(t), n;
+	}
+};
+//#endregion
+export { e as debounce, n as formatOrgTree, t as uniqueById };

package/dist/es/components/pro-selector/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../base/style/index.mjs";
+/* empty css                                */

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

@@ -0,0 +1,8 @@
+import { withInstall as e } from "../utils/install.mjs";
+import "./src/types.mjs";
+import t from "./src/index.mjs";
+import "./src/style/index.mjs";
+//#region src/components/pro-selector-group/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/pro-selector-group/src/compoents/dept-tree.mjs

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

package/dist/es/components/pro-selector-group/src/compoents/dept-tree.vue.mjs

@@ -0,0 +1,100 @@
+import e from "../../../icon/index.mjs";
+import { selectContextKey as t } from "../types.mjs";
+import { useApi as n } from "../hooks/useApi.mjs";
+import { createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, inject as l, mergeModels as u, onMounted as d, openBlock as f, ref as p, toDisplayString as m, unref as h, useModel as g, watch as _, withCtx as v } from "vue";
+import { Empty as y, InputSearch as b, Tree as x } from "ant-design-vue";
+//#region src/components/pro-selector-group/src/compoents/dept-tree.vue?vue&type=script&setup=true&lang.ts
+var S = {
+	key: 0,
+	class: "selector-tree"
+}, C = { class: "tree-title" }, w = { class: "tree-title_name" }, T = { key: 0 }, E = { style: { color: "#f50" } }, D = { key: 1 }, O = /* @__PURE__ */ c({
+	__name: "dept-tree",
+	props: {
+		modelValue: {
+			required: !0,
+			default: () => []
+		},
+		modelModifiers: {}
+	},
+	emits: /* @__PURE__ */ u(["select"], ["update:modelValue"]),
+	setup(c, { emit: u }) {
+		let O = u, k = l(t), { getDeptTree: A, getUserListByDeptId: j, deptTree: M } = n(k.http, k.urlPrefix), N = g(c, "modelValue"), P = p(""), F = p([]), I = p([]), L = p(!0), R = p([]);
+		function z(e) {
+			let t = [];
+			for (let n = 0; n < e.length; n++) {
+				let r = e[n], i = r.id;
+				t.push({
+					key: i,
+					title: r.deptName
+				}), r.children && t.push(...z(r.children));
+			}
+			return t;
+		}
+		function B(e, t) {
+			let n;
+			for (let r = 0; r < t.length; r++) {
+				let i = t[r];
+				i.children && (i.children.some((t) => t.id === e) ? n = i.id : B(e, i.children) && (n = B(e, i.children)));
+			}
+			return n;
+		}
+		_(P, (e) => {
+			I.value = R.value.map((t) => t.title.includes(e) ? B(t.key, M.value) : null).filter((e, t, n) => e && n.indexOf(e) === t), L.value = !!e;
+		}), d(async () => {
+			if (await A(), M.value.length > 0) {
+				R.value = z(M.value);
+				let e = M.value[0];
+				I.value = [e.id], F.value = [e.id], N.value = e.id, await j(e.id);
+			}
+		});
+		function V(e) {
+			P.value = e;
+		}
+		function H(e) {
+			I.value = e.map((e) => String(e)), L.value = !1;
+		}
+		function U(e, { node: t }) {
+			N.value = t.id, O("select", t);
+		}
+		return (t, n) => (f(), i("div", null, [s(h(b), {
+			value: P.value,
+			"onUpdate:value": n[0] ||= (e) => P.value = e,
+			placeholder: "请输入部门名称",
+			onSearch: V
+		}, null, 8, ["value"]), h(M).length > 0 ? (f(), i("div", S, [s(h(x), {
+			"selected-keys": F.value,
+			"onUpdate:selectedKeys": n[1] ||= (e) => F.value = e,
+			"expanded-keys": I.value,
+			"onUpdate:expandedKeys": n[2] ||= (e) => I.value = e,
+			"tree-data": h(M),
+			"auto-expand-parent": L.value,
+			"field-names": {
+				key: "id",
+				title: "deptName"
+			},
+			virtual: !1,
+			onSelect: U,
+			onExpand: H
+		}, {
+			title: v(({ data: t }) => [a("div", C, [s(h(e), {
+				name: t.parentId === "root" ? "qiye" : "bumen",
+				size: 16
+			}, null, 8, ["name"]), a("span", w, [P.value && t.deptName.includes(P.value) ? (f(), i("span", T, [
+				o(m(t.deptName.substring(0, t.deptName.indexOf(P.value))) + " ", 1),
+				a("span", E, m(P.value), 1),
+				o(" " + m(t.deptName.substring(t.deptName.indexOf(P.value) + P.value.length)), 1)
+			])) : (f(), i("span", D, m(t.deptName), 1))])])]),
+			_: 1
+		}, 8, [
+			"selected-keys",
+			"expanded-keys",
+			"tree-data",
+			"auto-expand-parent"
+		])])) : (f(), r(h(y), {
+			key: 1,
+			image: h(y).PRESENTED_IMAGE_SIMPLE
+		}, null, 8, ["image"]))]));
+	}
+});
+//#endregion
+export { O as default };

package/dist/es/components/pro-selector-group/src/compoents/dept.mjs

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