@gct-paas/core-web 0.1.6-dev.6 → 0.1.6-dev.8

package/es/modules/data-rules-container/src/components/tree-action-node.vue_vue_type_script_setup_true_name_tree-action-node_lang.mjs

@@ -0,0 +1,544 @@
+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 select_modal_cmp_default from "./select-modal-cmp.vue.mjs";
+import { ComponentTypeEnum, ValueTypeEnum, getCmpConfig } from "../constant/config.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, 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/tree-action-node.vue?vue&type=script&setup=true&name=tree-action-node&lang.ts
+var _hoisted_1 = { class: "tree-action-node" };
+var _hoisted_2 = {
+	key: 0,
+	class: "ml-4px mr-4px"
+};
+var _hoisted_3 = {
+	key: 1,
+	style: {
+		"flex": "1",
+		"min-width": "0",
+		"background-color": "#f5f6f7"
+	}
+};
+var _hoisted_4 = { class: "tree-action-node__actions" };
+var tree_action_node_vue_vue_type_script_setup_true_name_tree_action_node_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-action-node",
+	props: {
+		data: {},
+		fieldList: {},
+		selectFiledKeys: {},
+		filterType: {},
+		readonly: { type: Boolean },
+		mainModelKey: {},
+		isPageDesigner: { type: Boolean },
+		isOnlineFormDesigner: { type: Boolean },
+		isAllowClear: { type: Boolean },
+		excludeValueType: {},
+		excludeOperatorType: {},
+		apiConfig: {},
+		onlineFormFieldList: {},
+		modelName: {},
+		cascadeField: { type: Boolean },
+		searchType: {}
+	},
+	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 isDataFilterEditor = inject("isDataFilterEditor");
+		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,
+			[ComponentTypeEnum.MODAL_SELECT]: select_modal_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 { addNewRow, deleteRow, updateNodeItem } = useDataRulesTree(props.readonly);
+		const configs = ref([]);
+		const varOptions = ref([]);
+		const fieldOptions = ref([]);
+		const isFilterConfig = computed(() => props.filterType === "filterConfig");
+		const isBusinessFlow = computed(() => {
+			return props.filterType === "businessFlow";
+		});
+		const isEdhrBuiltPerms = computed(() => props.filterType === "edhrBuiltPerms");
+		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));
+		console.log("props----------", props);
+		const fields = computed(() => {
+			if (isEdhrBuiltPerms.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
+				}
+			}));
+			let data;
+			if (isBusinessFlow.value) {
+				if (!props.data?.leftValue?.nodeKey) props.data.leftValue.nodeKey = props.fieldList?.find((e) => e.defaultValue)?.key;
+				const mainModel = props.fieldList?.find((e) => e.fixed);
+				data = (mainModel?.children || []).filter((item) => Object.keys(props.searchType).includes(item.type)).map((e) => {
+					return {
+						...e,
+						id: `${mainModel.id}.${e.id}`
+					};
+				});
+				if (props.data.leftValue.nodeKey !== mainModel.key) {
+					const obj = props.fieldList?.find((e) => e.key === props.data?.leftValue?.nodeKey);
+					data = (obj?.children || []).filter((item) => Object.keys(props.searchType).includes(item.type)).map((e) => {
+						return {
+							...e,
+							id: `${obj.id}.${e.id}`
+						};
+					}).concat(data);
+				}
+			}
+			return (isBusinessFlow.value ? data : props.fieldList)?.filter((field) => ![
+				FIELD_TYPE.IMAGE,
+				FIELD_TYPE.ATTACHMENT,
+				FIELD_TYPE.MASTERSLAVE
+			].includes(field.type)).map((item) => {
+				return {
+					label: isFilterConfig.value || isBusinessFlow.value ? `${item.modelName}.${item.name}` : item.name,
+					value: item.id,
+					disabled: false,
+					filedInfo: {
+						id: item.id,
+						key: isBusinessFlow.value ? item.id : item.key,
+						name: item.name,
+						type: item.type,
+						bindInfo: item.bindInfo,
+						modelKey: item.modelKey,
+						refModelType: item.refModelType,
+						nodeKey: isBusinessFlow.value ? props.data?.leftValue?.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 operatorOptions = computed(() => {
+			if (isEdhrBuiltPerms.value) return [{
+				label: t(`sys.appDesigner.conditionVisible`),
+				value: SEARCH_SERVICE.IN
+			}, {
+				label: t(`sys.appDesigner.conditionInvisible`),
+				value: SEARCH_SERVICE.NOTIN
+			}];
+			if (!fieldType.value) return [];
+			const typeMap = props.searchType?.[fieldType.value];
+			return ((typeMap?.["filter"] || [])?.concat(...typeMap?.contain?.map((i) => props.searchType?.[i]?.filter || []) || [])?.map((item) => {
+				return {
+					label: t(`sys.model.${item}`),
+					value: item
+				};
+			}))?.filter((e) => !props.excludeOperatorType?.includes(e.value));
+		});
+		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;
+			}) || [];
+		});
+		watch(() => props.mainModelKey, async (val) => {
+			if (val) {
+				await getFieldOpts(val);
+				getConfig({
+					operatorType: props.data?.operatorValue,
+					valueType: void 0
+				});
+			} else fieldOptions.value = [];
+		}, { immediate: true });
+		watch(() => props.data?.leftValue?.modelKey, (val) => {
+			if (isBusinessFlow.value && !val) {
+				if (!props.data.leftValue) props.data.leftValue = {};
+				props.data.leftValue.nodeKey = props.fieldList?.find((e) => e.default)?.key;
+			}
+		}, { immediate: true });
+		async function queryGVar(fullInfo = true) {
+			varOptions.value = (await _api.apaas.appGlobalSettings.getList({
+				type: "var",
+				fullInfo,
+				source: _gct.store.context.platform
+			}, props.apiConfig) || [])?.map((v) => {
+				return {
+					value: v.id,
+					label: v.key,
+					varInfo: v.configJson ? JSON.parse(v.configJson) : null
+				};
+			}) || [];
+		}
+		async function getFieldOpts(mainModelKey) {
+			const modelKeys = [mainModelKey];
+			if (isBusinessFlow.value && props.data?.leftValue?.modelKey) modelKeys.push(props.data.leftValue.modelKey);
+			const fnList = modelKeys.map((e) => getModelFields(e));
+			fieldOptions.value = (await Promise.all(fnList)).flat();
+		}
+		async function getModelFields(mainModelKey) {
+			return (await _api.apaas.modelMeta.getDetail({ modelKey: mainModelKey }, props.apiConfig) || {}).fieldMetaList?.map((i) => {
+				return {
+					label: i.name,
+					value: i.key
+				};
+			}) || [];
+		}
+		function handlePageNo(index, val) {
+			const config = configs.value[index];
+			const pageNo = config[config?.typeKeys?.[index]]?.attrs?.apiParams?.pageNo;
+			if (val) {
+				configs.value[index][configs.value[index].typeKeys[index]].attrs.apiParams.pageNo = val;
+				return;
+			}
+			if (pageNo) configs.value[index][configs.value[index].typeKeys[index]].attrs.apiParams.pageNo = 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.isOnlineFormDesigner ? props.onlineFormFieldList : props.isPageDesigner || isBusinessFlow.value ? fieldOpts.value : fieldOptions.value,
+				mainModelKey: props.mainModelKey,
+				isPageDesigner: props.isPageDesigner || isBusinessFlow.value,
+				isOnlineFormDesigner: props.isOnlineFormDesigner,
+				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 && !varOptions.value.length) await queryGVar();
+				if (props.isPageDesigner && props.data.rightValue?.[0]["valueType"] == "FIELD" && !fieldOpts.value?.length) setTimeout(() => getConfig(params), 200);
+				else getConfig(params);
+			}
+		}, {
+			deep: true,
+			immediate: true
+		});
+		const onNodeChange = (value, _option) => {
+			props.data.leftValue.nodeKey = value;
+		};
+		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 = [];
+			} else {
+				updateNodeItem(treeId.value, "leftValue", void 0);
+				configs.value = [];
+			}
+		};
+		const handleOperatorChange = (value, _option) => {
+			getConfig({
+				operatorType: value,
+				valueType: void 0
+			});
+			const defaultValues = configs.value.map((item) => item.default);
+			updateNodeItem(treeId.value, "operatorValue", value, {
+				key: "valueType",
+				defaultValues
+			});
+		};
+		const handleValueTypeChange = (value, index) => {
+			if (props.data?.operatorValue === SEARCH_SERVICE.RANGE && isDate.value && index === 0) {
+				getConfig({
+					operatorType: props.data?.operatorValue,
+					valueType: value
+				});
+				const defaultValues = configs.value.map((item) => item.default);
+				updateNodeItem(treeId.value, "rightValue", value, {
+					index,
+					key: "valueType",
+					isRest: true,
+					defaultValues
+				});
+			} else updateNodeItem(treeId.value, "rightValue", value, {
+				index,
+				key: "valueType"
+			});
+		};
+		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 handleAddRow = () => {
+			addNewRow(props.data.pid, treeId.value);
+		};
+		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_input_group = resolveComponent("a-input-group");
+			const _component_DeleteOutlined = resolveComponent("DeleteOutlined");
+			const _component_a_button = resolveComponent("a-button");
+			const _component_PlusOutlined = resolveComponent("PlusOutlined");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_component_a_form_item_rest, null, {
+					default: withCtx(() => [isBusinessFlow.value ? (openBlock(), createBlock(_component_a_select, {
+						key: 0,
+						style: {
+							"width": "140px",
+							"margin-right": "16px"
+						},
+						placeholder: unref(t)("sys.chooseText"),
+						options: __props.fieldList,
+						value: __props.data?.leftValue?.nodeKey,
+						class: "tree-action-select",
+						disabled: __props.readonly,
+						"field-names": {
+							label: "nodeName",
+							value: "key"
+						},
+						onChange: onNodeChange
+					}, null, 8, [
+						"placeholder",
+						"options",
+						"value",
+						"disabled"
+					])) : createCommentVNode("", true), __props.modelName && __props.cascadeField ? (openBlock(), createBlock(unref(FieldCascader_default), {
+						key: 1,
+						"filter-field-by-function": filterFieldByFunction,
+						style: {
+							"flex": "1",
+							"min-width": "0",
+							"margin-right": "16px"
+						},
+						"field-meta-list": __props.fieldList,
+						"model-name": __props.modelName,
+						value: __props.data?.leftValue?.field_search_key || __props.data?.leftValue?.key,
+						onFieldClick: FieldClick
+					}, null, 8, [
+						"field-meta-list",
+						"model-name",
+						"value"
+					])) : (openBlock(), createBlock(_component_a_select, {
+						key: 2,
+						style: {
+							"flex": "1",
+							"width": "200px",
+							"min-width": "0",
+							"margin-right": "16px"
+						},
+						placeholder: isEdhrBuiltPerms.value ? unref(t)("sys.chooseText") : unref(t)("sys.appDesigner.leftValue"),
+						options: fields.value,
+						value: leftValue.value,
+						class: "tree-action-select",
+						disabled: __props.readonly,
+						"allow-clear": __props.isAllowClear,
+						"show-search": "",
+						"filter-option": filterOption,
+						onChange: handleLeftChange
+					}, null, 8, [
+						"placeholder",
+						"options",
+						"value",
+						"disabled",
+						"allow-clear"
+					]))]),
+					_: 1
+				}),
+				createVNode(_component_a_form_item_rest, null, {
+					default: withCtx(() => [createVNode(_component_a_select, {
+						class: normalizeClass(__props.readonly ? "tree-action-select" : ""),
+						style: {
+							"flex": "1",
+							"min-width": "0",
+							"margin-right": "16px"
+						},
+						disabled: __props.readonly || !__props.data.leftValue,
+						placeholder: isEdhrBuiltPerms.value ? unref(t)("sys.chooseText") : unref(t)("sys.appDesigner.operator"),
+						options: operatorOptions.value,
+						value: __props.data?.operatorValue,
+						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: isEdhrBuiltPerms.value ? 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(() => [createVNode(_component_a_input_group, {
+							compact: "",
+							class: "tree-action-node__flex-value"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_select, {
+								class: normalizeClass([__props.readonly ? "tree-action-select is-unit" : "", "primary-gct"]),
+								disabled: __props.readonly,
+								style: { "width": "40px" },
+								options: config.valueTypeOptions,
+								"dropdown-match-select-width": false,
+								"option-label-prop": "abbr",
+								"show-arrow": false,
+								value: __props.data?.rightValue?.[index].valueType,
+								onChange: (value) => handleValueTypeChange(value, index)
+							}, null, 8, [
+								"class",
+								"disabled",
+								"options",
+								"value",
+								"onChange"
+							]), (openBlock(), createBlock(resolveDynamicComponent(cmps[config[__props.data?.rightValue?.[index].valueType]?.cmp]), mergeProps({
+								class: __props.readonly ? "tree-action-select left-border" : "",
+								disabled: __props.readonly,
+								style: { "width": "calc(100% - 40px)" },
+								placeholder: unref(t)("sys.appDesigner.value"),
+								value: value.value[index],
+								bordered: ""
+							}, { ref_for: true }, config[__props.data?.rightValue?.[index].valueType]?.attrs, {
+								"filter-type": __props.filterType,
+								onChange: (event) => handleInputChange(event, index),
+								"onUpdate:pageNo": (val) => handlePageNo(index, val)
+							}), null, 16, [
+								"class",
+								"disabled",
+								"placeholder",
+								"value",
+								"filter-type",
+								"onChange",
+								"onUpdate:pageNo"
+							]))]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024))], 64);
+				}), 128)),
+				createElementVNode("div", _hoisted_4, [!__props.readonly && (!__props.data.firstRow || !!unref(isDataFilterEditor)) ? (openBlock(), createBlock(_component_a_button, {
+					key: 0,
+					type: "link",
+					style: { "padding": "4px 0" },
+					size: "small",
+					class: "ml-8px",
+					onClick: handleDeleteRow
+				}, {
+					icon: withCtx(() => [createVNode(_component_DeleteOutlined, { class: "text-16px" })]),
+					_: 1
+				})) : createCommentVNode("", true), !__props.readonly ? (openBlock(), createBlock(_component_a_button, {
+					key: 1,
+					type: "link",
+					size: "small",
+					style: { "padding": "4px 0" },
+					onClick: handleAddRow
+				}, {
+					icon: withCtx(() => [createVNode(_component_PlusOutlined)]),
+					_: 1
+				})) : createCommentVNode("", true)])
+			]);
+		};
+	}
+});
+//#endregion
+export { tree_action_node_vue_vue_type_script_setup_true_name_tree_action_node_lang_default as default };

