@gct-paas/core-web 0.1.4-dev.9 → 0.1.5-dev.0

package/es/{editor/gct-form-field-select/gct-model-select.vue.d.ts → components/UserPick/src/components/dept-item.vue.d.ts}

@@ -1,9 +1,11 @@
+import { Org } from '@gct-paas/api/platform';
 type __VLS_Props = {
-    value: boolean;
+    deptId: string;
+    deptOptions: Org[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:value": (...args: any[]) => void;
+    deleteDept: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    onDeleteDept?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/es/components/UserPick/src/components/dept-item.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import dept_item_vue_vue_type_script_setup_true_lang_default from "./dept-item.vue_vue_type_script_setup_true_lang.mjs";
+import './dept-item.vue_vue_type_style_index_0_scoped_075b8ce7_lang.css';/* empty css                                                                */
+//#region src/components/UserPick/src/components/dept-item.vue
+var dept_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(dept_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-075b8ce7"]]);
+//#endregion
+export { dept_item_default as default };

package/es/components/UserPick/src/components/dept-item.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,32 @@
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, reactive, resolveComponent, toDisplayString } from "vue";
+//#region src/components/UserPick/src/components/dept-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "ks-row-middle" };
+var _hoisted_2 = { class: "ell ks-col" };
+var dept_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dept-item",
+	props: {
+		deptId: {},
+		deptOptions: {}
+	},
+	emits: ["deleteDept"],
+	setup(__props, { emit: __emit }) {
+		const { deptId, deptOptions } = reactive(__props);
+		const emit = __emit;
+		const title = computed(() => {
+			return deptOptions.find((i) => i.id === deptId)?.name;
+		});
+		return (_ctx, _cache) => {
+			const _component_DeleteOutlined = resolveComponent("DeleteOutlined");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_cache[1] || (_cache[1] = createElementVNode("span", { class: "iconfont icon-wenjianjia mr4px depticon" }, null, -1)),
+				createElementVNode("div", _hoisted_2, toDisplayString(title.value), 1),
+				createVNode(_component_DeleteOutlined, {
+					class: "cursor-pointer",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("deleteDept"))
+				})
+			]);
+		};
+	}
+});
+//#endregion
+export { dept_item_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/UserPick/src/components/dept-item.vue_vue_type_style_index_0_scoped_075b8ce7_lang.css

@@ -0,0 +1,3 @@
+.depticon[data-v-075b8ce7] {
+  color: #fcc12b;
+}

package/es/components/UserPick/src/components/user-item.vue.d.ts

@@ -0,0 +1,11 @@
+import { OrgUserResponse } from '@gct-paas/api/apaas';
+type __VLS_Props = {
+    userId: string;
+    usersMap: Record<string, OrgUserResponse>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    deleteUser: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleteUser?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/UserPick/src/components/user-item.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import user_item_vue_vue_type_script_setup_true_lang_default from "./user-item.vue_vue_type_script_setup_true_lang.mjs";
+import './user-item.vue_vue_type_style_index_0_scoped_1456f8b9_lang.css';/* empty css                                                                */
+//#region src/components/UserPick/src/components/user-item.vue
+var user_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_item_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1456f8b9"]]);
+//#endregion
+export { user_item_default as default };

package/es/components/UserPick/src/components/user-item.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,33 @@
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, reactive, resolveComponent, toDisplayString } from "vue";
+//#region src/components/UserPick/src/components/user-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "ks-row-middle" };
+var _hoisted_2 = { class: "ell ks-col" };
+var user_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "user-item",
+	props: {
+		userId: {},
+		usersMap: {}
+	},
+	emits: ["deleteUser"],
+	setup(__props, { emit: __emit }) {
+		const { userId, usersMap } = reactive(__props);
+		const emit = __emit;
+		const usetName = computed(() => {
+			const u = usersMap[userId];
+			return u?.__LABEL__ || u?.fullname;
+		});
+		return (_ctx, _cache) => {
+			const _component_DeleteOutlined = resolveComponent("DeleteOutlined");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_cache[1] || (_cache[1] = createElementVNode("span", { class: "iconfont icon-a-Accountnumber mr4px icon" }, null, -1)),
+				createElementVNode("div", _hoisted_2, toDisplayString(usetName.value), 1),
+				createVNode(_component_DeleteOutlined, {
+					class: "cursor-pointer",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("deleteUser"))
+				})
+			]);
+		};
+	}
+});
+//#endregion
+export { user_item_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/UserPick/src/components/user-item.vue_vue_type_style_index_0_scoped_1456f8b9_lang.css

@@ -0,0 +1,3 @@
+.icon[data-v-1456f8b9] {
+  color: #bfbfbf;
+}

package/es/components/UserPick/src/constants/index.d.ts

@@ -0,0 +1,5 @@
+export declare enum PickType {
+    ALL = "ALL",
+    APP = "APP",
+    ViSIBLE = "ViSIBLE"
+}

package/es/components/UserPick/src/constants/index.mjs

@@ -0,0 +1,9 @@
+//#region src/components/UserPick/src/constants/index.ts
+var PickType = /* @__PURE__ */ function(PickType) {
+	PickType["ALL"] = "ALL";
+	PickType["APP"] = "APP";
+	PickType["ViSIBLE"] = "ViSIBLE";
+	return PickType;
+}({});
+//#endregion
+export { PickType };

package/es/components/UserPick/src/hooks.d.ts

@@ -0,0 +1 @@
+export declare function useModalPickerCom({ getUserOptions, getUserByIds, getDeptOptions, }: IObject): IObject;

package/es/components/UserPick/src/hooks.mjs

@@ -0,0 +1,94 @@
+import { reactive, ref, toRaw } from "vue";
+import { cloneDeep } from "lodash-es";
+//#region src/components/UserPick/src/hooks.ts
+function useModalPickerCom({ getUserOptions, getUserByIds, getDeptOptions }) {
+	const orgsOptions = ref([]);
+	const treeData = ref([]);
+	const userData = ref([]);
+	const selectedKeys = ref([]);
+	const checkedUsers = ref([]);
+	const UsersMap = reactive({});
+	const checkedDepts = ref({ checked: [] });
+	const orgId = ref("");
+	async function ready({ userIds = [], deptIds = [] } = {}, userFlag = true) {
+		await initDeptTree();
+		checkedDepts.value.checked = cloneDeep(deptIds || []);
+		if (userFlag) addUserByids(cloneDeep(userIds || []));
+	}
+	async function initDeptTree() {
+		const orgs = await getDeptOptions();
+		orgs?.forEach((i) => {
+			if (!orgs.find((o) => o.id === i.parentId)) i.parentId = "ROOT";
+		});
+		orgsOptions.value = orgs;
+		treeData.value = transformTreeData(orgs);
+	}
+	async function getUserTree(keyword) {
+		const { data = [] } = await getUserOptions({
+			orgId: orgId.value,
+			pageNo: 1,
+			pageSize: 9999,
+			keyword
+		}) || {};
+		userData.value = data;
+	}
+	async function selectTreeNode(key) {
+		orgId.value = key;
+		selectedKeys.value = [key];
+		await getUserTree();
+	}
+	function checkedBox(e, value, multiple) {
+		if (e.target.checked) {
+			if (multiple) checkedUsers.value.push(value.id);
+			else checkedUsers.value = [value.id];
+			UsersMap[value.id] = toRaw(value);
+		} else {
+			const index = checkedUsers.value.findIndex((i) => i === value.id);
+			checkedUsers.value.splice(index, 1);
+			UsersMap[value.id] = void 0;
+		}
+	}
+	async function addUserByids(userIds) {
+		checkedUsers.value = userIds;
+		const key = treeData.value[0]?.key;
+		if (key) await selectTreeNode(key);
+		userIds.forEach(async (id) => {
+			const user = userData.value.find((i) => i.id === id);
+			if (user) UsersMap[id] = user;
+			else UsersMap[id] = (await getUserByIds({ ids: id }) || [])[0];
+		});
+	}
+	return {
+		treeData,
+		selectedKeys,
+		userData,
+		selectTreeNode,
+		getUserTree,
+		checkedBox,
+		checkedDepts,
+		checkedUsers,
+		UsersMap,
+		orgsOptions,
+		ready
+	};
+}
+/**
+* 将后端扁平化数据解析成树结构的方法
+* @param list 树LIST
+* @param parentId 父ID
+* @returns 包含children的树结构
+*/
+function transformTreeData(list, parentId = "ROOT") {
+	const tree = [];
+	for (const node of list) if (node.parentId === parentId) {
+		const item = transformTreeData(list, node.id);
+		if (item.length > 0) node.children = item;
+		else node.children = [];
+		node.key = node.id;
+		node.title = node.name;
+		tree.push(node);
+	}
+	return tree;
+}
+//#endregion
+export { useModalPickerCom };

package/es/components/UserPick/src/user-pick.vue.d.ts

@@ -0,0 +1,17 @@
+import { PickType } from './constants';
+type __VLS_Props = {
+    getUserOptions: Fn;
+    getUserByIds: Fn;
+    destroyVm: Fn;
+    getDeptOptions: Fn;
+    type: PickType;
+};
+declare function openPickerByDept({ deptIds, multiple, callback }: IObject): void;
+declare function openPickerByUser({ userIds, multiple, callback }: IObject): void;
+declare function openPicker({ userIds, deptIds, callback }: IObject): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    openPickerByUser: typeof openPickerByUser;
+    openPicker: typeof openPicker;
+    openPickerByDept: typeof openPickerByDept;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/UserPick/src/user-pick.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import user_pick_vue_vue_type_script_setup_true_lang_default from "./user-pick.vue_vue_type_script_setup_true_lang.mjs";
+import './user-pick.vue_vue_type_style_index_0_scoped_a49a84da_lang.css';/* empty css                                                                */
+//#region src/components/UserPick/src/user-pick.vue
+var user_pick_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_pick_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a49a84da"]]);
+//#endregion
+export { user_pick_default as default };

package/es/components/UserPick/src/user-pick.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,280 @@
+import { useModalPickerCom } from "./hooks.mjs";
+import user_item_default from "./components/user-item.vue.mjs";
+import dept_item_default from "./components/dept-item.vue.mjs";
+import { useModal as useModal$1 } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import "../../../modules/global-modal/index.mjs";
+import { PickType } from "./constants/index.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, reactive, ref, renderList, resolveComponent, toDisplayString, toRaw, unref, vShow, withCtx, withDirectives } from "vue";
+import { t } from "@gct-paas/core";
+import { Checkbox, Empty, Input, Tree } from "ant-design-vue";
+//#region src/components/UserPick/src/user-pick.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "ks-row main" };
+var _hoisted_2 = { class: "h50% ks-col ks-row flex-col" };
+var _hoisted_3 = { class: "h40px text-center leading-10 font-bold baseborder border-0 border-b border-r" };
+var _hoisted_4 = { class: "ks-col overflow-x-auto pt10px" };
+var _hoisted_5 = {
+	key: 0,
+	class: "h50% ks-col ks-row flex-col"
+};
+var _hoisted_6 = { class: "baseborder border-t border-0 border-b border-l h40px text-center leading-10" };
+var _hoisted_7 = { class: "overflow-x-auto ks-col p10px" };
+var _hoisted_8 = {
+	key: 0,
+	class: "shrink-0 ks-row w-11/36 flex-col"
+};
+var _hoisted_9 = { class: "baseborder border-0 border-b h40px text-center leading-10" };
+var _hoisted_10 = { class: "p5px" };
+var _hoisted_11 = { class: "overflow-x-auto ks-col ml5px mr5px" };
+var _hoisted_12 = {
+	key: 0,
+	class: "h50% ks-col ks-row flex-col"
+};
+var _hoisted_13 = { class: "baseborder border-0 border-b border-l h40px text-center leading-10" };
+var _hoisted_14 = { class: "overflow-x-auto ks-col pt5px" };
+var _hoisted_15 = {
+	key: 1,
+	class: "h50% ks-col ks-row flex-col"
+};
+var _hoisted_16 = { class: "baseborder border-t border-0 border-b border-l h40px text-center leading-10" };
+var _hoisted_17 = { class: "overflow-x-auto ks-col pt5px" };
+var PickerEnums = /* @__PURE__ */ function(PickerEnums) {
+	PickerEnums["USER"] = "picker_user";
+	PickerEnums["DEPT"] = "picker_dept";
+	PickerEnums["ALL"] = "pickker_all";
+	return PickerEnums;
+}(PickerEnums || {});
+var user_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "user-pick",
+	props: {
+		getUserOptions: {},
+		getUserByIds: {},
+		destroyVm: {},
+		getDeptOptions: {},
+		type: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const pickerMultiple = ref(true);
+		const visibleUser = ref([]);
+		const { getUserOptions, getUserByIds, destroyVm, getDeptOptions } = reactive(props);
+		if (props.type === PickType.ViSIBLE)
+ /**
+		* 用户组加载可选人员
+		*/
+		_api.apaas.designerCommon.getGetVisibleUser().then((res) => {
+			visibleUser.value = res;
+		});
+		let callbackFun;
+		const { treeData, selectedKeys, selectTreeNode, userData, getUserTree, checkedBox, checkedUsers, checkedDepts, UsersMap, orgsOptions, ready } = useModalPickerCom({
+			getUserOptions,
+			getUserByIds,
+			getDeptOptions
+		});
+		const [register, { openModal, closeModal }] = useModal$1();
+		const userName = ref("");
+		const title = ref("");
+		const pickerType = ref(PickerEnums.ALL);
+		function handleOk() {
+			closeModal();
+			if (pickerType.value === PickerEnums.ALL) {
+				let userMaps = checkedUsers.value.map((i) => toRaw(UsersMap[i]));
+				let DeptMaps = checkedDepts.value.checked.map((i) => {
+					return toRaw(orgsOptions.value.find((org) => org.id === i));
+				});
+				callbackFun({
+					userIds: toRaw(checkedUsers.value),
+					deptIds: toRaw(checkedDepts.value.checked)
+				}, {
+					userMaps,
+					DeptMaps
+				});
+			}
+			if (pickerType.value === PickerEnums.USER) {
+				let usermaps = checkedUsers.value.map((i) => toRaw(UsersMap[i]));
+				callbackFun(toRaw(checkedUsers.value), toRaw(usermaps));
+			}
+			if (pickerType.value === PickerEnums.DEPT) {
+				let DeptMaps = checkedDepts.value.checked.map((i) => {
+					return toRaw(orgsOptions.value.find((org) => org.id === i));
+				});
+				callbackFun(toRaw(checkedDepts.value.checked), DeptMaps);
+			}
+			destroyVm();
+		}
+		function openPickerByDept({ deptIds, multiple, callback }) {
+			ready({ deptIds }, false);
+			callbackFun = callback;
+			pickerType.value = PickerEnums.DEPT;
+			title.value = t("sys.org." + pickerType.value);
+			pickerMultiple.value = multiple;
+			openModal();
+		}
+		function openPickerByUser({ userIds, multiple, callback }) {
+			ready({ userIds });
+			callbackFun = callback;
+			pickerType.value = PickerEnums.USER;
+			title.value = t("sys.org." + pickerType.value);
+			pickerMultiple.value = multiple;
+			openModal();
+		}
+		function openPicker({ userIds, deptIds, callback }) {
+			ready({
+				userIds,
+				deptIds
+			});
+			callbackFun = callback;
+			pickerType.value = PickerEnums.ALL;
+			title.value = t("sys.org." + pickerType.value);
+			pickerMultiple.value = true;
+			openModal();
+		}
+		function selectNode(keys) {
+			let key = keys[0];
+			key && selectTreeNode(key);
+		}
+		function change() {
+			getUserTree(userName.value);
+		}
+		function onCancel() {
+			destroyVm();
+		}
+		/**
+		* 部门单选控制
+		*/
+		function checkDept({ checked }) {
+			if (!pickerMultiple.value && checked.length > 1) checked.shift();
+		}
+		__expose({
+			openPickerByUser,
+			openPicker,
+			openPickerByDept
+		});
+		return (_ctx, _cache) => {
+			const _component_ScrollContainer = resolveComponent("ScrollContainer");
+			const _component_SearchOutlined = resolveComponent("SearchOutlined");
+			const _component_overlayScrollbarsComponent = resolveComponent("overlayScrollbarsComponent");
+			const _component_basic_modal = resolveComponent("basic-modal");
+			return openBlock(), createBlock(_component_basic_modal, {
+				height: 500,
+				title: title.value,
+				centered: "",
+				width: "740px",
+				"mask-closable": false,
+				"ok-button-props": { disabled: !unref(checkedUsers).length && !unref(checkedDepts).checked.length },
+				onRegister: unref(register),
+				onOk: handleOk,
+				onCancel
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createElementVNode("div", { class: normalizeClass(["shrink-0 dept baseborder border-0 border-r ks-row flex-col", pickerType.value !== PickerEnums.DEPT ? "w-14/36" : "w-1/2"]) }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.org.orgTree")), 1), createElementVNode("div", _hoisted_4, [createVNode(_component_ScrollContainer, null, {
+						default: withCtx(() => [unref(treeData)?.length ? (openBlock(), createBlock(unref(Tree), {
+							key: 0,
+							"checked-keys": unref(checkedDepts),
+							"onUpdate:checkedKeys": _cache[0] || (_cache[0] = ($event) => isRef(checkedDepts) ? checkedDepts.value = $event : null),
+							"check-strictly": "",
+							"selected-keys": unref(selectedKeys),
+							checkable: pickerType.value !== PickerEnums.USER,
+							"block-node": "",
+							"tree-data": unref(treeData),
+							"default-expand-all": "",
+							virtual: false,
+							onSelect: selectNode,
+							onCheck: checkDept
+						}, {
+							title: withCtx(({ title_ }) => [_cache[2] || (_cache[2] = createElementVNode("span", { class: "iconfont icon-wenjianjia depticon" }, null, -1)), createTextVNode(" " + toDisplayString(title_), 1)]),
+							_: 1
+						}, 8, [
+							"checked-keys",
+							"selected-keys",
+							"checkable",
+							"tree-data"
+						])) : createCommentVNode("", true)]),
+						_: 1
+					})])]), !!visibleUser.value?.length ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("sys.org.visiblePersonnel")), 1), createVNode(_component_ScrollContainer, null, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleUser.value, (i) => {
+							return openBlock(), createElementBlock("div", { key: i.id }, [createVNode(unref(Checkbox), {
+								checked: unref(checkedUsers).indexOf(i.id) > -1,
+								onChange: (e) => unref(checkedBox)(e, i, pickerMultiple.value)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(i.fullname), 1)]),
+								_: 2
+							}, 1032, ["checked", "onChange"])]);
+						}), 128))])]),
+						_: 1
+					})])) : createCommentVNode("", true)], 2),
+					pickerType.value !== PickerEnums.DEPT ? (openBlock(), createElementBlock("div", _hoisted_8, [
+						createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("sys.org.candidates")), 1),
+						createElementVNode("div", _hoisted_10, [createVNode(unref(Input), {
+							value: userName.value,
+							"onUpdate:value": _cache[1] || (_cache[1] = ($event) => userName.value = $event),
+							placeholder: unref(t)("sys.org.pleaseEnterSearchContent"),
+							onChange: change
+						}, {
+							prefix: withCtx(() => [createVNode(_component_SearchOutlined)]),
+							_: 1
+						}, 8, ["value", "placeholder"])]),
+						createElementVNode("div", _hoisted_11, [createVNode(_component_ScrollContainer, null, {
+							default: withCtx(() => [withDirectives(createVNode(unref(Empty), {
+								image: unref(Empty).PRESENTED_IMAGE_SIMPLE,
+								description: unref(t)("sys.org.noPersonnelInformationCurrentlyAvailable")
+							}, null, 8, ["image", "description"]), [[vShow, !unref(userData).length]]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(userData), (i) => {
+								return openBlock(), createElementBlock("div", { key: i.id }, [createVNode(unref(Checkbox), {
+									checked: unref(checkedUsers).indexOf(i.id) > -1,
+									onChange: (e) => unref(checkedBox)(e, i, pickerMultiple.value)
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(i.__LABEL__ || i.fullname), 1)]),
+									_: 2
+								}, 1032, ["checked", "onChange"])]);
+							}), 128))]),
+							_: 1
+						})])
+					])) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(["shrink-0 baseborder border-0 border-l ks-row flex-col", pickerType.value !== PickerEnums.DEPT ? "w-11/36" : "w-1/2"]) }, [pickerType.value !== PickerEnums.USER ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("div", _hoisted_13, toDisplayString(unref(t)("sys.org.selectedDepartment")), 1), createElementVNode("div", _hoisted_14, [createVNode(_component_ScrollContainer, null, {
+						default: withCtx(() => [withDirectives(createVNode(unref(Empty), {
+							image: unref(Empty).PRESENTED_IMAGE_SIMPLE,
+							description: unref(t)("sys.ipaas.noData")
+						}, null, 8, ["image", "description"]), [[vShow, !unref(checkedDepts).checked.length]]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(checkedDepts).checked, (u, index) => {
+							return openBlock(), createBlock(dept_item_default, {
+								key: u,
+								"dept-options": unref(orgsOptions),
+								"dept-id": u,
+								class: "rows",
+								onDeleteDept: ($event) => unref(checkedDepts).checked.splice(index, 1)
+							}, null, 8, [
+								"dept-options",
+								"dept-id",
+								"onDeleteDept"
+							]);
+						}), 128))]),
+						_: 1
+					})])])) : createCommentVNode("", true), pickerType.value !== PickerEnums.DEPT ? (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode("div", _hoisted_16, toDisplayString(unref(t)("sys.org.selectedPersonnel")), 1), createElementVNode("div", _hoisted_17, [createVNode(_component_overlayScrollbarsComponent, null, {
+						default: withCtx(() => [withDirectives(createVNode(unref(Empty), {
+							image: unref(Empty).PRESENTED_IMAGE_SIMPLE,
+							description: unref(t)("sys.ipaas.noData")
+						}, null, 8, ["image", "description"]), [[vShow, !unref(checkedUsers).length]]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(checkedUsers), (u, index) => {
+							return openBlock(), createBlock(user_item_default, {
+								key: u,
+								class: "rows",
+								"user-id": u,
+								"users-map": unref(UsersMap),
+								onDeleteUser: ($event) => unref(checkedUsers).splice(index, 1)
+							}, null, 8, [
+								"user-id",
+								"users-map",
+								"onDeleteUser"
+							]);
+						}), 128))]),
+						_: 1
+					})])])) : createCommentVNode("", true)], 2)
+				])]),
+				_: 1
+			}, 8, [
+				"title",
+				"ok-button-props",
+				"onRegister"
+			]);
+		};
+	}
+});
+//#endregion
+export { user_pick_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/UserPick/src/user-pick.vue_vue_type_style_index_0_scoped_a49a84da_lang.css

@@ -0,0 +1,39 @@
+.dept[data-v-a49a84da] {
+  background-color: #fafafa;
+}
+.main[data-v-a49a84da] {
+  height: 100%;
+  border: 1px solid #eaeaea;
+}
+.baseborder[data-v-a49a84da] {
+  border-style: solid;
+  border-color: #eaeaea;
+}
+[data-v-a49a84da] .ant-tree {
+  background-color: transparent;
+}
+[data-v-a49a84da] .ant-tree .ant-tree-treenode {
+  padding: 4px;
+}
+[data-v-a49a84da] .ant-tree-treenode-selected {
+  background: rgba(13, 170, 156, 0.1);
+  color: var(--ant-primary-color);
+}
+[data-v-a49a84da] .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background: transparent;
+  color: var(--ant-primary-color);
+}
+[data-v-a49a84da] .ant-tree-node-content-wrapper:hover {
+  background-color: transparent;
+  color: var(--ant-primary-color);
+}
+.rows[data-v-a49a84da] {
+  padding: 2px 4px;
+}
+.rows[data-v-a49a84da]:hover {
+  background: rgba(13, 170, 156, 0.1);
+  color: var(--ant-primary-color);
+}
+.depticon[data-v-a49a84da] {
+  color: #fcc12b;
+}