@gct-paas/core-web 0.1.6-dev.4 → 0.1.6-dev.40

package/es/components/select-user-modal/deptUser.vue.d.ts

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

package/es/components/select-user-modal/deptUser.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import deptUser_vue_vue_type_script_setup_true_name_deptUser_lang_default from "./deptUser.vue_vue_type_script_setup_true_name_deptUser_lang.mjs";
+import './deptUser.vue_vue_type_style_index_0_scoped_02dff7bf_lang.css';/* empty css                                                               */
+//#region src/components/select-user-modal/deptUser.vue
+var deptUser_default = /* @__PURE__ */ _plugin_vue_export_helper_default(deptUser_vue_vue_type_script_setup_true_name_deptUser_lang_default, [["__scopeId", "data-v-02dff7bf"]]);
+//#endregion
+export { deptUser_default as default };

package/es/components/select-user-modal/deptUser.vue_vue_type_script_setup_true_name_deptUser_lang.mjs

@@ -0,0 +1,296 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { cloneDeep } from "lodash-es";
+import { t } from "@gct-paas/core";
+//#region src/components/select-user-modal/deptUser.vue?vue&type=script&setup=true&name=deptUser&lang.ts
+var _hoisted_1 = { class: "select-wrap h450px ks-column" };
+var _hoisted_2 = { class: "select-header" };
+var _hoisted_3 = { class: "header-title" };
+var _hoisted_4 = { class: "select-main ks-col ks-row" };
+var _hoisted_5 = {
+	class: "select-main-left ks-col ks-column h100%",
+	style: { "overflow": "hidden" }
+};
+var _hoisted_6 = {
+	class: "select-main-left-top ks-col ks-column",
+	style: { "overflow": "hidden" }
+};
+var _hoisted_7 = { class: "p12px pb10px" };
+var _hoisted_8 = {
+	class: "ks-col p12px pt0px",
+	style: { "overflow": "auto" }
+};
+var _hoisted_9 = {
+	key: 0,
+	class: "select-main-left-bottom ks-col ks-column",
+	style: { "overflow": "hidden" }
+};
+var _hoisted_10 = { class: "p12px pb10px" };
+var _hoisted_11 = {
+	class: "ks-col",
+	style: { "overflow": "auto" }
+};
+var _hoisted_12 = ["title"];
+var _hoisted_13 = {
+	class: "select-main-right ks-col ks-column",
+	style: { "overflow": "hidden" }
+};
+var _hoisted_14 = { class: "p12px" };
+var _hoisted_15 = {
+	class: "ks-col",
+	style: { "overflow": "auto" }
+};
+var _hoisted_16 = ["title"];
+var _hoisted_17 = {
+	class: "ks-column h450px",
+	style: {
+		"overflow": "hidden",
+		"row-gap": "12px"
+	}
+};
+var _hoisted_18 = {
+	class: "select-wrap ks-col ks-column",
+	style: { "overflow": "hidden" }
+};
+var _hoisted_19 = { class: "select-header" };
+var _hoisted_20 = { class: "header-title" };
+var _hoisted_21 = { class: "text-[#797A7D] ml4px" };
+var _hoisted_22 = {
+	class: "select-main pt8px pb16px ks-col",
+	style: { "overflow": "auto" }
+};
+var _hoisted_23 = { class: "gct-text-overflow ks-col" };
+var _hoisted_24 = ["onClick"];
+var _hoisted_25 = {
+	class: "select-wrap ks-col ks-column",
+	style: { "overflow": "hidden" }
+};
+var _hoisted_26 = { class: "select-header" };
+var _hoisted_27 = { class: "header-title" };
+var _hoisted_28 = { class: "text-[#797A7D] ml4px" };
+var _hoisted_29 = {
+	class: "select-main pt8px pb16px ks-col",
+	style: { "overflow": "auto" }
+};
+var _hoisted_30 = { class: "gct-text-overflow ks-col" };
+var _hoisted_31 = ["onClick"];
+var deptUser_vue_vue_type_script_setup_true_name_deptUser_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "deptUser",
+	props: { value: {} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const searchValue = ref();
+		const orgData = ref([]);
+		const userDataNotOrg = ref([]);
+		const expandedKeys = ref([]);
+		const orgUserData = ref([]);
+		const selectedUserOptions = ref([]);
+		onMounted(() => {
+			getOrgData();
+			getUserDataNotOrg();
+			const ids = props.value.filter((e) => e.includes("USER:")).map((e) => e.replace(/USER:/, ""));
+			ids.length && getUserInfo(ids);
+		});
+		const checkedKeys = computed(() => {
+			return props.value;
+		});
+		const orgTreeData = computed(() => {
+			return list2Tree(orgData.value);
+		});
+		const selectedOrgOptions = computed(() => {
+			return orgData.value.filter((e) => props.value.includes(e.formatId));
+		});
+		const searchedOrgUserData = computed(() => {
+			if (searchValue.value?.trim()) return orgUserData.value.filter((e) => e.fullname?.toLocaleLowerCase().includes(searchValue.value.trim()));
+			return orgUserData.value;
+		});
+		const onUserCheck = (e, data) => {
+			const { value, checked } = e.target;
+			if (checked) selectedUserOptions.value.push(data);
+			else selectedUserOptions.value = selectedUserOptions.value.filter((f) => f.formatId !== value);
+			updateValue(checked, value);
+		};
+		const onTreeCheck = (_v, e) => {
+			const { formatId } = e.node;
+			updateValue(e.checked, formatId);
+		};
+		const onTreeSelect = (_selectedKeys, e) => {
+			searchValue.value = "";
+			getUserDataByOrg(e.node.id);
+		};
+		const onExpand = (keys) => {
+			expandedKeys.value = keys;
+		};
+		const getOrgData = async () => {
+			orgData.value = (await _api.apaas.designerCommon.getGetCanBeUsedOrg() ?? []).map((e) => {
+				return {
+					...e,
+					formatId: `ORG:${e.id}`
+				};
+			});
+			expandedKeys.value = orgData.value.map((e) => e.formatId);
+		};
+		const getUserDataByOrg = async (orgIds) => {
+			orgUserData.value = ((await _api.apaas.designerCommon.getGetCanBeUsedOrgUser({
+				orgIds,
+				pageNo: 1,
+				pageSize: 999999999
+			})).data ?? []).map((e) => {
+				return {
+					...e,
+					formatId: `USER:${e.id}`
+				};
+			});
+		};
+		const getUserDataNotOrg = async () => {
+			userDataNotOrg.value = (await _api.apaas.designerCommon.getGetVisibleUser() ?? []).map((e) => {
+				return {
+					...e,
+					formatId: `USER:${e.id}`
+				};
+			});
+		};
+		const getUserInfo = async (ids) => {
+			selectedUserOptions.value = (await _api.platform.orgUserPicker.getTenantManagementUserListByIds({ ids: ids.join(",") }) ?? []).map((e) => {
+				return {
+					...e,
+					formatId: `USER:${e.id}`
+				};
+			});
+		};
+		const updateValue = (isAdd, ids) => {
+			const idList = Array.isArray(ids) ? ids : [ids];
+			let list = cloneDeep(props.value);
+			isAdd ? list.push(...idList) : list = list.filter((e) => !idList.includes(e));
+			emit("update:value", list);
+		};
+		function list2Tree(list) {
+			let treeOptions = [];
+			const arrClone = cloneDeep(list);
+			const mapInfo = arrClone.reduce((obj, item) => {
+				item.children = [];
+				obj[item.id] = item;
+				return obj;
+			}, {});
+			arrClone.forEach((i) => {
+				const parent = mapInfo[i.parentId];
+				parent ? parent.children.push(i) : treeOptions.push(i);
+			});
+			return treeOptions;
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tree = resolveComponent("a-tree");
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_row = resolveComponent("a-row");
+			return openBlock(), createBlock(_component_a_row, { gutter: [16, 0] }, {
+				default: withCtx(() => [createVNode(_component_a_col, { span: 14 }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.pageDesigner.ToBeSelect")), 1)]), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("sys.org.orgTree")), 1), createElementVNode("div", _hoisted_8, [createVNode(_component_a_tree, {
+						"checked-keys": checkedKeys.value,
+						"onUpdate:checkedKeys": _cache[0] || (_cache[0] = ($event) => checkedKeys.value = $event),
+						checkable: "",
+						"check-strictly": "",
+						"expanded-keys": expandedKeys.value,
+						"tree-data": orgTreeData.value,
+						"field-names": {
+							title: "name",
+							key: "formatId"
+						},
+						onCheck: onTreeCheck,
+						onExpand,
+						onSelect: onTreeSelect
+					}, null, 8, [
+						"checked-keys",
+						"expanded-keys",
+						"tree-data"
+					])])]), userDataNotOrg.value.length ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("sys.org.visiblePersonnel")), 1), createElementVNode("div", _hoisted_11, [createVNode(_component_a_checkbox_group, {
+						value: checkedKeys.value,
+						"onUpdate:value": _cache[1] || (_cache[1] = ($event) => checkedKeys.value = $event),
+						class: "mt10px w100%"
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(userDataNotOrg.value, (el, i) => {
+							return openBlock(), createElementBlock("div", {
+								key: i,
+								class: "select-item"
+							}, [createVNode(_component_a_checkbox, {
+								value: el.formatId,
+								onChange: (e) => onUserCheck(e, el)
+							}, {
+								default: withCtx(() => [createElementVNode("div", {
+									title: el.fullname,
+									class: "gct-text-overflow ks-col"
+								}, toDisplayString(el.fullname), 9, _hoisted_12)]),
+								_: 2
+							}, 1032, ["value", "onChange"])]);
+						}), 128))]),
+						_: 1
+					}, 8, ["value"])])])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [createVNode(_component_a_input, {
+						value: searchValue.value,
+						"onUpdate:value": _cache[2] || (_cache[2] = ($event) => searchValue.value = $event),
+						class: "mb8px",
+						placeholder: unref(t)("sys.searchText")
+					}, null, 8, ["value", "placeholder"])]), createElementVNode("div", _hoisted_15, [createVNode(_component_a_checkbox_group, {
+						value: checkedKeys.value,
+						"onUpdate:value": _cache[3] || (_cache[3] = ($event) => checkedKeys.value = $event),
+						class: "mt10px w100%"
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(searchedOrgUserData.value, (el, i) => {
+							return openBlock(), createElementBlock("div", {
+								key: i,
+								class: "select-item"
+							}, [createVNode(_component_a_checkbox, {
+								value: el.formatId,
+								onChange: (e) => onUserCheck(e, el)
+							}, {
+								default: withCtx(() => [createElementVNode("div", {
+									title: el.fullname,
+									class: "gct-text-overflow ks-col"
+								}, toDisplayString(el.fullname), 9, _hoisted_16)]),
+								_: 2
+							}, 1032, ["value", "onChange"])]);
+						}), 128))]),
+						_: 1
+					}, 8, ["value"])])])])])]),
+					_: 1
+				}), createVNode(_component_a_col, { span: 10 }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_17, [createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, [createTextVNode(toDisplayString(unref(t)("sys.org.selectedDepartment")) + "： ", 1), createElementVNode("span", _hoisted_21, toDisplayString(selectedOrgOptions.value.length), 1)]), createElementVNode("div", {
+						class: "cursor-pointer primary-gct",
+						onClick: _cache[4] || (_cache[4] = ($event) => updateValue(false, selectedOrgOptions.value.map((e) => e.formatId)))
+					}, toDisplayString(unref(t)("sys.pageDesigner.deleteAll")), 1)]), createElementVNode("div", _hoisted_22, [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedOrgOptions.value, (el, i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i,
+							class: "selected-item ks-row p2px pl16px pr16px mt8px"
+						}, [createElementVNode("div", _hoisted_23, toDisplayString(el.name), 1), createElementVNode("i", {
+							class: "iconfont icon-shanchu2 cursor-pointer error-gct-hover text-[#333333]",
+							onClick: ($event) => updateValue(false, el.formatId)
+						}, null, 8, _hoisted_24)]);
+					}), 128))])]), createElementVNode("div", _hoisted_25, [createElementVNode("div", _hoisted_26, [createElementVNode("div", _hoisted_27, [createTextVNode(toDisplayString(unref(t)("sys.org.selectedPersonnel")) + "： ", 1), createElementVNode("span", _hoisted_28, toDisplayString(selectedUserOptions.value.length), 1)]), createElementVNode("div", {
+						class: "cursor-pointer primary-gct",
+						onClick: _cache[5] || (_cache[5] = ($event) => {
+							updateValue(false, selectedUserOptions.value.map((e) => e.formatId));
+							selectedUserOptions.value = [];
+						})
+					}, toDisplayString(unref(t)("sys.pageDesigner.deleteAll")), 1)]), createElementVNode("div", _hoisted_29, [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedUserOptions.value, (el, i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i,
+							class: "selected-item ks-row p2px pl16px pr16px mt8px"
+						}, [createElementVNode("div", _hoisted_30, toDisplayString(el.fullname), 1), createElementVNode("i", {
+							class: "iconfont icon-shanchu2 cursor-pointer error-gct-hover text-[#333333]",
+							onClick: ($event) => {
+								updateValue(false, el.formatId);
+								selectedUserOptions.value = selectedUserOptions.value.filter((e) => e.formatId !== el.formatId);
+							}
+						}, null, 8, _hoisted_31)]);
+					}), 128))])])])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { deptUser_vue_vue_type_script_setup_true_name_deptUser_lang_default as default };

