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

package/es/modules/data-rules-container/src/constant/interface.mjs

@@ -0,0 +1,149 @@
+import { t } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/constant/interface.ts
+/**
+* 搜索类型
+* @alias USER_GROUP  用户组
+* @alias MEMBER      成员
+* @alias ROLE        角色
+* @alias MODEL       模型
+*/
+var SearchTypeEnum = /* @__PURE__ */ function(SearchTypeEnum) {
+	/** 用户组 */
+	SearchTypeEnum["USER_GROUP"] = "USER_GROUP";
+	/** 成员 */
+	SearchTypeEnum["MEMBER"] = "MEMBER";
+	/** 角色 */
+	SearchTypeEnum["ROLE"] = "ROLE";
+	/** 模型 */
+	SearchTypeEnum["MODEL"] = "MODEL";
+	return SearchTypeEnum;
+}({});
+var ModalTypeEnum = /* @__PURE__ */ function(ModalTypeEnum) {
+	/** 新建 */
+	ModalTypeEnum["Create"] = "create";
+	/** 编辑 */
+	ModalTypeEnum["Edit"] = "edit";
+	/** 删除 */
+	ModalTypeEnum["Delete"] = "delete";
+	return ModalTypeEnum;
+}({});
+/** 用户组关联关系 */
+var RelationTypeEnum = /* @__PURE__ */ function(RelationTypeEnum) {
+	/** 部门 */
+	RelationTypeEnum["ORG"] = "ORG";
+	/** 人员 */
+	RelationTypeEnum["USER"] = "USER";
+	/** 角色 */
+	RelationTypeEnum["ROLE"] = "ROLE";
+	/** 实体数据模型  */
+	RelationTypeEnum["ENTITY_MODEL_DATA"] = "ENTITY_MODEL_DATA";
+	/** 内置条件模型 */
+	RelationTypeEnum["BUILT_CONDITION_MODEL"] = "BUILT_CONDITION_MODEL";
+	/** 权限作用域 */
+	RelationTypeEnum["PERMISSION_SCOPE"] = "PERMISSION_SCOPE";
+	return RelationTypeEnum;
+}({});
+var DataTypeOptions = [
+	{
+		label: t("sys.appDesigner.physicalBusinessModel"),
+		value: RelationTypeEnum.ENTITY_MODEL_DATA
+	},
+	{
+		label: t("sys.appDesigner.builtinConditionalModel"),
+		value: RelationTypeEnum.BUILT_CONDITION_MODEL
+	},
+	{
+		label: t("sys.appDesigner.permissionScope"),
+		value: RelationTypeEnum.PERMISSION_SCOPE
+	}
+];
+/**
+* 数据权限设置模态框tab枚举
+* @alias TAB_DATA_RULES 数据规则
+* @alias TAB_FIELD_ROLE 字段权限
+* @alias TAB_BUILT_PREM 内置权限
+* @alias TAB_PERM_SCOPE 权限作用域
+*/
+var DataRoleSetTabsEnum = /* @__PURE__ */ function(DataRoleSetTabsEnum) {
+	/** 数据规则 */
+	DataRoleSetTabsEnum["TAB_DATA_RULES"] = "tab_data_rules";
+	/** 字段权限 */
+	DataRoleSetTabsEnum["TAB_FIELD_ROLE"] = "tab_field_role";
+	/** 内置权限 */
+	DataRoleSetTabsEnum["TAB_BUILT_PREM"] = "tab_built_prem";
+	/**  */
+	DataRoleSetTabsEnum["TAB_PERM_SCOPE"] = "tab_perm_scope";
+	return DataRoleSetTabsEnum;
+}({});
+var OperatorTypeEnum = /* @__PURE__ */ function(OperatorTypeEnum) {
+	/** 与 */
+	OperatorTypeEnum["AND"] = "AND";
+	/** 或 */
+	OperatorTypeEnum["OR"] = "OR";
+	return OperatorTypeEnum;
+}({});
+var Ch_Operator = {
+	[OperatorTypeEnum.AND]: t("sys.webRender.and"),
+	[OperatorTypeEnum.OR]: t("sys.webRender.or")
+};
+var Ch_Perm_Operator = {
+	[OperatorTypeEnum.AND]: t("sys.webRender.allCondition"),
+	[OperatorTypeEnum.OR]: t("sys.webRender.anyCondition")
+};
+/** 获取tree层级 */
+var calcTreeChildLevel = (nodeData) => {
+	if (!nodeData || Array.isArray(nodeData) && nodeData.length === 0) return 0;
+	const res = new Array(nodeData.length).fill(0);
+	nodeData.forEach((v, i) => {
+		res[i] += 1;
+		if (Array.isArray(v.children)) res[i] += v.children.length ? calcTreeChildLevel(v.children) : 1;
+	});
+	return Math.max(...res);
+};
+/** 递归查找是否存在树结构中的值 */
+var findTreePathById = (leafId, nodes) => {
+	for (let i = 0; i < nodes.length; i++) {
+		if (leafId === nodes[i].id) return nodes[i];
+		if (nodes[i].children) {
+			const findResult = findTreePathById(leafId, nodes[i].children);
+			if (findResult) return findResult;
+		}
+	}
+	return null;
+};
+var dropNode = (info, treeList) => {
+	const { dragNode, node } = info;
+	const dragNodeProps = dragNode.dataRef;
+	const nodeProps = node.dataRef;
+	const dropPos = info.node.pos.split("-");
+	const dropLength = Number(dropPos[dropPos.length - 1]);
+	const dropPosition = info.dropPosition - dropLength;
+	const nodeLevel = nodeProps.fullPath.split("/").length - 1;
+	const nodeMenuChildNum = calcTreeChildLevel(findTreePathById(dragNodeProps.id, treeList)?.children);
+	const maxLevel = 5;
+	const params = { id: dragNodeProps.id };
+	if (dropPosition === 0) {
+		console.log("拖拽到目录里");
+		if (nodeLevel + nodeMenuChildNum > maxLevel - 1) return {
+			type: "error",
+			msg: t("sys.webRender.dragError")
+		};
+		Object.assign(params, {
+			targetParentId: nodeProps.id,
+			targetSortNum: 0
+		});
+	} else if (dropPosition !== 0) {
+		console.log("拖拽到目录平级");
+		if (nodeLevel + nodeMenuChildNum > maxLevel) return {
+			type: "error",
+			msg: t("sys.webRender.dragError")
+		};
+		Object.assign(params, {
+			targetParentId: nodeProps.parentId,
+			targetSortNum: nodeProps.sortNum + 1
+		});
+	}
+	return params;
+};
+//#endregion
+export { Ch_Operator, Ch_Perm_Operator, DataRoleSetTabsEnum, DataTypeOptions, ModalTypeEnum, OperatorTypeEnum, RelationTypeEnum, SearchTypeEnum, calcTreeChildLevel, dropNode, findTreePathById };

