@gct-paas/core-web 0.1.6-dev.2 → 0.1.6-dev.20

package/es/components/open-select-user-modal/component/dynamic.vue_vue_type_script_setup_true_name_waiting-area-dynamic_lang.mjs

@@ -0,0 +1,143 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { pick } from "lodash-es";
+import { DYN_FORMAT_TYPE_ENUM, dynamicData, findUniqueNode } from "@gct-paas/core";
+import { TreeSelect } from "ant-design-vue";
+//#region src/components/open-select-user-modal/component/dynamic.vue?vue&type=script&setup=true&name=waiting-area-dynamic&lang.ts
+var _hoisted_1 = { class: "select-user-modal__waiting-area" };
+var _hoisted_2 = { class: "waiting-area-content" };
+var _hoisted_3 = { class: "ks-col pl-8px" };
+var _hoisted_4 = ["title"];
+var _hoisted_5 = ["title"];
+var _hoisted_6 = {
+	key: 0,
+	class: "content-item-user-select-area"
+};
+var _hoisted_7 = ["title"];
+var dynamic_vue_vue_type_script_setup_true_name_waiting_area_dynamic_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dynamic",
+	props: {
+		fieldMap: {},
+		treeData: {},
+		selectDyn: {},
+		readonly: { type: Boolean }
+	},
+	emits: ["update:selectDyn"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const selectDynFormatIds = computed(() => {
+			return props.selectDyn?.map((item) => item.formatId);
+		});
+		const orgDsValue = computed({
+			get() {
+				return processByPrefix(props.selectDyn, DYN_FORMAT_TYPE_ENUM.DYN_DEPT_PRINCIPAL, true).map((e) => e.formatId.replace(new RegExp(`^${DYN_FORMAT_TYPE_ENUM.DYN_DEPT_PRINCIPAL}:`), "")).filter((item) => item !== "current");
+			},
+			set(values) {
+				const otherList = processByPrefix(props.selectDyn, DYN_FORMAT_TYPE_ENUM.DYN_DEPT_PRINCIPAL);
+				const list = processByPrefix(props.selectDyn, DYN_FORMAT_TYPE_ENUM.DYN_DEPT_PRINCIPAL, true);
+				const selected = values.map((value) => {
+					const node = findUniqueNode(props.treeData, value);
+					return {
+						id: value,
+						formatId: `${DYN_FORMAT_TYPE_ENUM.DYN_DEPT_PRINCIPAL}:${value}`,
+						name: node?.name
+					};
+				});
+				const selectList = [...list.filter((a) => selected.some((b) => b.formatId === a.formatId) || a.formatId === `${DYN_FORMAT_TYPE_ENUM.DYN_DEPT_PRINCIPAL}:current`), ...selected.filter((b) => !list.some((a) => a.formatId === b.formatId))];
+				emit("update:selectDyn", [...otherList, ...selectList]);
+			}
+		});
+		const processByPrefix = (array, prefix, keep = false) => {
+			const regex = new RegExp(`^${prefix}:`);
+			return array.filter((item) => keep ? regex.test(item.formatId) : !regex.test(item.formatId));
+		};
+		function handleDynamicCheck(event, data, formatId) {
+			const { value, checked } = event.target;
+			let selectList = props.selectDyn ?? [];
+			if (checked) selectList?.push({
+				...pick(data, ["id", "name"]),
+				formatId: value
+			});
+			else if (formatId) selectList = processByPrefix(selectList, formatId);
+			else selectList = selectList.filter((f) => f.formatId !== value);
+			emit("update:selectDyn", selectList);
+		}
+		return (_ctx, _cache) => {
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_tree_select = resolveComponent("a-tree-select");
+			const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+			const _component_overlayScrollbars_component = resolveComponent("overlayScrollbars-component");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(_component_overlayScrollbars_component, { class: "px-12px py-24px" }, {
+				default: withCtx(() => [createVNode(_component_a_checkbox_group, {
+					value: selectDynFormatIds.value,
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => selectDynFormatIds.value = $event),
+					disabled: __props.readonly,
+					class: "w100%"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(dynamicData), (el, i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i,
+							class: "waiting-area-content-item"
+						}, [
+							createVNode(_component_a_checkbox, {
+								value: `${el.formatId}:current`,
+								onChange: (e) => handleDynamicCheck(e, el, el.formatId)
+							}, {
+								default: withCtx(() => [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
+									title: el.name,
+									class: "content-item-title gct-text-overflow ks-col"
+								}, toDisplayString(el.name), 9, _hoisted_4), createElementVNode("div", {
+									title: el.desc,
+									class: "content-item-desc gct-text-overflow ks-col"
+								}, toDisplayString(el.desc), 9, _hoisted_5)])]),
+								_: 2
+							}, 1032, ["value", "onChange"]),
+							el.showPanel && el.panelType === "area" && selectDynFormatIds.value.includes(`${el.formatId}:current`) ? (openBlock(), createElementBlock("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(el.panelKey, (pKey) => {
+								return openBlock(), createElementBlock(Fragment, null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.fieldMap[pKey], (field) => {
+									return openBlock(), createBlock(_component_a_checkbox, {
+										key: field.id,
+										class: "!w-auto",
+										value: `${el.formatId}:${field.key}`,
+										onChange: (e) => handleDynamicCheck(e, field)
+									}, {
+										default: withCtx(() => [createElementVNode("div", {
+											class: "content-item-title gct-text-overflow pl-4px",
+											title: field.name
+										}, toDisplayString(field.name), 9, _hoisted_7)]),
+										_: 2
+									}, 1032, ["value", "onChange"]);
+								}), 128))], 64);
+							}), 256))])) : createCommentVNode("", true),
+							el.showPanel && el.panelType === "select" && selectDynFormatIds.value.includes(`${el.formatId}:current`) ? (openBlock(), createBlock(_component_a_tree_select, {
+								key: 1,
+								value: orgDsValue.value,
+								"onUpdate:value": _cache[0] || (_cache[0] = ($event) => orgDsValue.value = $event),
+								multiple: "",
+								"show-checked-strategy": unref(TreeSelect).SHOW_PARENT,
+								"field-names": {
+									children: "children",
+									label: "name",
+									value: "id"
+								},
+								height: 233,
+								class: "w-260px !ml-20px !my-4px",
+								"tree-data": __props.treeData,
+								placeholder: "请选择部门负责人",
+								"tree-default-expand-all": "",
+								"tree-node-filter-prop": "name"
+							}, null, 8, [
+								"value",
+								"show-checked-strategy",
+								"tree-data"
+							])) : createCommentVNode("", true)
+						]);
+					}), 128))]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				_: 1
+			})])]);
+		};
+	}
+});
+//#endregion
+export { dynamic_vue_vue_type_script_setup_true_name_waiting_area_dynamic_lang_default as default };