package/es/components/select-user-modal/deptUser.vue_vue_type_style_index_0_scoped_02dff7bf_lang.css

@@ -0,0 +1,40 @@
+.select-wrap[data-v-02dff7bf] {
+  border-left: 1px solid #e8ebf0;
+  border-right: 1px solid #e8ebf0;
+  border-bottom: 1px solid #e8ebf0;
+}
+.select-header[data-v-02dff7bf] {
+  padding: 10px 16px;
+  border-top: 1px solid #e8ebf0;
+  border-bottom: 1px solid #e8ebf0;
+  background-color: #f2f4f7;
+  display: flex;
+}
+.select-header .header-title[data-v-02dff7bf] {
+  flex: 1;
+}
+.select-main[data-v-02dff7bf] {
+  overflow: hidden;
+}
+.select-main .select-main-left[data-v-02dff7bf] {
+  border-right: 1px solid #e8ebf0;
+}
+.select-main .select-main-left-bottom[data-v-02dff7bf] {
+  border-top: 1px solid #e8ebf0;
+}
+.select-item[data-v-02dff7bf] {
+  padding: 0 16px;
+  margin-bottom: 8px;
+  display: flex;
+}
+.select-item[data-v-02dff7bf]:last-child {
+  margin-bottom: 12px;
+}
+.select-item[data-v-02dff7bf] .ant-checkbox-wrapper {
+  width: 100%;
+  overflow: hidden;
+}
+.select-item[data-v-02dff7bf] .ant-checkbox-wrapper > span:last-child {
+  flex: 1;
+  overflow: hidden;
+}