package/es/modules/data-rules-container/src/components/tree-action-node.vue_vue_type_style_index_0_scoped_46368089_lang.css

@@ -0,0 +1,67 @@
+.tree-action-node[data-v-46368089] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+}
+.tree-action-node__actions[data-v-46368089] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+}
+.tree-action-node__flex-value[data-v-46368089] {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+.tree-action-node__flex-value[data-v-46368089] .ant-select,
+.tree-action-node__flex-value[data-v-46368089] .ant-tree-select {
+  max-width: 100%;
+}
+.tree-action-node__flex-value.ant-input-group[data-v-46368089] {
+  display: flex;
+  align-items: stretch;
+}
+.tree-action-node__flex-value.ant-input-group[data-v-46368089] > *:first-child {
+  flex-shrink: 0;
+}
+.tree-action-node__flex-value.ant-input-group[data-v-46368089] > *:last-child {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+.tree-action-node[data-v-46368089] .ant-select.tree-action-select.ant-select-disabled .ant-select-selector {
+  border-color: #fff !important;
+  background: #fff;
+  color: rgba(0, 0, 0, 0.85);
+  cursor: default;
+}
+.tree-action-node[data-v-46368089] .ant-select.tree-action-select.ant-select-disabled.is-unit .ant-select-selector {
+  color: #3168ec;
+}
+.tree-action-node[data-v-46368089] .ant-select.tree-action-select.ant-select-disabled.left-border {
+  border-left: 1px solid #e8ebf0 !important;
+}
+.tree-action-node[data-v-46368089] .ant-select.tree-action-select.ant-select-disabled .ant-select-arrow {
+  display: none;
+}
+.tree-action-node[data-v-46368089] .ant-input.ant-input-disabled.tree-action-select {
+  border-left: 1px solid #e8ebf0 !important;
+  border-color: #fff !important;
+  background: #fff;
+  color: rgba(0, 0, 0, 0.85);
+  cursor: default;
+}
+.tree-action-node[data-v-46368089] .ant-picker.tree-action-select.ant-picker-disabled {
+  border-left: 1px solid #e8ebf0 !important;
+  border-color: #fff !important;
+  background: #fff;
+  cursor: default;
+}
+.tree-action-node[data-v-46368089] .ant-picker.tree-action-select.ant-picker-disabled .ant-picker-input > input {
+  border-color: #fff !important;
+  background: #fff;
+  color: rgba(0, 0, 0, 0.85);
+}
+[data-v-46368089] .anticon {
+  color: #797a7d;
+  font-size: 16px;
+}

package/es/modules/data-rules-container/src/components/tree-root-node.vue.d.ts

@@ -0,0 +1,3 @@
+import { TreeProps } from '../typing';
+declare const _default: import('vue').DefineComponent<TreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TreeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/data-rules-container/src/components/tree-root-node.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import tree_root_node_vue_vue_type_script_setup_true_name_tree_root_node_lang_default from "./tree-root-node.vue_vue_type_script_setup_true_name_tree-root-node_lang.mjs";
+import './tree-root-node.vue_vue_type_style_index_0_scoped_37e323fb_lang.css';/* empty css                                                                     */
+//#region src/modules/data-rules-container/src/components/tree-root-node.vue
+var tree_root_node_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tree_root_node_vue_vue_type_script_setup_true_name_tree_root_node_lang_default, [["__scopeId", "data-v-37e323fb"]]);
+//#endregion
+export { tree_root_node_default as default };