package/es/components/open-select-user-modal/component/dynamic.vue_vue_type_style_index_0_scoped_e32390db_lang.css

@@ -0,0 +1,30 @@
+.waiting-area-content-item[data-v-e32390db] {
+  margin-bottom: 20px;
+  flex-direction: column;
+}
+.waiting-area-content-item[data-v-e32390db] .ant-checkbox-wrapper .content-item-title {
+  color: #474747 !important;
+}
+.waiting-area-content-item[data-v-e32390db] .ant-checkbox-wrapper .content-item-desc {
+  color: #8f8f8f;
+  font-size: 12px;
+  margin-top: 2px;
+  line-height: 18px;
+}
+.waiting-area-content-item .content-item-user-select-area[data-v-e32390db] {
+  margin: 4px 0;
+  background: #fafafa;
+  border-radius: 4px;
+  padding: 8px;
+  margin-left: 20px;
+  display: grid;
+  grid-column-gap: 8px;
+  grid-row-gap: 8px;
+  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+}
+.waiting-area-content-item .content-item-user-select-area[data-v-e32390db] .ant-checkbox-wrapper {
+  margin-right: 0 !important;
+}
+.waiting-area-content-item .content-item-user-select-area[data-v-e32390db] .ant-checkbox-wrapper .content-item-title {
+  color: #212528 !important;
+}

package/es/components/open-select-user-modal/component/extra-user.vue.d.ts