package/es/modules/data-rules-container/src/data-rules-container.vue.d.ts

@@ -0,0 +1,45 @@
+import { FieldMetaDTO } from '@gct-paas/api/apaas';
+export interface Props {
+    fieldList?: FieldMetaDTO[];
+    detail?: IObject;
+    type?: string;
+    readonly?: boolean;
+    isDesign?: boolean;
+    mainModelKey?: string;
+    isPageDesigner?: boolean;
+    isOnlineFormDesigner?: boolean;
+    allowClear?: boolean;
+    excludeValueType?: string[];
+    excludeOperatorType?: string[];
+    apiConfig?: object;
+    onlineFormFieldList?: IObject[];
+    /**是否级联字段模式 */
+    cascadeField?: boolean;
+    /**数据权限时-是否开启校验 */
+    hasPermScopeError?: boolean;
+    /** 搜索类型-算子 必传，schema中的SEARCH_TYPE */
+    searchType: Record<string | 'more', IObject>;
+}
+declare const _default: import('vue').DefineComponent<Props, {
+    getDataRulesResult: () => {
+        exp?: undefined;
+        error: never;
+        query?: undefined;
+        varKeys?: undefined;
+        treeStr?: undefined;
+        typeMap?: undefined;
+        dataRuleEnabled: boolean;
+        operator: any;
+    } | {
+        error?: undefined;
+        query: {};
+        varKeys: string[];
+        exp: string;
+        treeStr: string;
+        typeMap: {};
+        dataRuleEnabled: boolean;
+        operator: any;
+    };
+    resetData: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/data-rules-container/src/data-rules-container.vue.mjs

@@ -0,0 +1,6 @@
+import data_rules_container_vue_vue_type_script_setup_true_name_data_rules_container_lang_default from "./data-rules-container.vue_vue_type_script_setup_true_name_data-rules-container_lang.mjs";
+import './data-rules-container.vue_vue_type_style_index_0_lang.css';/* empty css                                                           */
+//#region src/modules/data-rules-container/src/data-rules-container.vue
+var data_rules_container_default = data_rules_container_vue_vue_type_script_setup_true_name_data_rules_container_lang_default;
+//#endregion
+export { data_rules_container_default as default };

package/es/modules/data-rules-container/src/data-rules-container.vue_vue_type_script_setup_true_name_data-rules-container_lang.mjs

@@ -0,0 +1,234 @@
+import header_action_default from "./components/header-action.vue.mjs";
+import { useDataRulesTree } from "./hooks/useDataRulesTree.mjs";
+import tree_root_node_default from "./components/tree-root-node.vue.mjs";
+import tree_action_node_default from "./components/tree-action-node.vue.mjs";
+import perm_root_node_default from "./components/perm-root-node.vue.mjs";
+import perm_action_node_default from "./components/perm-action-node.vue.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/data-rules-container.vue?vue&type=script&setup=true&name=data-rules-container&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "data-rules-header"
+};
+var data_rules_container_vue_vue_type_script_setup_true_name_data_rules_container_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "data-rules-container",
+	props: {
+		fieldList: {},
+		detail: {},
+		type: {},
+		readonly: { type: Boolean },
+		isDesign: { type: Boolean },
+		mainModelKey: {},
+		isPageDesigner: { type: Boolean },
+		isOnlineFormDesigner: { type: Boolean },
+		allowClear: { type: Boolean },
+		excludeValueType: {},
+		excludeOperatorType: {},
+		apiConfig: {},
+		onlineFormFieldList: {},
+		cascadeField: { type: Boolean },
+		hasPermScopeError: { type: Boolean },
+		searchType: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { showDataRulesTree, editDataRulesTree, setTree, getDataRules, resetTree, getAllExpandedKeys, addNewRow } = useDataRulesTree(props.readonly);
+		const dataRuleEnabled = ref(false);
+		const treeExpandedKeys = ref([]);
+		const selectFiledKeys = ref([]);
+		const isFilterConfig = computed(() => {
+			return props.type === "filterConfig";
+		});
+		const isBusinessFlow = computed(() => {
+			return props.type === "businessFlow";
+		});
+		const isEdhrBuiltPerms = computed(() => {
+			return props.type === "edhrBuiltPerms";
+		});
+		const isPermScope = computed(() => {
+			return props.type === "permissionScope";
+		});
+		const dataRulesTree = computed(() => {
+			return props.readonly ? showDataRulesTree.value : editDataRulesTree.value;
+		});
+		const fieldConditionList = computed(() => {
+			return isBusinessFlow.value || isEdhrBuiltPerms.value || isPermScope.value ? props.fieldList : props.fieldList?.filter((item) => Object.keys(props.searchType).includes(item.type));
+		});
+		const isAllowClear = computed(() => {
+			return props.allowClear && dataRulesTree.value.length == 1 && dataRulesTree.value[0]?.children?.length == 1 || props.allowClear && isPermScope.value;
+		});
+		function setDetail() {
+			if (props.detail) {
+				dataRuleEnabled.value = props.detail.dataRuleEnabled;
+				setTree(props.detail.dataRuleConfig);
+			}
+		}
+		watch(() => props.detail, () => {
+			setDetail();
+		}, { deep: true });
+		watch(() => dataRulesTree, () => {
+			const obj = getAllExpandedKeys();
+			treeExpandedKeys.value = obj.allExpandedKeys;
+			selectFiledKeys.value = obj.selectFiledKeys;
+		}, { deep: true });
+		const getDataRulesResult = () => {
+			const config = getDataRules(props.type, props.mainModelKey);
+			return {
+				dataRuleEnabled: dataRuleEnabled.value,
+				...config,
+				operator: isPermScope.value ? dataRulesTree.value[0]?.operatorType : void 0
+			};
+		};
+		const resetData = () => {
+			resetTree();
+		};
+		const handleAddRow = () => {
+			const data = dataRulesTree.value[0];
+			addNewRow(data?.key || "root");
+		};
+		watch(() => props.hasPermScopeError, (val) => {
+			if (!props.readonly && val) editDataRulesTree.value[0]?.children?.forEach((item) => {
+				item.hasPermScopeError = val;
+			});
+		}, { immediate: true });
+		onMounted(() => {
+			setDetail();
+		});
+		__expose({
+			getDataRulesResult,
+			resetData
+		});
+		return (_ctx, _cache) => {
+			const _component_a_tree = resolveComponent("a-tree");
+			const _component_plus_outlined = resolveComponent("plus-outlined");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["data-rules-container", isPermScope.value ? "perm-scope-style" : ""]) }, [
+				!isFilterConfig.value && !__props.isDesign && !isBusinessFlow.value && !isEdhrBuiltPerms.value && !isPermScope.value ? (openBlock(), createBlock(header_action_default, {
+					key: 0,
+					checked: dataRuleEnabled.value,
+					"onUpdate:checked": _cache[0] || (_cache[0] = ($event) => dataRuleEnabled.value = $event),
+					title: unref(t)("sys.appDesigner.rulesGroup"),
+					style: normalizeStyle(dataRuleEnabled.value ? { borderBottom: "1px solid #eaeaea" } : {})
+				}, null, 8, [
+					"checked",
+					"title",
+					"style"
+				])) : !__props.readonly && !__props.isDesign && !isBusinessFlow.value && !isEdhrBuiltPerms.value && !isPermScope.value ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(t)("sys.model.viewFilterCondition")), 1)) : createCommentVNode("", true),
+				isFilterConfig.value || dataRuleEnabled.value || isBusinessFlow.value || isEdhrBuiltPerms.value || isPermScope.value ? (openBlock(), createBlock(_component_a_tree, {
+					key: 2,
+					"expanded-keys": treeExpandedKeys.value,
+					"onUpdate:expandedKeys": _cache[1] || (_cache[1] = ($event) => treeExpandedKeys.value = $event),
+					class: "data-rules-container-tree",
+					"tree-data": dataRulesTree.value,
+					"default-expand-all": true,
+					"block-node": true,
+					selectable: false,
+					"show-line": { showLeafIcon: false }
+				}, {
+					title: withCtx(({ data }) => [data.type === "group" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!isPermScope.value ? (openBlock(), createBlock(tree_root_node_default, {
+						key: 0,
+						id: data.key,
+						level: data.level,
+						data,
+						"operator-type": data.operatorType,
+						readonly: __props.readonly
+					}, null, 8, [
+						"id",
+						"level",
+						"data",
+						"operator-type",
+						"readonly"
+					])) : (openBlock(), createBlock(perm_root_node_default, {
+						key: 1,
+						id: data.key,
+						data,
+						"operator-type": data.operatorType,
+						readonly: __props.readonly
+					}, null, 8, [
+						"id",
+						"data",
+						"operator-type",
+						"readonly"
+					]))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [!isPermScope.value ? (openBlock(), createBlock(tree_action_node_default, {
+						key: 0,
+						data,
+						"field-list": fieldConditionList.value,
+						"select-filed-keys": selectFiledKeys.value,
+						"filter-type": __props.type,
+						readonly: __props.readonly,
+						"main-model-key": __props.mainModelKey,
+						"online-form-field-list": __props.onlineFormFieldList,
+						"is-page-designer": __props.isPageDesigner,
+						"is-online-form-designer": __props.isOnlineFormDesigner,
+						"is-allow-clear": isAllowClear.value,
+						"exclude-value-type": __props.excludeValueType,
+						"exclude-operator-type": __props.excludeOperatorType,
+						"api-config": __props.apiConfig,
+						"model-name": __props.detail?.modelName,
+						"cascade-field": __props.cascadeField,
+						"search-type": __props.searchType
+					}, null, 8, [
+						"data",
+						"field-list",
+						"select-filed-keys",
+						"filter-type",
+						"readonly",
+						"main-model-key",
+						"online-form-field-list",
+						"is-page-designer",
+						"is-online-form-designer",
+						"is-allow-clear",
+						"exclude-value-type",
+						"exclude-operator-type",
+						"api-config",
+						"model-name",
+						"cascade-field",
+						"search-type"
+					])) : (openBlock(), createBlock(perm_action_node_default, {
+						key: 1,
+						data,
+						"field-list": fieldConditionList.value,
+						"select-filed-keys": selectFiledKeys.value,
+						"filter-type": __props.type,
+						readonly: __props.readonly,
+						"is-page-designer": __props.isPageDesigner,
+						"is-allow-clear": isAllowClear.value,
+						"exclude-value-type": __props.excludeValueType,
+						"exclude-operator-type": __props.excludeOperatorType,
+						"api-config": __props.apiConfig,
+						"model-name": __props.detail?.modelName,
+						"cascade-field": __props.cascadeField,
+						"has-perm-scope-error": data.hasPermScopeError
+					}, null, 8, [
+						"data",
+						"field-list",
+						"select-filed-keys",
+						"filter-type",
+						"readonly",
+						"is-page-designer",
+						"is-allow-clear",
+						"exclude-value-type",
+						"exclude-operator-type",
+						"api-config",
+						"model-name",
+						"cascade-field",
+						"has-perm-scope-error"
+					]))], 64))]),
+					_: 1
+				}, 8, ["expanded-keys", "tree-data"])) : createCommentVNode("", true),
+				isPermScope.value ? (openBlock(), createBlock(_component_a_button, {
+					key: 3,
+					class: "perm-root-node-add-row",
+					type: "link",
+					onClick: _cache[2] || (_cache[2] = ($event) => handleAddRow())
+				}, {
+					default: withCtx(() => [createVNode(_component_plus_outlined), createTextVNode(" " + toDisplayString(unref(t)("sys.add")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { data_rules_container_vue_vue_type_script_setup_true_name_data_rules_container_lang_default as default };

package/es/modules/data-rules-container/src/data-rules-container.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,149 @@
+.data-rules-container {
+  padding: 0 20px;
+}
+.data-rules-container .data-rules-header {
+  color: #000;
+  font-weight: 600;
+}
+.data-rules-container .data-rules-container-tree.ant-tree-show-line .ant-tree-indent-unit::before {
+  border-right-color: transparent;
+}
+.data-rules-container .data-rules-container-tree {
+  padding-right: 2px;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode {
+  align-items: center;
+  min-width: 0;
+  padding: 0;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode:hover {
+  background-color: transparent !important;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.tree-group {
+  padding: 14px 0 10px;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.tree-group .ant-tree-indent .ant-tree-indent-unit:last-child::before {
+  content: '';
+  display: inline-block;
+  position: absolute;
+  top: -44px;
+  right: 12px;
+  bottom: 16px;
+  border-right: 1px dashed #dbdbdb;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.tree-group .ant-tree-indent .ant-tree-indent-unit:last-child::after {
+  content: '';
+  display: inline-block;
+  position: absolute;
+  left: 50%;
+  width: 12px;
+  height: 50%;
+  border-bottom: 1px dashed #dbdbdb;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode:not(.tree-group) .ant-tree-indent .ant-tree-indent-unit:first-child {
+  width: 0;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode:not(.tree-group) .ant-tree-indent .ant-tree-indent-unit::before {
+  top: -24px;
+  bottom: -30px;
+  border-right: 1px dashed #dbdbdb;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode:not(.tree-group) .ant-tree-node-content-wrapper {
+  margin-bottom: 8px;
+  padding: 8px;
+  border-radius: 0;
+  background-color: #f5f6f7;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode .ant-tree-switcher {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  color: #797a7d;
+  line-height: 32px;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode .ant-tree-switcher .ant-tree-switcher-leaf-line::before {
+  bottom: -20px;
+  border-right: 1px dashed #dbdbdb;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode .ant-tree-switcher .ant-tree-switcher-leaf-line::after {
+  width: 12px;
+  height: 20px;
+  border-bottom: 1px dashed #dbdbdb;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode .ant-tree-node-content-wrapper {
+  display: flex;
+  flex: 1 1 0%;
+  align-items: center;
+  min-width: 0;
+  line-height: 32px;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title {
+  flex: 1 1 0%;
+  min-width: 0;
+  width: 100%;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.first-node .ant-tree-switcher {
+  color: #797a7d;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.first-node .ant-tree-switcher .ant-tree-switcher-leaf-line::before {
+  top: -16px !important;
+  bottom: -20px !important;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.first-node .ant-tree-switcher .ant-tree-switcher-leaf-line::after {
+  height: 28px;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.first-node .ant-tree-node-content-wrapper {
+  border-top-left-radius: 4px !important;
+  border-top-right-radius: 4px !important;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.last-node .ant-tree-node-content-wrapper {
+  border-bottom-right-radius: 4px !important;
+  border-bottom-left-radius: 4px !important;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode.first-node.last-node .ant-tree-switcher .ant-tree-switcher-leaf-line::before {
+  height: 44px !important;
+}
+.data-rules-container .data-rules-container-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
+  height: 20px !important;
+}
+.data-rules-container.perm-scope-style {
+  padding: 0;
+}
+.data-rules-container.perm-scope-style .data-rules-container-tree .ant-tree-treenode.tree-group {
+  padding-top: 2px;
+}
+.data-rules-container.perm-scope-style .ant-tree .ant-tree-node-content-wrapper {
+  padding: 0;
+  border-radius: 4px !important;
+}
+.data-rules-container.perm-scope-style .data-rules-container-tree .ant-tree-treenode:not(.tree-group) .ant-tree-node-content-wrapper {
+  padding-left: 12px;
+  padding-right: 10px;
+  margin-bottom: 4px;
+  background-color: #f9fafb;
+}
+.data-rules-container.perm-scope-style .ant-tree-switcher {
+  width: 0;
+}
+.data-rules-container.perm-scope-style .ant-tree-switcher .anticon svg {
+  display: none;
+}
+.data-rules-container.perm-scope-style .ant-tree-switcher .ant-tree-switcher-leaf-line::before {
+  display: none;
+}
+.data-rules-container.perm-scope-style .ant-tree-switcher .ant-tree-switcher-leaf-line::after {
+  display: none;
+}
+.data-rules-container.perm-scope-style .perm-root-node-add-row {
+  padding: 0;
+  line-height: 20px;
+  height: 20px;
+  margin-top: 8px;
+  border-width: 0;
+  color: var(--ant-primary-color);
+}
+.data-rules-container.perm-scope-style .ant-btn > .anticon + span {
+  margin-left: 4px;
+}

package/es/modules/data-rules-container/src/field-role-container.vue.d.ts

@@ -0,0 +1,14 @@
+import { FieldMetaDTO } from '@gct-paas/api/apaas';
+interface Props {
+    /** 模型key */
+    dataSource?: FieldMetaDTO[];
+    detail: IObject;
+}
+declare const _default: import('vue').DefineComponent<Props, {
+    getFieldRoleResult: () => {
+        fieldPermissionEnabled: boolean;
+        selectRows: any;
+    };
+    resetData: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/data-rules-container/src/field-role-container.vue.mjs

@@ -0,0 +1,5 @@
+import field_role_container_vue_vue_type_script_setup_true_name_field_role_container_lang_default from "./field-role-container.vue_vue_type_script_setup_true_name_field-role-container_lang.mjs";
+//#region src/modules/data-rules-container/src/field-role-container.vue
+var field_role_container_default = field_role_container_vue_vue_type_script_setup_true_name_field_role_container_lang_default;
+//#endregion
+export { field_role_container_default as default };

package/es/modules/data-rules-container/src/field-role-container.vue_vue_type_script_setup_true_name_field-role-container_lang.mjs

@@ -0,0 +1,73 @@
+import header_action_default from "./components/header-action.vue.mjs";
+import { createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, ref, resolveComponent, unref, watch } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/field-role-container.vue?vue&type=script&setup=true&name=field-role-container&lang.ts
+var _hoisted_1 = { class: "field-role-container" };
+var _hoisted_2 = {
+	key: 0,
+	class: "table-wrap"
+};
+var field_role_container_vue_vue_type_script_setup_true_name_field_role_container_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "field-role-container",
+	props: {
+		dataSource: {},
+		detail: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const columns = [{
+			title: t("sys.appDesigner.field"),
+			dataIndex: "name"
+		}];
+		const props = __props;
+		const selectRows = ref();
+		const fieldPermissionEnabled = ref(false);
+		const rowSelection = ref({
+			selectedRowKeys: [],
+			onChange: handleRowChange
+		});
+		watch([() => props.detail, () => props.dataSource], () => {
+			if (props.detail) {
+				fieldPermissionEnabled.value = props.detail.fieldPermissionEnabled;
+				selectRows.value = props.dataSource?.filter((item) => props.detail.fieldPermission.includes(item.key));
+				rowSelection.value.selectedRowKeys = selectRows.value?.map((item) => item.key);
+			}
+		}, { deep: true });
+		function handleRowChange(selectedRowKeys, selectedRows) {
+			rowSelection.value.selectedRowKeys = selectedRowKeys;
+			selectRows.value = selectedRows;
+		}
+		const getFieldRoleResult = () => {
+			return {
+				fieldPermissionEnabled: fieldPermissionEnabled.value,
+				selectRows: selectRows.value?.map((item) => item.key) || []
+			};
+		};
+		const resetData = () => {
+			selectRows.value = void 0;
+			fieldPermissionEnabled.value = false;
+			rowSelection.value.selectedRowKeys = [];
+		};
+		__expose({
+			getFieldRoleResult,
+			resetData
+		});
+		return (_ctx, _cache) => {
+			const _component_a_table = resolveComponent("a-table");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(header_action_default, {
+				checked: fieldPermissionEnabled.value,
+				"onUpdate:checked": _cache[0] || (_cache[0] = ($event) => fieldPermissionEnabled.value = $event),
+				title: unref(t)("sys.appDesigner.fieldList")
+			}, null, 8, ["checked", "title"]), fieldPermissionEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_a_table, {
+				"data-source": __props.dataSource,
+				columns,
+				"show-index-column": false,
+				pagination: false,
+				striped: false,
+				bordered: true,
+				"row-selection": rowSelection.value
+			}, null, 8, ["data-source", "row-selection"])])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { field_role_container_vue_vue_type_script_setup_true_name_field_role_container_lang_default as default };