@gct-paas/design 0.1.4-dev.8 → 0.1.5-dev.0

package/es/hooks/develop/useKeyParser.mjs

@@ -1,71 +1,79 @@
-import { ref, isRef, watch, unref } from 'vue';
-import { ProjectName } from '@gct-paas/core';
-
+import { ProjectName } from "@gct-paas/core";
+import { isRef, ref, unref, watch } from "vue";
+//#region src/hooks/develop/useKeyParser.ts
+var SourceTypeEnum = /* @__PURE__ */ function(SourceTypeEnum) {
+	SourceTypeEnum["SELF_BUILT"] = "SELF_BUILT";
+	SourceTypeEnum["IMPORT"] = "IMPORT";
+	return SourceTypeEnum;
+}(SourceTypeEnum || {});
+/**
+* key值转换器
+* @param prefix 前缀
+* @param suffix 后缀 仅空字符串代表不需要后缀
+* @returns
+*/
 function useKeyParser(prefix, suffix) {
-  const hasDollar = ref(false);
-  const upperCase = ref(false);
-  const keyPrefix = ref("");
-  const keySuffix = ref("");
-  const branchId = ref(void 0);
-  function keyReset() {
-    const prefixString = unref(prefix);
-    const suffixString = unref(suffix);
-    console.log("prefixString", prefixString);
-    console.log("suffixString", suffixString);
-    if (!prefixString) return;
-    hasDollar.value = prefixString.startsWith("$");
-    upperCase.value = /\$?[A-Z]+_/.test(prefixString);
-    keyPrefix.value = (hasDollar.value ? "$" : "") + (_gct.store.appInfo.sourceType === "IMPORT" /* IMPORT */ ? upperCase.value ? "I" : "i" : "") + (hasDollar.value ? prefixString.substring(1) : prefixString) + (prefixString.endsWith("_") ? "" : "_");
-    keySuffix.value = suffixString === "" ? "" : _gct.store.projectName === ProjectName.WEB_RENDER ? "" : unref(branchId) ? "_" + (upperCase.value ? unref(branchId)?.toUpperCase() : unref(branchId)) : "";
-  }
-  keyReset();
-  if (isRef(prefix)) {
-    watch(prefix, () => {
-      console.log("prefixString", "watch");
-      keyReset();
-    });
-  }
-  if (isRef(suffix)) {
-    watch(suffix, () => {
-      console.log("suffixString", "watch");
-      keyReset();
-    });
-  }
-  function keyPad(key) {
-    if (!key) return;
-    return `${keyPrefix.value}${key}${keySuffix.value}`;
-  }
-  function keyClip(formKey) {
-    const id = unref(prefix).match(
-      /\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/
-    )[1];
-    const prefixPos = formKey.indexOf(id) + id.length;
-    const suffixPos = !keySuffix.value || unref(suffix) === "" ? formKey.length : formKey.lastIndexOf("_");
-    keyPrefix.value = formKey.substring(0, prefixPos + 1);
-    keySuffix.value = formKey.substring(suffixPos);
-    return formKey.substring(prefixPos + 1, suffixPos);
-  }
-  function keyPreClip(formKey) {
-    const id = unref(prefix).match(
-      /\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/
-    )[1];
-    const prefixPos = formKey.indexOf(id) + id.length;
-    keyPrefix.value = formKey.substring(0, prefixPos + 1);
-    return formKey.substring(prefixPos + 1);
-  }
-  function keyPrePad(key) {
-    if (!key) return;
-    return `${keyPrefix.value}${key}`;
-  }
-  return {
-    keyPrefix,
-    keySuffix,
-    keyReset,
-    keyPad,
-    keyClip,
-    keyPrePad,
-    keyPreClip
-  };
+	const hasDollar = ref(false);
+	const upperCase = ref(false);
+	const keyPrefix = ref("");
+	const keySuffix = ref("");
+	const branchId = _gct.store.context.bid || "";
+	function keyReset() {
+		const prefixString = unref(prefix);
+		const suffixString = unref(suffix);
+		if (!prefixString) return;
+		hasDollar.value = prefixString.startsWith("$");
+		upperCase.value = /\$?[A-Z]+_/.test(prefixString);
+		keyPrefix.value = (hasDollar.value ? "$" : "") + (_gct.store.appInfo.sourceType === SourceTypeEnum.IMPORT ? upperCase.value ? "I" : "i" : "") + (hasDollar.value ? prefixString.substring(1) : prefixString) + (prefixString.endsWith("_") ? "" : "_");
+		keySuffix.value = suffixString === "" ? "" : _gct.store.projectName === ProjectName.WEB_RENDER ? "" : branchId ? "_" + (upperCase.value ? branchId.toUpperCase() : branchId) : "";
+	}
+	keyReset();
+	if (isRef(prefix)) watch(prefix, () => {
+		keyReset();
+	});
+	if (isRef(suffix)) watch(suffix, () => {
+		keyReset();
+	});
+	/**
+	* 补全key信息 包含 导入信息 模块信息 分支信息
+	* @param key
+	* @returns
+	*/
+	function keyPad(key) {
+		if (!key) return;
+		return `${keyPrefix.value}${key}${keySuffix.value}`;
+	}
+	/**
+	* 裁剪key
+	* @param key
+	*/
+	function keyClip(formKey) {
+		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
+		const prefixPos = formKey.indexOf(id) + id.length;
+		const suffixPos = !keySuffix.value || unref(suffix) === "" ? formKey.length : formKey.lastIndexOf("_");
+		keyPrefix.value = formKey.substring(0, prefixPos + 1);
+		keySuffix.value = formKey.substring(suffixPos);
+		return formKey.substring(prefixPos + 1, suffixPos);
+	}
+	function keyPreClip(formKey) {
+		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
+		const prefixPos = formKey.indexOf(id) + id.length;
+		keyPrefix.value = formKey.substring(0, prefixPos + 1);
+		return formKey.substring(prefixPos + 1);
+	}
+	function keyPrePad(key) {
+		if (!key) return;
+		return `${keyPrefix.value}${key}`;
+	}
+	return {
+		keyPrefix,
+		keySuffix,
+		keyReset,
+		keyPad,
+		keyClip,
+		keyPrePad,
+		keyPreClip
+	};
 }