@@ -0,0 +1,16 @@
+import { PickerUserDTO } from '@gct-paas/api/platform';
+type UserDTO = PickerUserDTO & {
+    formatId: string;
+};
+type __VLS_Props = {
+    useData: UserDTO[];
+    selectUsers?: IObject[];
+    multiple: boolean;
+    readonly?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selectUsers": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectUsers"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/open-select-user-modal/component/extra-user.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import extra_user_vue_vue_type_script_setup_true_name_waiting_area_extra_user_lang_default from "./extra-user.vue_vue_type_script_setup_true_name_waiting-area-extra-user_lang.mjs";
+import './extra-user.vue_vue_type_style_index_0_scoped_75c9dc57_lang.css';/* empty css                                                                 */
+//#region src/components/open-select-user-modal/component/extra-user.vue
+var extra_user_default = /* @__PURE__ */ _plugin_vue_export_helper_default(extra_user_vue_vue_type_script_setup_true_name_waiting_area_extra_user_lang_default, [["__scopeId", "data-v-75c9dc57"]]);
+//#endregion
+export { extra_user_default as default };

package/es/components/open-select-user-modal/component/extra-user.vue_vue_type_script_setup_true_name_waiting-area-extra-user_lang.mjs

@@ -0,0 +1,80 @@
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, resolveComponent, toDisplayString, withCtx } from "vue";
+import { pick } from "lodash-es";
+//#region src/components/open-select-user-modal/component/extra-user.vue?vue&type=script&setup=true&name=waiting-area-extra-user&lang.ts
+var _hoisted_1 = { class: "select-user-modal__waiting-area" };
+var _hoisted_2 = { class: "waiting-area-content" };
+var _hoisted_3 = { class: "content-item-extra-user-area" };
+var _hoisted_4 = ["title"];
+var extra_user_vue_vue_type_script_setup_true_name_waiting_area_extra_user_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "extra-user",
+	props: {
+		useData: {},
+		selectUsers: {},
+		multiple: { type: Boolean },
+		readonly: { type: Boolean }
+	},
+	emits: ["update:selectUsers"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const selectUserIds = computed(() => {
+			return props.selectUsers?.map((item) => item.formatId);
+		});
+		function onUserCheck(event, data) {
+			if (props.multiple) {
+				const { value, checked } = event.target;
+				let selectList = props.selectUsers ?? [];
+				if (checked) selectList?.push(pick(data, [
+					"formatId",
+					"id",
+					"fullname"
+				]));
+				else selectList = selectList.filter((f) => f.formatId !== value);
+				emit("update:selectUsers", selectList);
+			} else {
+				const { checked } = event.target;
+				let selectList = [];
+				if (checked) selectList = [pick(data, [
+					"formatId",
+					"id",
+					"fullname"
+				])];
+				emit("update:selectUsers", selectList);
+			}
+		}
+		return (_ctx, _cache) => {
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+			const _component_overlayScrollbars_component = resolveComponent("overlayScrollbars-component");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(_component_overlayScrollbars_component, { class: "px-12px py-16px" }, {
+				default: withCtx(() => [createVNode(_component_a_checkbox_group, {
+					value: selectUserIds.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => selectUserIds.value = $event),
+					disabled: __props.readonly,
+					class: "w100%"
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.useData, (el, i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i,
+							class: "waiting-area-content-item"
+						}, [createVNode(_component_a_checkbox, {
+							class: "!w-auto",
+							value: el.formatId,
+							onChange: (e) => onUserCheck(e, el)
+						}, {
+							default: withCtx(() => [createElementVNode("div", {
+								class: "content-item-title gct-text-overflow pl-4px",
+								title: el.fullname
+							}, toDisplayString(el.fullname), 9, _hoisted_4)]),
+							_: 2
+						}, 1032, ["value", "onChange"])]);
+					}), 128))])]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				_: 1
+			})])]);
+		};
+	}
+});
+//#endregion
+export { extra_user_vue_vue_type_script_setup_true_name_waiting_area_extra_user_lang_default as default };

package/es/components/open-select-user-modal/component/extra-user.vue_vue_type_style_index_0_scoped_75c9dc57_lang.css

