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

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

@@ -1,344 +1,269 @@
-import { watch, toRefs, reactive, toRaw } from 'vue';
-import { SCOPEINFO, FIELD_TYPE, CreateType } from '@gct-paas/core';
-import { cloneDeep, has } from 'lodash-es';
-
-const objInfo = {
-  modelKey: "",
-  fieldCodeChain: "",
-  bindFormId: "",
-  isFieldModel: false,
-  relateObjList: []
+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: []
 };
-const modelInfoMap = {};
-const modelFieldMap = {};
-const selectObj = {
-  modelName: "",
-  fieldList: [],
-  modelKey: "",
-  currentFormId: "",
-  fieldCodeChain: "",
-  isFieldModel: false
+/** 实体模型信息 map */
+var modelInfoMap = {};
+/** 模型下的字段列表 */
+var modelFieldMap = {};
+var selectObj = {
+	modelName: "",
+	fieldList: [],
+	modelKey: "",
+	currentFormId: "",
+	fieldCodeChain: "",
+	isFieldModel: false
 };
-const fieldCascaderSelectValue = [];
-const fieldPathChainList = [];
-const fieldMap = {
-  objInfo,
-  modelInfoMap,
-  modelFieldMap,
-  fieldCascaderSelectValue,
-  fieldPathChainList
+var fieldMap = {
+	objInfo,
+	modelInfoMap,
+	modelFieldMap,
+	fieldCascaderSelectValue: [],
+	fieldPathChainList: []
 };
-const fieldCacheMap = {
-  [SCOPEINFO.FIELD_FORM]: {
-    selectObj: reactive(cloneDeep(selectObj)),
-    ...toRefs(reactive(cloneDeep(fieldMap)))
-  },
-  [SCOPEINFO.FIELD_LIST]: {
-    selectObj: reactive(cloneDeep(selectObj)),
-    ...toRefs(reactive(cloneDeep(fieldMap)))
-  }
+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: objInfo2,
-    modelInfoMap: modelInfoMap2,
-    modelFieldMap: modelFieldMap2,
-    selectObj: selectObj2,
-    fieldCascaderSelectValue: fieldCascaderSelectValue2,
-    fieldPathChainList: fieldPathChainList2
-  } = fieldCacheMap[scope];
-  async function getModelDetail2FieldList(modelKey) {
-    const res = await _api.apaas.modelMeta.getDetail({
-      modelKey
-    });
-    return res;
-  }
-  function setModelFieldToMap(modelKey, fieldList = []) {
-    if (!modelFieldMap2.value[modelKey]) {
-      modelFieldMap2.value[modelKey] = fieldList?.reduce(
-        (prev, curr) => ({
-          ...prev,
-          [curr.key ?? ""]: curr
-        }),
-        {}
-      );
-    }
-  }
-  function setModelInfoToMap(modelList = []) {
-    modelList?.forEach((item) => {
-      if (!modelInfoMap2.value[item.key]) {
-        modelInfoMap2.value[item.key] = {
-          modelId: item.id,
-          modelKey: item.key,
-          modelName: item.name,
-          // NDO | RDO
-          modelType: item.type
-        };
-      }
-    });
-  }
-  function getModelFieldList(modelKey) {
-    if (!modelKey || !modelFieldMap2.value[modelKey]) {
-      return [];
-    }
-    return Object.values(toRaw(modelFieldMap2.value[modelKey]));
-  }
-  function getModelFieldInfo(modelKey, fieldKey) {
-    if (!modelKey || !fieldKey || !modelFieldMap2.value[modelKey]) {
-      return;
-    }
-    return modelFieldMap2.value[modelKey][fieldKey];
-  }
-  function getModelInfo(modelKey) {
-    if (!modelKey || !modelInfoMap2.value[modelKey]) {
-      return false;
-    }
-    return modelInfoMap2.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,
-      // ! 这边用对象的原因是模型 key 可能是特殊字符，所以如果直接用字符串拼接可能会有问题
-      fieldCodeChain: JSON.stringify({
-        // 关联模型的字段key
-        bindFieldKey: item.key,
-        // 字段所属模型的key
-        bindModelKey: item.bindInfo,
-        // 关联模型字段所属模型的key
-        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 twoLevelFieldData = await getModelDetail2FieldList(
-      oneLevelRefConfig.bindModelKey
-    );
-    const twoLevelRefConfigs = twoLevelFieldData?.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 }
-          )
-        ) ?? []
-      );
-      objInfo2.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(
-          objInfo2.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((info2) => {
-            if (info2) {
-              setModelFieldToMap(info2.key ?? "", info2.fieldMetaList);
-            }
-          });
-        });
-      }
-    }
-    return true;
-  }
-  async function fetchDetailList(modelKey) {
-    if (!modelFieldMap2.value[modelKey]) {
-      const info = await getModelDetail2FieldList(modelKey);
-      if (info) {
-        setModelFieldToMap(info.key ?? "", info.fieldMetaList);
-      }
-    }
-  }
-  function setSelectObjData(modelKey, info) {
-    const modelInfo = getModelInfo(modelKey);
-    if (modelInfo) {
-      selectObj2.modelKey = modelInfo.modelKey;
-      selectObj2.modelName = modelInfo.modelName;
-      selectObj2.currentFormId = info.bindFormId;
-      selectObj2.fieldCodeChain = info.fieldCodeChain;
-      selectObj2.isFieldModel = info.isFieldModel;
-      selectObj2.fieldList = getModelFieldList(modelInfo.modelKey);
-    }
-  }
-  watch(
-    [() => objInfo2.value, () => modelInfoMap2.value],
-    () => {
-      if (!selectObj2.modelKey && objInfo2.value.modelKey) {
-        setSelectObjData(objInfo2.value.modelKey, objInfo2.value);
-      }
-    },
-    {
-      immediate: true,
-      deep: true
-    }
-  );
-  function changeSelectInfo(modelKey, data) {
-    setSelectObjData(modelKey, data);
-  }
-  function clearSelectInfo() {
-    selectObj2.modelKey = "";
-    selectObj2.modelName = "";
-    selectObj2.currentFormId = "";
-    selectObj2.fieldCodeChain = "";
-    selectObj2.isFieldModel = false;
-    selectObj2.fieldList = [];
-    fieldCascaderSelectValue2.value = [];
-  }
-  function clearObjInfo() {
-    objInfo2.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) {
-      fieldPathChainList2.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) {
-        fieldPathChainList2.value = modelKeys.map((i) => getModelInfo(i).modelName).concat(fieldName);
-      } else {
-        const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
-        if (modelInfo) {
-          fieldPathChainList2.value = [modelInfo.modelName, fieldName];
-        }
-      }
-    }
-    return fieldPathChainList2.value;
-  }
-  async function reloadFieldToolkit(modelKey, formId, childParentModelKey) {
-    if (selectObj2.currentFormId === formId) {
-      return;
-    }
-    clearSelectInfo();
-    clearObjInfo();
-    await loadObjInfo(modelKey, {
-      formId,
-      childParentModelKey
-    });
-  }
-  return {
-    objInfo: objInfo2,
-    loadObjInfo,
-    getModelInfo,
-    getModelFieldList,
-    getModelFieldInfo,
-    selectObj: selectObj2,
-    modelFieldMap: modelFieldMap2,
-    fetchDetailList,
-    changeSelectInfo,
-    getFieldCodeChainStr,
-    getFieldPathChainList,
-    clearSelectInfo,
-    clearObjInfo,
-    fieldCascaderSelectValue: fieldCascaderSelectValue2,
-    fieldPathChainList: fieldPathChainList2,
-    reloadFieldToolkit
-  };
+	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;
+};