-
+//#endregion
 export { useKeyParser };

package/es/hooks/index.d.ts

@@ -1,15 +1,26 @@
-export * from './design-view/getFieldSchema';
+export { isModified, loading, methodMap, modalDesignId, modalDesignState, modalInfo, noMore, pageDesignHistoryList, pageJson, pageJsonSnapshot, pageNo, pluginConfigs, regRoot, subTableModalId, subTableModalState, transformPageJson, wfNodesModalId, wfNodesModalState, workflowModalId, workflowModalState, widgetInfo, } from './design-view/design-state';
 export * from './design-view/useDesigner';
-export * from './design-view/useGlobal';
-export * from './design-view/usePage';
-export * from './design-view/usePageOccupy';
-export * from './design-view/usePropEditor';
-export * from './design-view/useScope';
-export * from './design-view/useSelectedWidget';
-export * from './design-view/useStyle';
-export * from './design-view/useToolkit';
-export * from './design-view/useWidget';
+export * from './design-view/designer/useDesignModal';
+export * from './design-view/designer/useDesignHistory';
+export * from './design-view/designer/useDesignPreview';
+export * from './design-view/designer/useDesignSave';
+export * from './design-view/designer/useDesignCache';
+export * from './design-view/widget/useWidgetQuery';
+export * from './design-view/widget/useWidgetRegistry';
+export * from './design-view/widget/useWidget';
+export * from './design-view/widget/useSelectedWidget';
+export * from './design-view/global/useGlobal';
+export * from './design-view/page/usePage';
+export * from './design-view/page/usePageOccupy';
+export * from './design-view/editor/usePropEditor';
+export * from './design-view/editor/useStyleEditor';
+export * from './design-view/editor/useStyle';
+export * from './design-view/layout/useScope';
+export * from './design-view/layout/useToolkit';
+export * from './design-view/utils/field-schema.util';
 export * from './develop/useCacheHistory';
 export * from './develop/useKeyParser';
-export { useDesignViewController } from './use-design-view-controller/use-design-view-controller';
+export * from './widgets/useAsyncFields';
+export * from './widgets/useFileAttrsHooks';
+export * from './use-model-field/use-model-field';
 export { DesignViewHooks } from './designer.hooks';

package/es/hooks/index.mjs