@@ -0,0 +1,12 @@
+.content-item-extra-user-area[data-v-75c9dc57] {
+  display: grid;
+  grid-column-gap: 8px;
+  grid-row-gap: 8px;
+  grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
+}
+.content-item-extra-user-area[data-v-75c9dc57] .ant-checkbox-wrapper {
+  margin-right: 0 !important;
+}
+.content-item-extra-user-area[data-v-75c9dc57] .ant-checkbox-wrapper .content-item-title {
+  color: #212528 !important;
+}

package/es/components/open-select-user-modal/component/org.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    treeData: IObject[];
+    selectOrgs?: IObject[];
+    readonly?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selectOrgs": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectOrgs"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/open-select-user-modal/component/org.vue.mjs

@@ -0,0 +1,6 @@
+import org_vue_vue_type_script_setup_true_name_waiting_area_org_lang_default from "./org.vue_vue_type_script_setup_true_name_waiting-area-org_lang.mjs";
+import './org.vue_vue_type_style_index_0_lang.css';/* empty css                                          */
+//#region src/components/open-select-user-modal/component/org.vue
+var org_default = org_vue_vue_type_script_setup_true_name_waiting_area_org_lang_default;
+//#endregion
+export { org_default as default };

package/es/components/open-select-user-modal/component/org.vue_vue_type_script_setup_true_name_waiting-area-org_lang.mjs

@@ -0,0 +1,87 @@
+import search_input_default from "./search-input.vue.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, resolveComponent, toDisplayString, withCtx } from "vue";
+import { pick } from "lodash-es";
+import { filterTree } from "@gct-paas/core";
+//#region src/components/open-select-user-modal/component/org.vue?vue&type=script&setup=true&name=waiting-area-org&lang.ts
+var _hoisted_1 = { class: "select-user-modal__waiting-area" };
+var _hoisted_2 = { class: "waiting-area-content" };
+var _hoisted_3 = { class: "tree-node" };
+var _hoisted_4 = ["title", "innerHTML"];
+var _hoisted_5 = ["title"];
+var org_vue_vue_type_script_setup_true_name_waiting_area_org_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "org",
+	props: {
+		treeData: {},
+		selectOrgs: {},
+		readonly: { type: Boolean }
+	},
+	emits: ["update:selectOrgs"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const orgSearchValue = ref();
+		const filterTreeData = computed(() => {
+			if (!orgSearchValue.value) return props.treeData;
+			return filterTree(props.treeData, orgSearchValue.value);
+		});
+		const selectOrgIds = computed(() => {
+			return props.selectOrgs?.map((item) => item.formatId);
+		});
+		function onOrgCheck(_v, event) {
+			const { checked, node: { dataRef } } = event;
+			let selectList = props.selectOrgs ?? [];
+			if (checked) selectList?.push(pick(dataRef, [
+				"formatId",
+				"id",
+				"name"
+			]));
+			else selectList = selectList.filter((f) => f.formatId !== dataRef.formatId);
+			emit("update:selectOrgs", selectList);
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tree = resolveComponent("a-tree");
+			const _component_overlayScrollbars_component = resolveComponent("overlayScrollbars-component");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(search_input_default, {
+				"search-value": orgSearchValue.value,
+				"onUpdate:searchValue": _cache[0] || (_cache[0] = ($event) => orgSearchValue.value = $event)
+			}, null, 8, ["search-value"]), createElementVNode("div", _hoisted_2, [createVNode(_component_overlayScrollbars_component, { class: "px-12px py-8px" }, {
+				default: withCtx(() => [filterTreeData.value.length ? (openBlock(), createBlock(_component_a_tree, {
+					key: 0,
+					"checked-keys": selectOrgIds.value,
+					"onUpdate:checkedKeys": _cache[1] || (_cache[1] = ($event) => selectOrgIds.value = $event),
+					class: "waiting-area-custom-tree",
+					"tree-data": filterTreeData.value,
+					"auto-expand-parent": "",
+					"default-expand-all": "",
+					"block-node": "",
+					checkable: !__props.readonly,
+					"check-strictly": "",
+					"field-names": {
+						title: "name",
+						key: "formatId"
+					},
+					onCheck: onOrgCheck
+				}, {
+					title: withCtx(({ data }) => [createElementVNode("div", _hoisted_3, [data.highlightName ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: "tree-node__title gct-text-overflow ks-col",
+						title: data.name,
+						innerHTML: data.highlightName
+					}, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("span", {
+						key: 1,
+						title: data.name,
+						class: "tree-node__title gct-text-overflow ks-col"
+					}, toDisplayString(data.name), 9, _hoisted_5))])]),
+					_: 1
+				}, 8, [
+					"checked-keys",
+					"tree-data",
+					"checkable"
+				])) : createCommentVNode("", true)]),
+				_: 1
+			})])]);
+		};
+	}
+});
+//#endregion
+export { org_vue_vue_type_script_setup_true_name_waiting_area_org_lang_default as default };

