@gct-paas/core-web 0.1.6-dev.5 → 0.1.6-dev.7

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_2c0f184c_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-2c0f184c"]]);
+//#endregion
+export { select_user_modal_default as default };

package/es/components/select-user-modal/select-user-modal.vue_vue_type_script_setup_true_name_select-user-modal_lang.mjs

@@ -0,0 +1,123 @@
+import { useModalDragMove } from "../../modules/global-modal/src/hooks/useModalDrag.mjs";
+import deptUser_default from "./deptUser.vue.mjs";
+import range_role_default from "./range-role.vue.mjs";
+import userGroup_default from "./userGroup.vue.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, ref, resolveComponent, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/select-user-modal/select-user-modal.vue?vue&type=script&setup=true&name=select-user-modal&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "select-user-wrap"
+};
+var select_user_modal_vue_vue_type_script_setup_true_name_select_user_modal_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "select-user-modal",
+	props: {
+		getContainer: {},
+		className: {}
+	},
+	emits: ["ok"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const visible = ref(false);
+		const activeKey = ref("1");
+		const title = ref("");
+		const selectedRoles = ref([]);
+		const selectedUserGroups = ref([]);
+		const selectedDeptUsers = ref([]);
+		useModalDragMove({
+			visible,
+			destroyOnClose: ref(false),
+			draggable: ref(true)
+		});
+		const open = (data) => {
+			visible.value = true;
+			title.value = data.title || t("sys.pageDesigner.fieldCmp.range_user");
+			activeKey.value = "1";
+			if (data && data.selectedValue && Array.isArray(data.selectedValue)) {
+				const selected = data.selectedValue;
+				selectedRoles.value = selected.filter((e) => e.includes("ROLE:"));
+				selectedUserGroups.value = selected.filter((e) => e.includes("USER_GROUP:"));
+				selectedDeptUsers.value = selected.filter((e) => e.includes("ORG:") || e.includes("USER:"));
+			}
+		};
+		const handleOk = () => {
+			visible.value = false;
+			emit("ok", [
+				...selectedRoles.value,
+				...selectedUserGroups.value,
+				...selectedDeptUsers.value
+			]);
+			selectedRoles.value = [];
+			selectedUserGroups.value = [];
+			selectedDeptUsers.value = [];
+		};
+		const afterClose = () => {
+			selectedRoles.value = [];
+			selectedUserGroups.value = [];
+			selectedDeptUsers.value = [];
+		};
+		__expose({ open });
+		return (_ctx, _cache) => {
+			const _component_a_tab_pane = resolveComponent("a-tab-pane");
+			const _component_a_tabs = resolveComponent("a-tabs");
+			const _component_a_modal = resolveComponent("a-modal");
+			return openBlock(), createBlock(_component_a_modal, {
+				visible: visible.value,
+				"onUpdate:visible": _cache[4] || (_cache[4] = ($event) => visible.value = $event),
+				title: title.value,
+				"ok-text": unref(t)("sys.okText"),
+				"wrap-class-name": "ant-modal-new vxe-table--ignore-clear",
+				center: "",
+				width: "800px",
+				"after-close": afterClose,
+				onOk: handleOk
+			}, {
+				default: withCtx(() => [visible.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_tabs, {
+					"active-key": activeKey.value,
+					"onUpdate:activeKey": _cache[3] || (_cache[3] = ($event) => activeKey.value = $event)
+				}, {
+					default: withCtx(() => [
+						createVNode(_component_a_tab_pane, {
+							key: "1",
+							tab: unref(t)("sys.role")
+						}, {
+							default: withCtx(() => [createVNode(range_role_default, {
+								value: selectedRoles.value,
+								"onUpdate:value": _cache[0] || (_cache[0] = ($event) => selectedRoles.value = $event)
+							}, null, 8, ["value"])]),
+							_: 1
+						}, 8, ["tab"]),
+						createVNode(_component_a_tab_pane, {
+							key: "2",
+							tab: unref(t)("sys.userGroup")
+						}, {
+							default: withCtx(() => [createVNode(userGroup_default, {
+								value: selectedUserGroups.value,
+								"onUpdate:value": _cache[1] || (_cache[1] = ($event) => selectedUserGroups.value = $event)
+							}, null, 8, ["value"])]),
+							_: 1
+						}, 8, ["tab"]),
+						createVNode(_component_a_tab_pane, {
+							key: "3",
+							tab: unref(t)("sys.pageDesigner.deptUser")
+						}, {
+							default: withCtx(() => [createVNode(deptUser_default, {
+								value: selectedDeptUsers.value,
+								"onUpdate:value": _cache[2] || (_cache[2] = ($event) => selectedDeptUsers.value = $event)
+							}, null, 8, ["value"])]),
+							_: 1
+						}, 8, ["tab"])
+					]),
+					_: 1
+				}, 8, ["active-key"])])) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, [
+				"visible",
+				"title",
+				"ok-text"
+			]);
+		};
+	}
+});
+//#endregion
+export { select_user_modal_vue_vue_type_script_setup_true_name_select_user_modal_lang_default as default };