@@ -0,0 +1,28 @@
+import "./design-view/design-state.mjs";
+import "./design-view/layout/useScope.mjs";
+import "./design-view/global/useGlobal.mjs";
+import "./design-view/designer/useDesignModal.mjs";
+import "./design-view/designer/useDesignPreview.mjs";
+import "./develop/useCacheHistory.mjs";
+import "./design-view/widget/useWidgetRegistry.mjs";
+import "./design-view/layout/useToolkit.mjs";
+import "./design-view/page/usePage.mjs";
+import "./design-view/widget/useWidgetQuery.mjs";
+import "./design-view/widget/useSelectedWidget.mjs";
+import "./design-view/designer/useDesignCache.mjs";
+import "./design-view/designer/useDesignSave.mjs";
+import "./design-view/designer/useDesignHistory.mjs";
+import "./design-view/useDesigner.mjs";
+import "./design-view/widget/useWidget.mjs";
+import "./design-view/page/usePageOccupy.mjs";
+import "./design-view/editor/usePropEditor.mjs";
+import "./design-view/utils/color.util.mjs";
+import "./design-view/constants/style-editor.const.mjs";
+import "./design-view/editor/useStyleEditor.mjs";
+import "./design-view/editor/useStyle.mjs";
+import "./design-view/utils/field-schema.util.mjs";
+import "./develop/useKeyParser.mjs";
+import "./widgets/useAsyncFields.mjs";
+import "./widgets/useFileAttrsHooks.mjs";
+import "./use-model-field/use-model-field.mjs";
+import "./designer.hooks.mjs";

package/es/hooks/use-model-field/use-model-field.d.ts

@@ -0,0 +1,32 @@
+import { SCOPEINFO } from '@gct-paas/core';
+import { FieldMetaDTO } from '@gct-paas/api/apaas';
+export interface ISelectObj {
+    modelName: string;
+    fieldList: FieldMetaDTO[];
+    modelKey: string;
+    currentFormId: string;
+    fieldCodeChain: string;
+    isFieldModel: boolean;
+}
+export declare function useModelField(scope?: SCOPEINFO): {
+    objInfo: any;
+    loadObjInfo: (modelKey: string, { formId, childParentModelKey, isShowCascader, }?: {
+        formId?: string;
+        childParentModelKey?: string;
+        isShowCascader?: boolean;
+    }) => Promise<boolean>;
+    getModelInfo: (modelKey: string) => any;
+    getModelFieldList: (modelKey: string) => FieldMetaDTO[];
+    getModelFieldInfo: (modelKey: string, fieldKey: string) => any;
+    selectObj: any;
+    modelFieldMap: any;
+    fetchDetailList: (modelKey: string) => Promise<void>;
+    changeSelectInfo: (modelKey: string, data: IObject) => void;
+    getFieldCodeChainStr: (fieldCodeChain: string, currentFieldName?: string) => string;
+    getFieldPathChainList: (fieldCodeChain: string, fieldName: string) => Promise<any>;
+    clearSelectInfo: () => void;
+    clearObjInfo: () => void;
+    fieldCascaderSelectValue: any;
+    fieldPathChainList: any;
+    reloadFieldToolkit: (modelKey: string, formId: string, childParentModelKey: string) => Promise<void>;
+};

package/es/hooks/use-model-field/use-model-field.mjs

