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

package/es/modules/data-rules-container/src/components/ndo-select-cmp.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,266 @@
+import { computed, createBlock, createElementVNode, createVNode, defineComponent, mergeProps, onBeforeMount, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { debounce, isNil, throttle } from "lodash-es";
+import { t } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/components/ndo-select-cmp.vue?vue&type=script&setup=true&lang.ts
+var DEBOUNCE_TIME = 500;
+var ndo_select_cmp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ndo-select-cmp",
+	props: {
+		value: {},
+		apiParams: {},
+		filterType: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const searchOptions = ref([]);
+		const initialOptions = ref([]);
+		const cacheOptions = ref([]);
+		const lastSearchValue = ref("");
+		const loading = ref(false);
+		const loadingMore = ref(false);
+		const displayField = ref();
+		const paginationStates = ref({
+			initial: {
+				pageNo: 1,
+				totalPage: 1,
+				hasMore: true
+			},
+			search: {
+				pageNo: 1,
+				totalPage: 1,
+				hasMore: true
+			}
+		});
+		const isSearching = computed(() => lastSearchValue.value !== "");
+		const isFirstPage = computed(() => {
+			return (isSearching.value ? paginationStates.value.search : paginationStates.value.initial).pageNo === 1;
+		});
+		watch(() => props.value, async (newVal) => {
+			if (newVal && newVal.length !== 0 && !hasOption(newVal)) await fetchMissingOption(newVal);
+		}, { immediate: true });
+		const activeOptions = computed(() => {
+			return isSearching.value ? searchOptions.value : initialOptions.value;
+		});
+		const displayOptions = computed(() => {
+			if (isNoData.value) return [];
+			const normalOptions = activeOptions.value.filter((opt) => opt.type !== "status").map((item) => ({
+				label: item.label,
+				value: item.value
+			}));
+			const statusOptions = [];
+			if (activeOptions.value.length > 0) {
+				if (loading.value || loadingMore.value) statusOptions.push({
+					label: loading.value ? t("sys.loadingText") : t("sys.edhr.loadingMore"),
+					value: "loading_status",
+					disabled: true,
+					type: "status"
+				});
+				else if (!currentHasMore.value) {
+					if (!isPermScope.value) statusOptions.push({
+						label: t("sys.noMoreData"),
+						value: "no_more_status",
+						disabled: true,
+						type: "status"
+					});
+				}
+			}
+			return [...normalOptions, ...statusOptions];
+		});
+		const currentHasMore = computed(() => {
+			return (isSearching.value ? paginationStates.value.search : paginationStates.value.initial).hasMore;
+		});
+		const isNoData = computed(() => {
+			return !loading.value && activeOptions.value.length === 0;
+		});
+		const separatorAttr = computed(() => ({
+			dropdownMatchSelectWidth: 180,
+			dropdownClassName: "gct-project-select-dropdown vxe-table--ignore-clear",
+			allowClear: true,
+			showSearch: true,
+			defaultActiveFirstOption: false,
+			filterOption: isPermScope.value ? filterOption : false,
+			mode: "multiple",
+			maxTagCount: "responsive",
+			maxTagTextLength: 2,
+			notFoundContent: isNoData.value && !isPermScope.value ? t("sys.edhr.noSearchResult") : void 0
+		}));
+		onBeforeMount(async () => {
+			await fetchInitialData(true);
+			if (isPermScope.value) getModelInfo();
+		});
+		const getModelInfo = async () => {
+			const { modelKey } = props.apiParams ?? {};
+			displayField.value = (await _api.apaas.modelMeta.getInfo({ id: modelKey }) || {}).displayField;
+		};
+		const filterOption = (input, option) => {
+			if (!option) return false;
+			const q = input.toLowerCase();
+			if (option.label) return String(option.label).toLowerCase().includes(q);
+			if (option.value != null) return String(option.value).toLowerCase().includes(q);
+			return false;
+		};
+		function hasOption(value) {
+			return value.filter((v) => !isNil(v)).filter((v) => ![
+				...initialOptions.value,
+				...cacheOptions.value,
+				...searchOptions.value
+			].some((o) => o.value === v)).length === 0;
+		}
+		async function fetchMissingOption(value) {
+			try {
+				const res = await _api.apaas.modelComprehensive.getBizServiceModelCategoryModelKeyBsKey({
+					bsKey: "listByIds",
+					...props.apiParams ?? {},
+					modelCategory: "entity"
+				}, { ids: value.join(",") });
+				if (res?.data) {
+					if (isPermScope.value && !displayField.value) await getModelInfo();
+					const newOptions = (res?.data ?? []).map((item) => ({
+						label: item.name_ || item[displayField.value],
+						value: item.id_,
+						type: "data"
+					}));
+					if (isPermScope.value) {
+						cacheOptions.value = mergeOptions(cacheOptions.value, newOptions);
+						initialOptions.value = mergeOptions(initialOptions.value, newOptions);
+					} else {
+						cacheOptions.value = [...newOptions, ...cacheOptions.value];
+						initialOptions.value = [...newOptions, ...initialOptions.value];
+					}
+				}
+			} catch (error) {
+				console.error("获取回显数据失败:", error);
+			}
+		}
+		const mergeOptions = (existing, newItems) => {
+			const map = /* @__PURE__ */ new Map();
+			[...existing, ...newItems].forEach((item) => {
+				if (!map.has(item.value)) map.set(item.value, item);
+			});
+			return Array.from(map.values());
+		};
+		const isPermScope = computed(() => props.filterType === "permissionScope");
+		const fetchInitialData = async (resetPage = true) => {
+			if (loading.value) return;
+			loading.value = true;
+			const state = paginationStates.value.initial;
+			try {
+				if (resetPage) state.pageNo = 1;
+				const res = await _api.apaas.bizService.postModelKeyBsKey({
+					...props.apiParams ?? {},
+					bsKey: "listByPage"
+				}, {
+					pageNo: state.pageNo,
+					pageSize: 20
+				}, { addDisplayLabel: isPermScope.value ? 1 : void 0 });
+				if (res?.data) {
+					const newOptions = (res?.data ?? []).map((item) => ({
+						label: item.name_ || item.__LABEL__,
+						value: item.id_,
+						type: "data"
+					}));
+					state.totalPage = res.totalPage || 1;
+					state.hasMore = state.pageNo < state.totalPage;
+					if (resetPage) initialOptions.value = mergeOptions(cacheOptions.value, newOptions);
+					else initialOptions.value = mergeOptions(initialOptions.value, newOptions);
+				}
+			} catch (error) {
+				console.error("加载数据失败:", error);
+				state.hasMore = false;
+			} finally {
+				loading.value = false;
+			}
+		};
+		const fetchSearchData = async (searchVal, resetPage = true) => {
+			if (loading.value) return;
+			loading.value = true;
+			const state = paginationStates.value.search;
+			try {
+				if (resetPage) state.pageNo = 1;
+				const res = await _api.apaas.bizService.postModelKeyBsKey({
+					...props.apiParams ?? {},
+					bsKey: "listByPage"
+				}, {
+					pageNo: state.pageNo,
+					pageSize: 20,
+					query: { name_: !isPermScope.value ? searchVal : void 0 }
+				}, { addDisplayLabel: isPermScope.value ? 1 : void 0 });
+				if (res?.data) {
+					const newOptions = (res?.data ?? []).map((item) => ({
+						label: item.name_,
+						value: item.id_,
+						type: "data"
+					}));
+					state.totalPage = res.totalPage || 1;
+					state.hasMore = state.pageNo < state.totalPage;
+					if (resetPage) searchOptions.value = newOptions;
+					else searchOptions.value = [...searchOptions.value, ...newOptions];
+				} else searchOptions.value = [];
+			} catch (error) {
+				console.error("加载搜索数据失败:", error);
+				searchOptions.value = [];
+				state.hasMore = false;
+			} finally {
+				loading.value = false;
+			}
+		};
+		const onPopupScroll = throttle((e) => {
+			if (loading.value || loadingMore.value || !currentHasMore.value) return;
+			const target = e.target;
+			if (target.scrollHeight - target.scrollTop - target.clientHeight <= 30) loadMoreData();
+		}, 200);
+		const loadMoreData = async () => {
+			loadingMore.value = true;
+			try {
+				const state = isSearching.value ? paginationStates.value.search : paginationStates.value.initial;
+				state.pageNo += 1;
+				if (isSearching.value) await fetchSearchData(lastSearchValue.value, false);
+				else await fetchInitialData(false);
+			} catch (error) {
+				console.error("加载更多数据失败:", error);
+			} finally {
+				loadingMore.value = false;
+			}
+		};
+		const debouncedSearch = debounce((val) => {
+			lastSearchValue.value = val.trim();
+			if (lastSearchValue.value) fetchSearchData(lastSearchValue.value, true);
+		}, DEBOUNCE_TIME);
+		const onSearch = (val) => {
+			if (isPermScope.value) return;
+			debouncedSearch(val);
+		};
+		const onClear = () => {
+			lastSearchValue.value = "";
+		};
+		function getOmittedText(omitted) {
+			return omitted.map((v) => v && v.label ? v.label : String(v)).join(", ");
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createBlock(_component_a_select, mergeProps({
+				value: __props.value,
+				options: displayOptions.value,
+				loading: loading.value && isFirstPage.value
+			}, separatorAttr.value, {
+				onSearch,
+				onClear,
+				onPopupScroll: unref(onPopupScroll)
+			}), {
+				maxTagPlaceholder: withCtx((omittedValues) => [createVNode(_component_a_tooltip, { title: getOmittedText(omittedValues) }, {
+					default: withCtx(() => [createElementVNode("span", null, "+" + toDisplayString(omittedValues?.length), 1)]),
+					_: 2
+				}, 1032, ["title"])]),
+				_: 1
+			}, 16, [
+				"value",
+				"options",
+				"loading",
+				"onPopupScroll"
+			]);
+		};
+	}
+});
+//#endregion
+export { ndo_select_cmp_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/data-rules-container/src/components/perm-action-node.vue.d.ts

@@ -0,0 +1,22 @@
+import { LocalFieldMetaDTO } from '../typing';
+export interface Props {
+    data: IObject;
+    /** 字段列表 | 模型列表 */
+    fieldList?: LocalFieldMetaDTO[];
+    /** 已经选择的字段key */
+    selectFiledKeys?: string[];
+    filterType?: string;
+    readonly?: boolean;
+    isPageDesigner?: boolean;
+    isAllowClear?: boolean;
+    excludeValueType?: string[];
+    excludeOperatorType?: string[];
+    apiConfig?: object;
+    modelName?: string;
+    /**是否级联字段模式 */
+    cascadeField?: boolean;
+    /**数据权限时-是否开启校验 */
+    hasPermScopeError?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, 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/components/perm-action-node.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import perm_action_node_vue_vue_type_script_setup_true_name_perm_action_node_lang_default from "./perm-action-node.vue_vue_type_script_setup_true_name_perm-action-node_lang.mjs";
+import './perm-action-node.vue_vue_type_style_index_0_scoped_a053095c_lang.css';/* empty css                                                                       */
+//#region src/modules/data-rules-container/src/components/perm-action-node.vue
+var perm_action_node_default = /* @__PURE__ */ _plugin_vue_export_helper_default(perm_action_node_vue_vue_type_script_setup_true_name_perm_action_node_lang_default, [["__scopeId", "data-v-a053095c"]]);
+//#endregion
+export { perm_action_node_default as default };

package/es/modules/data-rules-container/src/components/perm-action-node.vue_vue_type_script_setup_true_name_perm-action-node_lang.mjs

@@ -0,0 +1,384 @@
+import FieldCascader_default from "../../../../components/field-cascader/src/FieldCascader.vue.mjs";
+import "../../../../components/index.mjs";
+import { useDataRulesTree } from "../hooks/useDataRulesTree.mjs";
+import select_userdep_cmp_default from "./select-userdep-cmp.vue.mjs";
+import request_select_cmp_default from "./request-select-cmp.vue.mjs";
+import request_tree_select_cmp_default from "./request-tree-select-cmp.vue.mjs";
+import ndo_select_cmp_default from "./ndo-select-cmp.vue.mjs";
+import rdo_select_cmp_default from "./rdo-select-cmp.vue.mjs";
+import tree_select_cmp_default from "./tree-select-cmp.vue.mjs";
+import { ComponentTypeEnum, ValueTypeEnum, getCmpConfig } from "../constant/config.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, renderList, resolveComponent, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { isEmpty } from "lodash-es";
+import { FIELD_TYPE, SEARCH_SERVICE, t } from "@gct-paas/core";
+import { DatePicker, Input, Select } from "ant-design-vue";
+import dayjs from "dayjs";
+//#region src/modules/data-rules-container/src/components/perm-action-node.vue?vue&type=script&setup=true&name=perm-action-node&lang.ts
+var _hoisted_1 = { class: "perm-action-node" };
+var _hoisted_2 = {
+	key: 0,
+	class: "mx-4px"
+};
+var _hoisted_3 = {
+	key: 1,
+	style: {
+		"flex": "1",
+		"min-width": "0",
+		"background-color": "#f5f6f7"
+	}
+};
+var _hoisted_4 = { class: "perm-action-node__flex-value" };
+var _hoisted_5 = { class: "perm-action-node__actions" };
+var perm_action_node_vue_vue_type_script_setup_true_name_perm_action_node_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "perm-action-node",
+	props: {
+		data: {},
+		fieldList: {},
+		selectFiledKeys: {},
+		filterType: {},
+		readonly: { type: Boolean },
+		isPageDesigner: { type: Boolean },
+		isAllowClear: { type: Boolean },
+		excludeValueType: {},
+		excludeOperatorType: {},
+		apiConfig: {},
+		modelName: {},
+		cascadeField: { type: Boolean },
+		hasPermScopeError: { type: Boolean }
+	},
+	setup(__props) {
+		const filterFieldKeys = [
+			FIELD_TYPE.TEXT,
+			FIELD_TYPE.LONG_TEXT,
+			FIELD_TYPE.INTEGER,
+			FIELD_TYPE.LONG,
+			FIELD_TYPE.DOUBLE,
+			FIELD_TYPE.DECIMAL,
+			FIELD_TYPE.BOOLEAN,
+			FIELD_TYPE.DATE,
+			FIELD_TYPE.DATE_TIME,
+			FIELD_TYPE.TIME,
+			FIELD_TYPE.ENUM,
+			FIELD_TYPE.ENUM_MULTI,
+			FIELD_TYPE.REF,
+			FIELD_TYPE.REF_MULTI
+		];
+		function filterFieldByFunction(field) {
+			return filterFieldKeys.includes(field.type) && (field.createType === "USER_DEFINED" || field.createType === "BUILTIN");
+		}
+		const cmps = {
+			[ComponentTypeEnum.INPUT]: Input,
+			[ComponentTypeEnum.SELECT]: Select,
+			[ComponentTypeEnum.DATEPICKER]: DatePicker,
+			[ComponentTypeEnum.CUSTOM]: select_userdep_cmp_default,
+			[ComponentTypeEnum.REQUEST_SELECT]: request_select_cmp_default,
+			[ComponentTypeEnum.REQUEST_TREE_SELECT]: request_tree_select_cmp_default,
+			[ComponentTypeEnum.NDO_SELECT]: ndo_select_cmp_default,
+			[ComponentTypeEnum.RDO_SELECT]: rdo_select_cmp_default,
+			[ComponentTypeEnum.TREE_SELECT]: tree_select_cmp_default
+		};
+		const dateFormat = {
+			[FIELD_TYPE.DATE]: "YYYY-MM-DD",
+			[FIELD_TYPE.DATE_TIME]: "YYYY-MM-DD HH:mm:ss",
+			[FIELD_TYPE.TIME]: "HH:mm:ss"
+		};
+		const props = __props;
+		const { deleteRow, updateNodeItem } = useDataRulesTree(props.readonly);
+		const configs = ref([]);
+		const varOptions = ref([]);
+		const fieldOptions = ref([]);
+		const isFilterConfig = computed(() => props.filterType === "filterConfig");
+		const isPermScope = computed(() => props.filterType === "permissionScope");
+		const treeId = computed(() => props.data.key);
+		const fieldType = computed(() => props.data.leftValue?.type);
+		const isDate = computed(() => [
+			FIELD_TYPE.DATE,
+			FIELD_TYPE.DATE_TIME,
+			FIELD_TYPE.TIME
+		].includes(fieldType.value));
+		const fields = computed(() => {
+			if (isPermScope.value) return props.fieldList?.map((i) => ({
+				key: i.key,
+				value: i.id,
+				label: i.name,
+				filedInfo: {
+					id: i.id,
+					key: i.key,
+					name: i.name,
+					type: i.type
+				}
+			}));
+			return props.fieldList?.filter((field) => ![
+				FIELD_TYPE.IMAGE,
+				FIELD_TYPE.ATTACHMENT,
+				FIELD_TYPE.MASTERSLAVE
+			].includes(field.type)).map((item) => {
+				return {
+					label: isFilterConfig.value ? `${item.modelName}.${item.name}` : item.name,
+					value: item.id,
+					disabled: false,
+					filedInfo: {
+						id: item.id,
+						key: item.key,
+						name: item.name,
+						type: item.type,
+						bindInfo: item.bindInfo,
+						modelKey: item.modelKey,
+						refModelType: item.refModelType,
+						nodeKey: void 0
+					}
+				};
+			});
+		});
+		const fieldOpts = computed(() => {
+			return fields.value?.filter((i) => i.filedInfo?.type === props.data?.leftValue?.type && i.filedInfo?.key !== props.data?.leftValue?.key);
+		});
+		const permOperatorOpts = computed(() => {
+			return [{
+				label: t(`sys.appDesigner.conditionVisible`),
+				value: fieldType.value === "RDO" ? "defVersionIn" : SEARCH_SERVICE.IN
+			}, {
+				label: t(`sys.appDesigner.conditionInvisible`),
+				value: fieldType.value === "RDO" ? "defVersionNotIn" : SEARCH_SERVICE.NOTIN
+			}];
+		});
+		const value = computed(() => {
+			return props.data?.rightValue?.map((item) => {
+				if (isDate.value) {
+					if (item.result && item.valueType === ValueTypeEnum.FIXED) return dayjs(item.result).format(dateFormat[fieldType.value] || "YYYY-MM-DD");
+				}
+				return item.result;
+			}) || [];
+		});
+		if (isPermScope.value) props.data.operatorValue = fieldType.value === "RDO" ? "defVersionIn" : SEARCH_SERVICE.IN;
+		function handlePageNo(index) {
+			const config = configs.value[index];
+			if (config[config?.typeKeys?.[index]]?.attrs?.apiParams?.pageNo) configs.value[index][configs.value[index].typeKeys[index]].attrs.apiParams.pageNo = configs.value[index][configs.value[index].typeKeys[index]].attrs.apiParams.pageNo + 1;
+		}
+		const getConfig = async (opts) => {
+			configs.value = getCmpConfig({
+				fieldType: fieldType.value,
+				operatorType: opts?.operatorType || props.data?.operatorValue,
+				modelKey: props.data.leftValue?.modelKey,
+				fieldKey: props.data.leftValue?.key,
+				bindInfo: props.data.leftValue?.bindInfo,
+				refModelType: props.data.leftValue?.refModelType,
+				valueType: opts?.valueType || void 0,
+				fieldOptions: (props.isPageDesigner ? fieldOpts.value : fieldOptions.value) ?? [],
+				mainModelKey: void 0,
+				isPageDesigner: props.isPageDesigner,
+				isOnlineFormDesigner: false,
+				varOptions: varOptions.value
+			});
+			configs.value.forEach((config, index) => {
+				const options = config[config?.typeKeys?.[index]]?.attrs?.options || [];
+				options.length && options.forEach((item) => {
+					item.label = t(item.label);
+				});
+				config.valueTypeOptions = config.valueTypeOptions?.filter((e) => !props.excludeValueType?.includes(e.value));
+			});
+		};
+		watch([
+			fieldType.value,
+			() => props.data.leftValue,
+			() => props.data.operatorValue
+		], async () => {
+			if (fieldType.value && props.data.leftValue && props.data.operatorValue) {
+				const params = {};
+				if (isDate.value && props.data?.operatorValue === SEARCH_SERVICE.RANGE && Array.isArray(props.data.rightValue) && props.data.rightValue.length !== 0) {
+					const rightValueItem = props.data.rightValue[0];
+					if (rightValueItem.valueType === ValueTypeEnum.FIXED) Object.assign(params, { valueType: rightValueItem.valueType });
+				}
+				if (props.isPageDesigner && props.data.rightValue?.[0]["valueType"] == "FIELD" && !fieldOpts.value?.length) setTimeout(() => getConfig(params), 200);
+				else getConfig(params);
+			}
+		}, {
+			deep: true,
+			immediate: true
+		});
+		const FieldClick = (value, row) => {
+			if (!value) {
+				handleLeftChange(value, {});
+				return;
+			}
+			const { key, bindInfo, id, modelKey, name, refModelType, type } = row;
+			handleLeftChange(id, { filedInfo: {
+				field_search_key: value,
+				key,
+				bindInfo,
+				id,
+				modelKey,
+				name,
+				refModelType,
+				type
+			} });
+		};
+		const filterOption = (input, option) => {
+			if (option.name) return option.name.includes(input?.trim());
+			return option.label?.includes(input?.trim());
+		};
+		const leftValue = computed(() => {
+			if (!(fields.value?.map((i) => i.value))?.includes(props.data.leftValue?.id)) return props.data.leftValue?.name;
+			return props.data.leftValue?.id;
+		});
+		const handleLeftChange = async (value, option) => {
+			if (value) {
+				updateNodeItem(treeId.value, "leftValue", option.filedInfo);
+				configs.value = [];
+				if (isPermScope.value) {
+					const permOpt = permOperatorOpts.value?.[0];
+					await nextTick();
+					handleOperatorChange(permOpt.value, permOpt);
+				}
+			} else {
+				updateNodeItem(treeId.value, "leftValue", void 0);
+				configs.value = [];
+			}
+		};
+		const handleOperatorChange = (value, _option) => {
+			if (isPermScope.value && !props.data?.leftValue?.key) return;
+			getConfig({
+				operatorType: value,
+				valueType: void 0
+			});
+			const defaultValues = configs.value.map((item) => item.default);
+			updateNodeItem(treeId.value, "operatorValue", value, {
+				key: "valueType",
+				defaultValues
+			});
+		};
+		const handleInputChange = (event, index) => {
+			const valueType = props.data?.rightValue?.[index].valueType;
+			let value;
+			if (isDate.value) if (valueType === ValueTypeEnum.FIXED && !isEmpty(event)) value = dayjs(event).format(dateFormat[fieldType.value]);
+			else value = event;
+			else value = event?.target ? event.target?.value : event;
+			updateNodeItem(treeId.value, "rightValue", value, {
+				index,
+				key: "result"
+			});
+		};
+		const handleDeleteRow = () => {
+			deleteRow(treeId.value);
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_form_item_rest = resolveComponent("a-form-item-rest");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_component_a_form_item_rest, null, {
+					default: withCtx(() => [__props.modelName && __props.cascadeField ? (openBlock(), createBlock(unref(FieldCascader_default), {
+						key: 0,
+						value: __props.data?.leftValue?.field_search_key || __props.data?.leftValue?.key,
+						"filter-field-by-function": filterFieldByFunction,
+						"field-meta-list": __props.fieldList,
+						"model-name": __props.modelName,
+						style: {
+							"flex": "1",
+							"min-width": "0",
+							"margin-right": "12px"
+						},
+						onFieldClick: FieldClick
+					}, null, 8, [
+						"value",
+						"field-meta-list",
+						"model-name"
+					])) : (openBlock(), createBlock(_component_a_select, {
+						key: 1,
+						value: leftValue.value,
+						options: fields.value,
+						disabled: __props.readonly,
+						"allow-clear": __props.isAllowClear,
+						"filter-option": filterOption,
+						placeholder: unref(t)("sys.chooseText"),
+						"show-search": "",
+						style: {
+							"width": "212px",
+							"margin-right": "12px"
+						},
+						class: normalizeClass(["tree-action-select", __props.hasPermScopeError && !leftValue.value ? "is-perm-scope-error" : ""]),
+						onChange: handleLeftChange
+					}, null, 8, [
+						"value",
+						"options",
+						"disabled",
+						"allow-clear",
+						"placeholder",
+						"class"
+					]))]),
+					_: 1
+				}),
+				createVNode(_component_a_form_item_rest, null, {
+					default: withCtx(() => [createVNode(_component_a_select, {
+						class: normalizeClass(__props.readonly ? "tree-action-select" : ""),
+						disabled: __props.readonly || false,
+						placeholder: unref(t)("sys.chooseText"),
+						options: permOperatorOpts.value,
+						value: __props.data?.operatorValue,
+						style: {
+							"width": "120px",
+							"margin-right": "12px"
+						},
+						onChange: handleOperatorChange
+					}, null, 8, [
+						"class",
+						"disabled",
+						"placeholder",
+						"options",
+						"value"
+					])]),
+					_: 1
+				}),
+				Array.isArray(configs.value) && configs.value.length === 0 ? (openBlock(), createBlock(_component_a_form_item_rest, { key: 0 }, {
+					default: withCtx(() => [createVNode(_component_a_input, {
+						disabled: true,
+						placeholder: unref(t)("sys.chooseText"),
+						style: {
+							"flex": "1",
+							"min-width": "0"
+						}
+					}, null, 8, ["placeholder"])]),
+					_: 1
+				})) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(configs.value, (config, index) => {
+					return openBlock(), createElementBlock(Fragment, { key: index }, [configs.value.length > 1 && index === configs.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(t)("sys.webRender.to")), 1)) : createCommentVNode("", true), config.isHide ? (openBlock(), createElementBlock("div", _hoisted_3)) : (openBlock(), createBlock(_component_a_form_item_rest, { key: 2 }, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_4, [(openBlock(), createBlock(resolveDynamicComponent(cmps[config[__props.data?.rightValue?.[index].valueType]?.cmp]), mergeProps({
+							disabled: __props.readonly,
+							style: { "width": "100%" },
+							placeholder: unref(t)("sys.pleaseSelectSth"),
+							value: value.value[index],
+							bordered: ""
+						}, { ref_for: true }, config[__props.data?.rightValue?.[index].valueType]?.attrs, {
+							"filter-type": __props.filterType,
+							class: [__props.readonly ? "tree-action-select left-border" : "", __props.hasPermScopeError && leftValue.value && (!value.value[index] || !value.value[index]?.length) ? "is-perm-scope-error" : ""],
+							onChange: (event) => handleInputChange(event, index),
+							"onUpdate:pageNo": ($event) => handlePageNo(index)
+						}), null, 16, [
+							"disabled",
+							"placeholder",
+							"value",
+							"filter-type",
+							"class",
+							"onChange",
+							"onUpdate:pageNo"
+						]))])]),
+						_: 2
+					}, 1024))], 64);
+				}), 128)),
+				createElementVNode("div", _hoisted_5, [!__props.readonly && (__props.selectFiledKeys && __props.selectFiledKeys.length > 1 || __props.data.dataLen > 1) ? (openBlock(), createBlock(_component_a_button, {
+					key: 0,
+					type: "link",
+					size: "small",
+					class: "ml-12px perm-action-delete",
+					onClick: handleDeleteRow
+				}, {
+					icon: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "gct-iconfont icon-icon_shanchu" }, null, -1)])]),
+					_: 1
+				})) : createCommentVNode("", true)])
+			]);
+		};
+	}
+});
+//#endregion
+export { perm_action_node_vue_vue_type_script_setup_true_name_perm_action_node_lang_default as default };