package/es/components/select-user-modal/select-user-modal.vue_vue_type_style_index_0_scoped_2c0f184c_lang.css

@@ -0,0 +1,14 @@
+.select-user-wrap[data-v-2c0f184c] {
+  border: 1px solid #e8ebf0;
+  border-radius: 4px;
+}
+.select-user-wrap[data-v-2c0f184c] .ant-tabs .ant-tabs-nav {
+  margin-bottom: 0;
+  padding: 0 12px;
+}
+.select-user-wrap[data-v-2c0f184c] .ant-tabs .ant-tabs-nav .ant-tabs-tab {
+  padding: 12px 16px;
+}
+.select-user-wrap[data-v-2c0f184c] .ant-tabs .ant-tabs-content {
+  padding: 12px;
+}

package/es/components/select-user-modal/userGroup.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/userGroup.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import userGroup_vue_vue_type_script_setup_true_name_userGroup_lang_default from "./userGroup.vue_vue_type_script_setup_true_name_userGroup_lang.mjs";
+import './userGroup.vue_vue_type_style_index_0_scoped_47d1cbaa_lang.css';/* empty css                                                                */
+//#region src/components/select-user-modal/userGroup.vue
+var userGroup_default = /* @__PURE__ */ _plugin_vue_export_helper_default(userGroup_vue_vue_type_script_setup_true_name_userGroup_lang_default, [["__scopeId", "data-v-47d1cbaa"]]);
+//#endregion
+export { userGroup_default as default };

package/es/components/select-user-modal/userGroup.vue_vue_type_script_setup_true_name_userGroup_lang.mjs

@@ -0,0 +1,149 @@
+import { Fragment, computed, createBlock, 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/userGroup.vue?vue&type=script&setup=true&name=userGroup&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 p12px" };
+var _hoisted_7 = { class: "mb8px" };
+var _hoisted_8 = { class: "select-wrap h100%" };
+var _hoisted_9 = { class: "select-header" };
+var _hoisted_10 = { class: "header-title" };
+var _hoisted_11 = { class: "text-[#797A7D] ml4px" };
+var _hoisted_12 = { class: "select-main pt8px pb16px" };
+var _hoisted_13 = { class: "gct-text-overflow ks-col" };
+var _hoisted_14 = ["onClick"];
+var userGroup_vue_vue_type_script_setup_true_name_userGroup_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "userGroup",
+	props: { value: {} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const indeterminate = ref(false), checkAll = ref(false);
+		const searchValue = ref();
+		const userGroupData = ref([]);
+		const expandedKeys = ref([]);
+		onMounted(() => {
+			getUserGroupData();
+		});
+		const checkedKeys = computed({
+			get() {
+				return props.value;
+			},
+			set(val) {
+				emit("update:value", val);
+			}
+		});
+		const treeDataList = computed(() => {
+			return searchValue.value?.trim() ? userGroupData.value.filter((e) => e.name.indexOf(searchValue.value.trim()) > -1) : cloneDeep(userGroupData.value);
+		});
+		const treeData = computed(() => {
+			return list2Tree(treeDataList.value);
+		});
+		const selectedOptions = computed(() => {
+			return userGroupData.value.filter((e) => props.value.includes(e.formatId));
+		});
+		const onCheckAllChange = (e) => {
+			indeterminate.value = false;
+			const list = cloneDeep(props.value);
+			const ids = treeDataList.value.map((e) => e.formatId);
+			emit("update:value", e.target.checked ? [...new Set([...list, ...ids])] : list.filter((e) => !ids.includes(e)));
+		};
+		const onTreeCheck = (checkedKeys) => {
+			emit("update:value", checkedKeys.checked);
+		};
+		const onExpand = (keys) => {
+			expandedKeys.value = keys;
+		};
+		const getUserGroupData = async () => {
+			userGroupData.value = (await _api.apaas.userGroup.getList() ?? []).map((e) => {
+				return {
+					...e,
+					formatId: `USER_GROUP:${e.id}`
+				};
+			});
+			expandedKeys.value = userGroupData.value.map((e) => e.formatId);
+		};
+		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_checkbox = resolveComponent("a-checkbox");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_tree = resolveComponent("a-tree");
+			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(userGroupData.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_tree, {
+						"checked-keys": checkedKeys.value,
+						"onUpdate:checkedKeys": _cache[2] || (_cache[2] = ($event) => checkedKeys.value = $event),
+						checkable: "",
+						"check-strictly": "",
+						"expanded-keys": expandedKeys.value,
+						"tree-data": treeData.value,
+						"field-names": {
+							title: "name",
+							key: "formatId"
+						},
+						onCheck: onTreeCheck,
+						onExpand
+					}, null, 8, [
+						"checked-keys",
+						"expanded-keys",
+						"tree-data"
+					])])])]),
+					_: 1
+				}), createVNode(_component_a_col, { span: 12 }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [createElementVNode("div", _hoisted_10, [createTextVNode(toDisplayString(unref(t)("sys.selected")) + "： ", 1), createElementVNode("span", _hoisted_11, toDisplayString(selectedOptions.value.length), 1)]), createElementVNode("div", {
+						class: "cursor-pointer primary-gct",
+						onClick: _cache[3] || (_cache[3] = ($event) => checkedKeys.value = [])
+					}, toDisplayString(unref(t)("sys.pageDesigner.deleteAll")), 1)]), createElementVNode("div", _hoisted_12, [(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_13, toDisplayString(el.name), 1), createElementVNode("i", {
+							class: "iconfont icon-shanchu2 cursor-pointer error-gct-hover text-[#333333]",
+							onClick: ($event) => checkedKeys.value = checkedKeys.value.filter((e) => e !== el.formatId)
+						}, null, 8, _hoisted_14)]);
+					}), 128))])])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { userGroup_vue_vue_type_script_setup_true_name_userGroup_lang_default as default };