package/es/components/open-select-user-modal/component/org.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,114 @@
+.select-user-modal__waiting-area {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.select-user-modal__waiting-area .waiting-area-content {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree {
+  color: #212528;
+  border-radius: 0;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode {
+  padding: 8px 0;
+  align-items: center;
+  margin-bottom: 0;
+  border-radius: 4px;
+  transition: all 0.3s;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode:hover {
+  background-color: hsl(from var(--ant-primary-color) h s 98%);
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode:hover .tree-node {
+  color: var(--ant-primary-color);
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-node-content-wrapper {
+  display: flex;
+  width: 100%;
+  padding: 0;
+  transition: none;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-icon__customize {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: auto;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
+  background: transparent;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-indent .ant-tree-indent-unit {
+  width: 24px;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-title {
+  width: 100%;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-title .tree-node {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-title .tree-node__title {
+  flex: 1;
+  width: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-title .is-highlight {
+  color: var(--ant-primary-color);
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-switcher {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding-right: 0;
+  line-height: 24px;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-switcher .ant-tree-switcher-icon {
+  font-size: 12px;
+  color: #242424;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode .ant-tree-checkbox {
+  margin-top: 0;
+}
+.select-user-modal__waiting-area .ant-tree.waiting-area-custom-tree .ant-tree-treenode-selected .ant-tree-node-selected {
+  background-color: transparent;
+}
+.select-user-modal__waiting-area .waiting-area-content-item {
+  display: flex;
+  width: 100%;
+  border-radius: 4px;
+}
+.select-user-modal__waiting-area .waiting-area-content-item:hover {
+  color: var(--ant-primary-color);
+  background-color: hsl(from var(--ant-primary-color) h s 98%);
+}
+.select-user-modal__waiting-area .waiting-area-content-item .ant-checkbox-wrapper {
+  align-items: center;
+  width: 100%;
+  overflow: hidden;
+}
+.select-user-modal__waiting-area .waiting-area-content-item .ant-checkbox-wrapper .ant-checkbox {
+  top: 0;
+}
+.select-user-modal__waiting-area .waiting-area-content-item .ant-checkbox-wrapper > span:last-child {
+  flex: 1;
+  padding: 5px 0;
+  overflow: hidden;
+}
+.select-user-modal__waiting-area .waiting-area-content-item .ant-checkbox-wrapper > span:last-child .content-item-title {
+  color: #212528;
+}
+.select-user-modal__waiting-area .waiting-area-content-item .ant-checkbox-wrapper > span:last-child .content-item-title .is-highlight {
+  color: var(--ant-primary-color);
+}

package/es/components/open-select-user-modal/component/role.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    roleData: IObject[];
+    selectRoles: IObject[];
+    readonly?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selectRoles": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectRoles"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/open-select-user-modal/component/role.vue.mjs

@@ -0,0 +1,6 @@
+import role_vue_vue_type_script_setup_true_name_waiting_area_role_lang_default from "./role.vue_vue_type_script_setup_true_name_waiting-area-role_lang.mjs";
+import './org.vue_vue_type_style_index_0_lang.css';/* empty css                                           */
+//#region src/components/open-select-user-modal/component/role.vue
+var role_default = role_vue_vue_type_script_setup_true_name_waiting_area_role_lang_default;
+//#endregion
+export { role_default as default };

package/es/components/open-select-user-modal/component/role.vue_vue_type_script_setup_true_name_waiting-area-role_lang.mjs

@@ -0,0 +1,90 @@
+import search_input_default from "./search-input.vue.mjs";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, resolveComponent, toDisplayString, withCtx } from "vue";
+import { pick } from "lodash-es";
+import { highlightName } from "@gct-paas/core";
+//#region src/components/open-select-user-modal/component/role.vue?vue&type=script&setup=true&name=waiting-area-role&lang.ts
+var _hoisted_1 = { class: "select-user-modal__waiting-area" };
+var _hoisted_2 = { class: "waiting-area-content" };
+var _hoisted_3 = ["title", "innerHTML"];
+var _hoisted_4 = ["title"];
+var role_vue_vue_type_script_setup_true_name_waiting_area_role_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "role",
+	props: {
+		roleData: {},
+		selectRoles: {},
+		readonly: { type: Boolean }
+	},
+	emits: ["update:selectRoles"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const roleSearchValue = ref();
+		const searchRoleData = computed(() => {
+			if (!roleSearchValue.value) return props.roleData;
+			return props.roleData.map((info) => {
+				const hlName = highlightName(info.name, roleSearchValue.value);
+				if (hlName) return {
+					...info,
+					highlightName: hlName
+				};
+				return null;
+			}).filter((i) => i);
+		});
+		const selectOrgIds = computed(() => {
+			return props.selectRoles?.map((item) => item.formatId);
+		});
+		function onOrgCheck(event, data) {
+			const { value, checked } = event.target;
+			let selectList = props.selectRoles ?? [];
+			if (checked) selectList?.push(pick(data, [
+				"formatId",
+				"id",
+				"name"
+			]));
+			else selectList = selectList.filter((f) => f.formatId !== value);
+			emit("update:selectRoles", selectList);
+		}
+		return (_ctx, _cache) => {
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+			const _component_overlayScrollbars_component = resolveComponent("overlayScrollbars-component");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(search_input_default, {
+				"search-value": roleSearchValue.value,
+				"onUpdate:searchValue": _cache[0] || (_cache[0] = ($event) => roleSearchValue.value = $event)
+			}, null, 8, ["search-value"]), createElementVNode("div", _hoisted_2, [createVNode(_component_overlayScrollbars_component, { class: "px-12px py-8px" }, {
+				default: withCtx(() => [createVNode(_component_a_checkbox_group, {
+					value: selectOrgIds.value,
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => selectOrgIds.value = $event),
+					disabled: __props.readonly,
+					class: "w100%"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(searchRoleData.value, (el, i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i,
+							class: "waiting-area-content-item mb-8px"
+						}, [createVNode(_component_a_checkbox, {
+							value: el.formatId,
+							onChange: (e) => onOrgCheck(e, el)
+						}, {
+							default: withCtx(() => [el.highlightName ? (openBlock(), createElementBlock("div", {
+								key: 0,
+								class: "content-item-title gct-text-overflow ks-col pl-8px",
+								title: el.name,
+								innerHTML: el.highlightName
+							}, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("div", {
+								key: 1,
+								title: el.name,
+								class: "content-item-title gct-text-overflow ks-col pl-8px"
+							}, toDisplayString(el.name), 9, _hoisted_4))]),
+							_: 2
+						}, 1032, ["value", "onChange"])]);
+					}), 128))]),
+					_: 1
+				}, 8, ["value", "disabled"])]),
+				_: 1
+			})])]);
+		};
+	}
+});
+//#endregion
+export { role_vue_vue_type_script_setup_true_name_waiting_area_role_lang_default as default };

package/es/components/open-select-user-modal/component/search-input.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    searchValue: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:searchValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/open-select-user-modal/component/search-input.vue.mjs

@@ -0,0 +1,5 @@
+import search_input_vue_vue_type_script_setup_true_name_search_input_lang_default from "./search-input.vue_vue_type_script_setup_true_name_search-input_lang.mjs";
+//#region src/components/open-select-user-modal/component/search-input.vue
+var search_input_default = search_input_vue_vue_type_script_setup_true_name_search_input_lang_default;
+//#endregion
+export { search_input_default as default };