package/es/components/select-user-modal/index.d.ts

@@ -0,0 +1,2 @@
+import { default as SelectUserModal } from './select-user-modal.vue';
+export { SelectUserModal };

package/es/components/select-user-modal/index.mjs

@@ -0,0 +1 @@
+import "./select-user-modal.vue.mjs";

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

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

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import range_role_vue_vue_type_script_setup_true_name_role_lang_default from "./range-role.vue_vue_type_script_setup_true_name_role_lang.mjs";
+import './range-role.vue_vue_type_style_index_0_scoped_1241bcdf_lang.css';/* empty css                                                                 */
+//#region src/components/select-user-modal/range-role.vue
+var range_role_default = /* @__PURE__ */ _plugin_vue_export_helper_default(range_role_vue_vue_type_script_setup_true_name_role_lang_default, [["__scopeId", "data-v-1241bcdf"]]);
+//#endregion
+export { range_role_default as default };

package/es/components/select-user-modal/range-role.vue_vue_type_script_setup_true_name_role_lang.mjs

@@ -0,0 +1,137 @@
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { cloneDeep } from "lodash-es";
+import { t } from "@gct-paas/core";
+//#region src/components/select-user-modal/range-role.vue?vue&type=script&setup=true&name=role&lang.ts
+var _hoisted_1 = { class: "select-wrap h100%" };
+var _hoisted_2 = { class: "select-header" };
+var _hoisted_3 = { class: "header-title" };
+var _hoisted_4 = { class: "text-[#212528]" };
+var _hoisted_5 = { class: "text-[#797A7D]" };
+var _hoisted_6 = { class: "select-main" };
+var _hoisted_7 = { class: "pl12px pr12px pt12px" };
+var _hoisted_8 = ["title"];
+var _hoisted_9 = { class: "select-wrap h100%" };
+var _hoisted_10 = { class: "select-header" };
+var _hoisted_11 = { class: "header-title" };
+var _hoisted_12 = { class: "text-[#797A7D] ml4px" };
+var _hoisted_13 = { class: "select-main pt8px pb16px" };
+var _hoisted_14 = { class: "gct-text-overflow ks-col" };
+var _hoisted_15 = ["onClick"];
+var range_role_vue_vue_type_script_setup_true_name_role_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "range-role",
+	props: { value: {} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const indeterminate = ref(false), checkAll = ref(false), searchValue = ref();
+		const roleData = ref([]);
+		const checkedList = computed({
+			get() {
+				return props.value;
+			},
+			set(val) {
+				emit("update:value", val);
+			}
+		});
+		watch(checkedList, (val) => {
+			changeCheckAllStatus(val);
+		});
+		watch(searchValue, () => {
+			changeCheckAllStatus(checkedList.value);
+		});
+		const changeCheckAllStatus = (list) => {
+			const searchAndChecked = tobeSelectOptions.value.filter((e) => list.includes(e.formatId));
+			indeterminate.value = !!searchAndChecked.length && searchAndChecked.length < tobeSelectOptions.value.length;
+			checkAll.value = searchAndChecked.length === tobeSelectOptions.value.length;
+		};
+		const tobeSelectOptions = computed(() => {
+			if (searchValue.value?.trim()) return roleData.value.filter((e) => e.name?.toLocaleLowerCase().includes(searchValue.value.trim()));
+			return roleData.value;
+		});
+		const selectedOptions = computed(() => {
+			return roleData.value.filter((e) => props.value.some((f) => f === e.formatId));
+		});
+		onMounted(() => {
+			getRoleData();
+		});
+		const onCheckAllChange = (e) => {
+			indeterminate.value = false;
+			const list = cloneDeep(props.value);
+			const ids = tobeSelectOptions.value.map((e) => e.formatId);
+			emit("update:value", e.target.checked ? [...new Set([...list, ...ids])] : list.filter((e) => !ids.includes(e)));
+		};
+		const getRoleData = async () => {
+			roleData.value = (await _api.apaas.role.getList({}) ?? []).map((e) => {
+				return {
+					...e,
+					formatId: `ROLE:${e.id}`
+				};
+			});
+		};
+		return (_ctx, _cache) => {
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_row = resolveComponent("a-row");
+			return openBlock(), createBlock(_component_a_row, { gutter: [16, 0] }, {
+				default: withCtx(() => [createVNode(_component_a_col, { span: 12 }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(_component_a_checkbox, {
+						checked: checkAll.value,
+						"onUpdate:checked": _cache[0] || (_cache[0] = ($event) => checkAll.value = $event),
+						indeterminate: indeterminate.value,
+						onChange: onCheckAllChange
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.ToBeSelect")), 1)]),
+						_: 1
+					}, 8, ["checked", "indeterminate"])]), createElementVNode("div", null, [
+						createElementVNode("span", _hoisted_4, toDisplayString(__props.value.length), 1),
+						_cache[4] || (_cache[4] = createTextVNode(" / ", -1)),
+						createElementVNode("span", _hoisted_5, toDisplayString(roleData.value.length), 1)
+					])]), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(_component_a_input, {
+						value: searchValue.value,
+						"onUpdate:value": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event),
+						placeholder: unref(t)("sys.searchText")
+					}, null, 8, ["value", "placeholder"])]), createVNode(_component_a_checkbox_group, {
+						value: checkedList.value,
+						"onUpdate:value": _cache[2] || (_cache[2] = ($event) => checkedList.value = $event),
+						style: { "width": "100%" }
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tobeSelectOptions.value, (el, i) => {
+							return openBlock(), createElementBlock("div", {
+								key: i,
+								class: "select-item"
+							}, [createVNode(_component_a_checkbox, { value: el.formatId }, {
+								default: withCtx(() => [createElementVNode("div", {
+									title: el.name,
+									class: "gct-text-overflow ks-col"
+								}, toDisplayString(el.name), 9, _hoisted_8)]),
+								_: 2
+							}, 1032, ["value"])]);
+						}), 128))]),
+						_: 1
+					}, 8, ["value"])])])]),
+					_: 1
+				}), createVNode(_component_a_col, { span: 12 }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createTextVNode(toDisplayString(unref(t)("sys.selected")) + "： ", 1), createElementVNode("span", _hoisted_12, toDisplayString(selectedOptions.value.length), 1)]), createElementVNode("div", {
+						class: "cursor-pointer primary-gct",
+						onClick: _cache[3] || (_cache[3] = ($event) => checkedList.value = [])
+					}, toDisplayString(unref(t)("sys.pageDesigner.deleteAll")), 1)]), createElementVNode("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(selectedOptions.value, (el, i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i,
+							class: "selected-item ks-row p2px pl16px pr16px mt8px"
+						}, [createElementVNode("div", _hoisted_14, toDisplayString(el.name), 1), createElementVNode("i", {
+							class: "iconfont icon-shanchu2 cursor-pointer error-gct-hover text-[#333333]",
+							onClick: ($event) => checkedList.value = checkedList.value.filter((e) => e !== el.formatId)
+						}, null, 8, _hoisted_15)]);
+					}), 128))])])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { range_role_vue_vue_type_script_setup_true_name_role_lang_default as default };