package/es/components/select-user-modal/userGroup.vue_vue_type_style_index_0_scoped_47d1cbaa_lang.css

@@ -0,0 +1,19 @@
+.select-wrap[data-v-47d1cbaa] {
+  border-left: 1px solid #e8ebf0;
+  border-right: 1px solid #e8ebf0;
+  border-bottom: 1px solid #e8ebf0;
+}
+.select-header[data-v-47d1cbaa] {
+  padding: 10px 16px;
+  border-top: 1px solid #e8ebf0;
+  border-bottom: 1px solid #e8ebf0;
+  background-color: #f2f4f7;
+  display: flex;
+}
+.select-header .header-title[data-v-47d1cbaa] {
+  flex: 1;
+}
+.select-main[data-v-47d1cbaa] {
+  height: 400px;
+  overflow: auto;
+}

package/es/create-app-vue.d.ts

@@ -4,6 +4,6 @@ import { App } from 'vue';
  *
  * @export
  * @param {App} app
- * @return {*}  {Promise<void>}
+ * @return {*}  {void}
  */
-export declare function coreWebCreateAppVue(app: App): Promise<void>;
+export declare function coreWebCreateAppVue(app: App): void;

package/es/create-app-vue.mjs

@@ -1,10 +1,11 @@
 import gct_form_default from "./modules/gct-form/index.mjs";
 import gct_table_default from "./modules/gct-table/index.mjs";
+import { BasicModal } from "./modules/global-modal/index.mjs";
+import components_default from "./components/index.mjs";
 import color_editor_default from "./modules/color-picker/src/color-editor.vue.mjs";
 import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
 import "./modules/color-picker/index.mjs";
-import { BasicModal } from "./modules/global-modal/index.mjs";
-import components_default from "./components/index.mjs";
+import relationship_diagram_config_default from "./modules/relationship-diagram-config/index.mjs";
 import { GctOverlayScrollbars } from "./components/overlay-scrollbars/gct-overlay-scrollbars.mjs";
 import { setupDirectives } from "./directives/index.mjs";
 import Antdv from "ant-design-vue";
@@ -17,9 +18,9 @@ import "overlayscrollbars/overlayscrollbars.css";
 *
 * @export
 * @param {App} app
-* @return {*}  {Promise<void>}
+* @return {*}  {void}
 */
-async function coreWebCreateAppVue(app) {
+function coreWebCreateAppVue(app) {
 	app.use(Antdv);
 	setupDirectives(app);
 	app.use(components_default);
@@ -29,7 +30,8 @@ async function coreWebCreateAppVue(app) {
 	app.component(ColorPicker_default.name, ColorPicker_default);
 	app.component(color_editor_default.name, color_editor_default);
 	app.component("OverlayScrollbarsComponent", GctOverlayScrollbars);
-	await coreComponentsCreateAppVue(app);
+	app.use(relationship_diagram_config_default);
+	coreComponentsCreateAppVue(app);
 	app.use(gct_form_default);
 	app.use(gct_table_default);
 	app.use(BasicModal);

package/es/index.d.ts

@@ -1,5 +1,7 @@
 export * from './hooks';
 export * from './utils';
+export * from './components';
+export * from './modules/category';
 export * from './modules/code-editor';
 export * from './modules/color-picker';
 export * from './modules/formula-editor';
@@ -9,8 +11,8 @@ export * from './modules/gct-table';
 export * from './modules/global-modal';
 export * from './modules/picture-cropper';
 export * from './modules/picture-preview';
-export * from './components';
 export * from './modules/print-tmpl';
-export * from './modules/category';
+export * from './modules/relationship-diagram-config';
+export * from './modules/data-rules-container';
 export { coreWebCreateAppVue } from './create-app-vue';
 export { coreWebSetupApp } from './setup-app';