@@ -0,0 +1,269 @@
+import { cloneDeep, has } from "lodash-es";
+import { CreateType, FIELD_TYPE, SCOPEINFO } from "@gct-paas/core";
+import { reactive, toRaw, toRefs, watch } from "vue";
+//#region src/hooks/use-model-field/use-model-field.ts
+var objInfo = {
+	modelKey: "",
+	fieldCodeChain: "",
+	bindFormId: "",
+	isFieldModel: false,
+	relateObjList: []
+};
+/** 实体模型信息 map */
+var modelInfoMap = {};
+/** 模型下的字段列表 */
+var modelFieldMap = {};
+var selectObj = {
+	modelName: "",
+	fieldList: [],
+	modelKey: "",
+	currentFormId: "",
+	fieldCodeChain: "",
+	isFieldModel: false
+};
+var fieldMap = {
+	objInfo,
+	modelInfoMap,
+	modelFieldMap,
+	fieldCascaderSelectValue: [],
+	fieldPathChainList: []
+};
+var fieldCacheMap = {
+	[SCOPEINFO.FIELD_FORM]: {
+		selectObj: reactive(cloneDeep(selectObj)),
+		...toRefs(reactive(cloneDeep(fieldMap)))
+	},
+	[SCOPEINFO.FIELD_LIST]: {
+		selectObj: reactive(cloneDeep(selectObj)),
+		...toRefs(reactive(cloneDeep(fieldMap)))
+	}
+};
+function useModelField(scope = SCOPEINFO.FIELD_FORM) {
+	const { objInfo, modelInfoMap, modelFieldMap, selectObj, fieldCascaderSelectValue, fieldPathChainList } = fieldCacheMap[scope];
+	/** 根据模型 key 获取模型信息和字段列表 */
+	async function getModelDetail2FieldList(modelKey) {
+		return await _api.apaas.modelMeta.getDetail({ modelKey });
+	}
+	function setModelFieldToMap(modelKey, fieldList = []) {
+		if (!modelFieldMap.value[modelKey]) modelFieldMap.value[modelKey] = fieldList?.reduce((prev, curr) => ({
+			...prev,
+			[curr.key ?? ""]: curr
+		}), {});
+	}
+	function setModelInfoToMap(modelList = []) {
+		modelList?.forEach((item) => {
+			if (!modelInfoMap.value[item.key]) modelInfoMap.value[item.key] = {
+				modelId: item.id,
+				modelKey: item.key,
+				modelName: item.name,
+				modelType: item.type
+			};
+		});
+	}
+	/** 获取字段列表 */
+	function getModelFieldList(modelKey) {
+		if (!modelKey || !modelFieldMap.value[modelKey]) return [];
+		return Object.values(toRaw(modelFieldMap.value[modelKey]));
+	}
+	/** 获取字段信息 */
+	function getModelFieldInfo(modelKey, fieldKey) {
+		if (!modelKey || !fieldKey || !modelFieldMap.value[modelKey]) return;
+		return modelFieldMap.value[modelKey][fieldKey];
+	}
+	function getModelInfo(modelKey) {
+		if (!modelKey || !modelInfoMap.value[modelKey]) return false;
+		return modelInfoMap.value[modelKey];
+	}
+	/**验证需要追踪的关联引用模型 */
+	function _checkRefModel(item, fieldTypes = []) {
+		return item.bindInfo && [
+			FIELD_TYPE.REF,
+			FIELD_TYPE.RDO_REF,
+			...fieldTypes
+		].includes(item.type) && [CreateType.USER_DEFINED, CreateType.BUILTIN].includes(item.createType);
+	}
+	function getRefConfig({ item, formId }, { links, fieldLinks, fieldType }) {
+		const link = [...links, item.bindInfo];
+		return {
+			fieldKey: item.key,
+			fieldType: item.type,
+			belongModelKey: item.modelKey,
+			bindModelKey: item.bindInfo,
+			bindFormId: formId ?? "",
+			isFieldModel: true,
+			fieldCodeChain: JSON.stringify({
+				bindFieldKey: item.key,
+				bindModelKey: item.bindInfo,
+				belongModelKey: item.modelKey,
+				modelLink: link,
+				fieldLink: fieldLinks,
+				refOriginFieldType: fieldType
+			}),
+			modelLink: link,
+			children: []
+		};
+	}
+	async function getRefInfo({ item, formId }, { modelKey, fieldType }) {
+		const oneLevelRefConfig = getRefConfig({
+			item,
+			formId
+		}, {
+			links: [modelKey],
+			fieldLinks: [item.key],
+			fieldType
+		});
+		const twoLevelRefConfigs = (await getModelDetail2FieldList(oneLevelRefConfig.bindModelKey))?.fieldMetaList?.filter((a) => _checkRefModel(a)).map((i) => getRefConfig({
+			item: i,
+			formId
+		}, {
+			links: oneLevelRefConfig.modelLink,
+			fieldLinks: [item.key, i.key],
+			fieldType
+		}));
+		return {
+			...oneLevelRefConfig,
+			children: twoLevelRefConfigs
+		};
+	}
+	async function loadObjInfo(modelKey, { formId, childParentModelKey, isShowCascader = true } = {}) {
+		const info = await getModelDetail2FieldList(modelKey);
+		if (info) {
+			info.fieldMetaList?.forEach((item) => {
+				if (item.type === FIELD_TYPE.ASSOCIATED_PRIMARY_KEY && childParentModelKey) item.bindInfo = childParentModelKey;
+			});
+			const refList = await Promise.all(info.fieldMetaList?.filter((a) => _checkRefModel(a, [FIELD_TYPE.ASSOCIATED_PRIMARY_KEY]))?.map((item) => getRefInfo({
+				item,
+				formId
+			}, {
+				modelKey,
+				fieldType: item.type
+			})) ?? []);
+			objInfo.value = {
+				modelKey: info.key,
+				fieldCodeChain: JSON.stringify({ modelKey: info.key }),
+				bindFormId: formId ?? "",
+				isFieldModel: false,
+				relateObjList: refList
+			};
+			setModelFieldToMap(info.key ?? "", info.fieldMetaList);
+			let modelDetails = [info];
+			const allRefList = [...new Set(objInfo.value.relateObjList?.map((item) => [item, ...item.children || []]).flat().map((item) => item.bindModelKey))];
+			if (allRefList?.length !== 0) {
+				const res = await _api.apaas.modelMeta.getByKeys({ modelKeys: allRefList.join(",") ?? "" });
+				modelDetails = modelDetails?.concat(res ?? []);
+			}
+			setModelInfoToMap(modelDetails);
+			if (allRefList?.length !== 0 && isShowCascader) await Promise.all(allRefList.map((k) => getModelDetail2FieldList(k))).then((res) => {
+				(res ?? []).forEach((info) => {
+					if (info) setModelFieldToMap(info.key ?? "", info.fieldMetaList);
+				});
+			});
+		}
+		return true;
+	}
+	async function fetchDetailList(modelKey) {
+		if (!modelFieldMap.value[modelKey]) {
+			const info = await getModelDetail2FieldList(modelKey);
+			if (info) setModelFieldToMap(info.key ?? "", info.fieldMetaList);
+		}
+	}
+	function setSelectObjData(modelKey, info) {
+		const modelInfo = getModelInfo(modelKey);
+		if (modelInfo) {
+			selectObj.modelKey = modelInfo.modelKey;
+			selectObj.modelName = modelInfo.modelName;
+			selectObj.currentFormId = info.bindFormId;
+			selectObj.fieldCodeChain = info.fieldCodeChain;
+			selectObj.isFieldModel = info.isFieldModel;
+			selectObj.fieldList = getModelFieldList(modelInfo.modelKey);
+		}
+	}
+	watch([() => objInfo.value, () => modelInfoMap.value], () => {
+		if (!selectObj.modelKey && objInfo.value.modelKey) setSelectObjData(objInfo.value.modelKey, objInfo.value);
+	}, {
+		immediate: true,
+		deep: true
+	});
+	function changeSelectInfo(modelKey, data) {
+		setSelectObjData(modelKey, data);
+	}
+	function clearSelectInfo() {
+		selectObj.modelKey = "";
+		selectObj.modelName = "";
+		selectObj.currentFormId = "";
+		selectObj.fieldCodeChain = "";
+		selectObj.isFieldModel = false;
+		selectObj.fieldList = [];
+		fieldCascaderSelectValue.value = [];
+	}
+	function clearObjInfo() {
+		objInfo.value = {
+			modelKey: "",
+			fieldCodeChain: "",
+			bindFormId: "",
+			isFieldModel: false,
+			relateObjList: []
+		};
+	}
+	function getFieldCodeChainStr(fieldCodeChain, currentFieldName) {
+		if (!fieldCodeChain) return "";
+		const fieldCodeChainObj = JSON.parse(fieldCodeChain);
+		if (has(fieldCodeChainObj, "bindFieldKey")) {
+			const fieldInfo = getModelFieldInfo(fieldCodeChainObj.belongModelKey, fieldCodeChainObj.bindFieldKey);
+			const bindModelInfo = getModelInfo(fieldCodeChainObj.bindModelKey);
+			if (fieldInfo && bindModelInfo) return `${fieldInfo.name}(${bindModelInfo.modelName})${currentFieldName ? ` > ${currentFieldName}` : ""}`;
+		} else {
+			const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+			if (modelInfo) return `${modelInfo.modelName}${currentFieldName ? ` > ${currentFieldName}` : ""}`;
+		}
+		return "";
+	}
+	/**获取字段链路 */
+	async function getFieldPathChainList(fieldCodeChain, fieldName) {
+		if (!fieldCodeChain) fieldPathChainList.value = [];
+		else {
+			const fieldCodeChainObj = JSON.parse(fieldCodeChain);
+			const isFieldModel = has(fieldCodeChainObj, "bindFieldKey");
+			const modelKeys = isFieldModel ? fieldCodeChainObj.modelLink || [fieldCodeChainObj.belongModelKey, fieldCodeChainObj.bindModelKey] : [fieldCodeChainObj.modelKey];
+			if (modelKeys.some((item) => !getModelInfo(item))) {
+				const res = await _api.apaas.modelMeta.getByKeys({ modelKeys: modelKeys.join(",") });
+				if (res) setModelInfoToMap(res);
+			}
+			if (isFieldModel) fieldPathChainList.value = modelKeys.map((i) => getModelInfo(i).modelName).concat(fieldName);
+			else {
+				const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+				if (modelInfo) fieldPathChainList.value = [modelInfo.modelName, fieldName];
+			}
+		}
+		return fieldPathChainList.value;
+	}
+	async function reloadFieldToolkit(modelKey, formId, childParentModelKey) {
+		if (selectObj.currentFormId === formId) return;
+		clearSelectInfo();
+		clearObjInfo();
+		await loadObjInfo(modelKey, {
+			formId,
+			childParentModelKey
+		});
+	}
+	return {
+		objInfo,
+		loadObjInfo,
+		getModelInfo,
+		getModelFieldList,
+		getModelFieldInfo,
+		selectObj,
+		modelFieldMap,
+		fetchDetailList,
+		changeSelectInfo,
+		getFieldCodeChainStr,
+		getFieldPathChainList,
+		clearSelectInfo,
+		clearObjInfo,
+		fieldCascaderSelectValue,
+		fieldPathChainList,
+		reloadFieldToolkit
+	};
+}
+//#endregion
+export { useModelField };