package/es/components/select-user-modal/range-role.vue_vue_type_style_index_0_scoped_1241bcdf_lang.css

@@ -0,0 +1,34 @@
+.select-wrap[data-v-1241bcdf] {
+  border-left: 1px solid #e8ebf0;
+  border-right: 1px solid #e8ebf0;
+  border-bottom: 1px solid #e8ebf0;
+}
+.select-header[data-v-1241bcdf] {
+  padding: 10px 16px;
+  border-top: 1px solid #e8ebf0;
+  border-bottom: 1px solid #e8ebf0;
+  background-color: #f2f4f7;
+  display: flex;
+}
+.select-header .header-title[data-v-1241bcdf] {
+  flex: 1;
+}
+.select-main[data-v-1241bcdf] {
+  height: 400px;
+  overflow: auto;
+}
+.select-item[data-v-1241bcdf] {
+  padding: 10px 16px;
+  display: flex;
+}
+.select-item + .select-item[data-v-1241bcdf] {
+  border-top: 1px solid #e0e3ea;
+}
+.select-item[data-v-1241bcdf] .ant-checkbox-wrapper {
+  width: 100%;
+  overflow: hidden;
+}
+.select-item[data-v-1241bcdf] .ant-checkbox-wrapper > span:last-child {
+  flex: 1;
+  overflow: hidden;
+}

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

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    getContainer?: HTMLElement;
+    className?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    open: (data: IObject) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    ok: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOk?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/select-user-modal/select-user-modal.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import select_user_modal_vue_vue_type_script_setup_true_name_select_user_modal_lang_default from "./select-user-modal.vue_vue_type_script_setup_true_name_select-user-modal_lang.mjs";
+import './select-user-modal.vue_vue_type_style_index_0_scoped_8316b821_lang.css';/* empty css                                                                        */
+//#region src/components/select-user-modal/select-user-modal.vue
+var select_user_modal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(select_user_modal_vue_vue_type_script_setup_true_name_select_user_modal_lang_default, [["__scopeId", "data-v-8316b821"]]);
+//#endregion
+export { select_user_modal_default as default };