package/es/hooks/widgets/useAsyncFields.d.ts

@@ -0,0 +1,17 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+/**
+ * 子表字段配置同步
+ */
+export declare function useAsyncFieldConfig(widget: LowCodeWidget.BasicSchema): {};
+/**
+ * 操作子表字段
+ * @returns
+ */
+export declare function useAsyncOperateField(): {
+    /** 同步字段属性 */
+    asyncFieldAttr: (widget: IObject, fields: IObject[], checked: boolean) => void;
+    /** 同步字段信息 */
+    asyncFieldInfo: (w: IObject, list: IObject[]) => void;
+    /** 断开子表字段同步 */
+    unBindAsyncStatus: (subTableId: string) => void;
+};

package/es/hooks/widgets/useAsyncFields.mjs

@@ -0,0 +1,143 @@
+import { useScope } from "../design-view/layout/useScope.mjs";
+import { useSelectedWidget } from "../design-view/widget/useSelectedWidget.mjs";
+import { cloneDeep, difference, get, has, xor } from "lodash-es";
+import { MaterialEnum, TreeHelper } from "@gct-paas/core";
+import { computed, watch } from "vue";
+//#region src/hooks/widgets/useAsyncFields.ts
+var needAsyncAttrs = [
+	"label",
+	"required",
+	"readonly",
+	"disabled",
+	"placeholder",
+	"showExplain",
+	"explain",
+	"reg",
+	"regHint",
+	"bindCompStyleType",
+	"displayCurrency",
+	"separator",
+	"currency",
+	"separator",
+	"format",
+	"range",
+	"dateType",
+	"timeType",
+	"enableAutofill",
+	"autofillRules",
+	"notSubmitInHide",
+	"selectType",
+	"notAutoFix"
+];
+var needAsyncStyles = [
+	"contentFont",
+	"tagStyleOpen",
+	"tagStyle"
+];
+/**
+* 子表字段配置同步
+*/
+function useAsyncFieldConfig(widget) {
+	const { selectedWidget } = useSelectedWidget();
+	const listFields = computed(() => {
+		return widget.children[3].children;
+	});
+	const modalFields = computed(() => {
+		return TreeHelper.findNodeAll(widget.children[0].children[0].children[0].children, (item) => {
+			return item.isField && item.materialType === MaterialEnum.MaterialSubTableModalField;
+		});
+	});
+	const isSubTableField = computed(() => {
+		return selectedWidget.value.materialType === MaterialEnum.MaterialSubTableField;
+	});
+	const isSubTableModalField = computed(() => {
+		return selectedWidget.value.materialType === MaterialEnum.MaterialSubTableModalField;
+	});
+	const setAsyncAttrValue = (source, target) => {
+		const sourceField = source.find((item) => item.id === selectedWidget.value.id);
+		const targetField = target.find((item) => item.id === selectedWidget.value.id);
+		if (targetField) {
+			targetField.i18n = sourceField.i18n;
+			needAsyncAttrs.filter((attr) => has(sourceField.props, attr)).forEach((attr) => {
+				targetField.props[attr] = sourceField.props[attr];
+			});
+			needAsyncStyles.forEach((attr) => {
+				const key = attr;
+				targetField.style[key] = sourceField.style[key];
+			});
+		}
+	};
+	watch(() => selectedWidget.value, () => {
+		if (isSubTableField.value) setAsyncAttrValue(listFields.value, modalFields.value);
+		else if (isSubTableModalField.value) setAsyncAttrValue(modalFields.value, listFields.value);
+	}, { deep: true });
+	return {};
+}
+/**
+* 操作子表字段
+* @returns
+*/
+function useAsyncOperateField() {
+	/** 同步字段属性 */
+	function asyncFieldAttr(widget, fields, checked) {
+		const listFieldIds = fields.map((item) => item.id);
+		TreeHelper.eachTree(widget.children[0].children[0].children[0].children, (node) => {
+			if (node.isField && node.materialType === MaterialEnum.MaterialSubTableModalField && listFieldIds.includes(node.id)) node.props.readonly = checked;
+		});
+	}
+	function removeNodesInPlace(node, condition) {
+		if (!node || !node.children) return;
+		let i = 0;
+		while (i < node.children.length) {
+			const child = node.children[i];
+			if (condition(child)) node.children.splice(i, 1);
+			else {
+				removeNodesInPlace(child, condition);
+				i += 1;
+			}
+		}
+	}
+	function asyncFieldInfo(w, list) {
+		if (!w.props.isFieldAsync) return;
+		const listFieldIds = list.filter((item) => has(item, "materialType") && item.materialType === MaterialEnum.MaterialSubTableField).map((item) => item.id);
+		const modalFieldIds = [];
+		TreeHelper.eachTree(w.children[0].children[0].children[0].children, (node) => {
+			if (node.isField && node.materialType === MaterialEnum.MaterialSubTableModalField) modalFieldIds.push(node.id);
+		});
+		const fieldUtils = {
+			add: [],
+			remove: []
+		};
+		fieldUtils.add = difference(listFieldIds, modalFieldIds);
+		fieldUtils.remove = difference(xor(listFieldIds, modalFieldIds), fieldUtils.add);
+		if (fieldUtils.remove.length !== 0) removeNodesInPlace(w.children[0].children[0].children[0], (node) => {
+			return fieldUtils.remove.includes(node.id);
+		});
+		if (fieldUtils.add.length !== 0) fieldUtils.add.forEach((fieldId) => {
+			const field = list.find((item) => item.id === fieldId);
+			if (field) {
+				const cloneFieldWidget = cloneDeep(field);
+				cloneFieldWidget.materialType = MaterialEnum.MaterialSubTableModalField;
+				cloneFieldWidget.preLocation = w.props.bindSubTableFormId;
+				w.children[0].children[0].children[0].children.push(cloneFieldWidget);
+			}
+		});
+	}
+	/** 断开子表字段同步 */
+	function unBindAsyncStatus(subTableId) {
+		if (subTableId) {
+			const { scopeData } = useScope();
+			const preCompInfo = TreeHelper.findNode(scopeData.value, (widget) => {
+				return widget.id === subTableId;
+			});
+			if (preCompInfo && get(preCompInfo, "props.isFieldAsync")) preCompInfo.props.isFieldAsync = false;
+		}
+	}
+	return {
+		asyncFieldAttr,
+		asyncFieldInfo,
+		unBindAsyncStatus
+	};
+}
+//#endregion
+export { useAsyncFieldConfig, useAsyncOperateField };