@gct-paas/render 0.1.4-dev.10 → 0.1.4-dev.12

package/es/Event/Dependency/controller.mjs

@@ -1,97 +1,84 @@
-import { computed } from 'vue';
-import { formMap, globalVarCaches, pageGlobaVariables } from '../utils/runGlobalByPage.mjs';
-import { watchDebounced } from '@vueuse/core';
-import '@gct-paas/core';
-import 'lodash-es';
-import '../../utils/field-attrs/basicAttrs.mjs';
-import '@gct-paas/schema';
-import { identify, calculate } from '../../utils/expression/index.mjs';
-import 'qs';
-
-function insetDep({
-  expression = "",
-  rowData = null
-}, callback) {
-  if (!expression || expression === "true") {
-    callback(true);
-    return;
-  }
-  const identifyArgs = identify(expression);
-  const formCacheMap = identifyArgs.reduce((total, i) => {
-    const arg = i.split(".");
-    total[i] = { formKey: arg[0], itemKey: arg[1] };
-    return total;
-  }, {});
-  const cacheFormFileds = computed(() => {
-    return identifyArgs.reduce((total, i) => {
-      const arg = i.split(".");
-      const formKey = arg[0] + "";
-      const filedKey = arg[1];
-      if (filedKey) {
-        const value = (rowData ? rowData[filedKey] : formMap.value[formKey]?.[filedKey]) ?? "";
-        if (total[formKey]) {
-          total[formKey][filedKey] = value;
-        } else {
-          total[formKey] = { [filedKey]: value };
-        }
-      } else if (formKey.startsWith("$VAR_") || formKey.startsWith("$IVAR_")) {
-        total[formKey] = globalVarCaches.value[formKey]?.value ?? "";
-      } else if (formKey.startsWith("$PAGERVAR_") || formKey.startsWith("$IPAGERVAR_")) {
-        total[formKey] = pageGlobaVariables.value[formKey]?.value ?? "";
-      }
-      return total;
-    }, {});
-  });
-  function playValueByRule(form) {
-    const cache = {};
-    Object.keys(formCacheMap).forEach((k) => {
-      const { formKey, itemKey } = formCacheMap[k];
-      const value = itemKey ? form[formKey]?.[itemKey] : form[formKey];
-      cache[k] = value;
-    });
-    calculate(expression, cache).then(callback);
-  }
-  if (rowData) playValueByRule(cacheFormFileds.value);
-  watchDebounced(
-    cacheFormFileds,
-    () => {
-      playValueByRule(cacheFormFileds.value);
-    },
-    {
-      debounce: 200,
-      immediate: !rowData
-    }
-  );
+import { calculate, identify } from "../../utils/expression/index.mjs";
+import "../../utils/index.mjs";
+import { formMap, globalVarCaches, pageGlobaVariables } from "../utils/runGlobalByPage.mjs";
+import { watchDebounced } from "@vueuse/core";
+import { computed } from "vue";
+//#region src/Event/Dependency/controller.ts
+/**组件依赖触发器 */
+function insetDep({ expression = "", rowData = null }, callback) {
+	if (!expression || expression === "true") {
+		callback(true);
+		return;
+	}
+	const identifyArgs = identify(expression);
+	const formCacheMap = identifyArgs.reduce((total, i) => {
+		const arg = i.split(".");
+		total[i] = {
+			formKey: arg[0],
+			itemKey: arg[1]
+		};
+		return total;
+	}, {});
+	/**收集依赖 函数显隐控制 关联组件字段收集 */
+	const cacheFormFileds = computed(() => {
+		return identifyArgs.reduce((total, i) => {
+			const arg = i.split(".");
+			const formKey = arg[0] + "";
+			const filedKey = arg[1];
+			if (filedKey) {
+				const value = (rowData ? rowData[filedKey] : formMap.value[formKey]?.[filedKey]) ?? "";
+				if (total[formKey]) total[formKey][filedKey] = value;
+				else total[formKey] = { [filedKey]: value };
+			} else if (formKey.startsWith("$VAR_") || formKey.startsWith("$IVAR_")) total[formKey] = globalVarCaches.value[formKey]?.value ?? "";
+			else if (formKey.startsWith("$PAGERVAR_") || formKey.startsWith("$IPAGERVAR_")) total[formKey] = pageGlobaVariables.value[formKey]?.value ?? "";
+			return total;
+		}, {});
+	});
+	function playValueByRule(form) {
+		const cache = {};
+		Object.keys(formCacheMap).forEach((k) => {
+			const { formKey, itemKey } = formCacheMap[k];
+			cache[k] = itemKey ? form[formKey]?.[itemKey] : form[formKey];
+		});
+		calculate(expression, cache).then(callback);
+	}
+	/**当处于行内场景的时候需要立即执行 快速响应 */
+	if (rowData) playValueByRule(cacheFormFileds.value);
+	/**
+	* 监听收集的依赖
+	*/
+	watchDebounced(cacheFormFileds, () => {
+		playValueByRule(cacheFormFileds.value);
+	}, {
+		debounce: 200,
+		immediate: !rowData
+	});
 }
-async function calculateDepResult({
-  expression = "",
-  rowData = null
-}) {
-  if (!expression || expression === "true") {
-    return true;
-  }
-  const identifyArgs = identify(expression);
-  const formCacheMap = identifyArgs.reduce((total, i) => {
-    const arg = i.split(".");
-    total[i] = { formKey: arg[0], itemKey: arg[1] };
-    return total;
-  }, {});
-  const cache = {};
-  Object.keys(formCacheMap).forEach((k) => {
-    const { formKey, itemKey } = formCacheMap[k];
-    let value = "";
-    if (formKey.startsWith("$VAR_")) {
-      value = globalVarCaches.value[formKey]?.value ?? "";
-    } else if (formKey.startsWith("$PAGERVAR_")) {
-      value = pageGlobaVariables.value[formKey]?.value ?? "";
-    } else if (itemKey) {
-      value = (rowData ? rowData[itemKey] : formMap.value[formKey]?.[itemKey]) ?? "";
-    } else {
-      value = (rowData ? rowData[formKey] : formMap.value[formKey]) ?? "";
-    }
-    cache[k] = value;
-  });
-  return calculate(expression, cache);
+/**
+* 直接计算表达式结果，不进行依赖监控
+* 用于一次性计算场景，快速获取表达式判断结果
+*/
+async function calculateDepResult({ expression = "", rowData = null }) {
+	if (!expression || expression === "true") return true;
+	const formCacheMap = identify(expression).reduce((total, i) => {
+		const arg = i.split(".");
+		total[i] = {
+			formKey: arg[0],
+			itemKey: arg[1]
+		};
+		return total;
+	}, {});
+	const cache = {};
+	Object.keys(formCacheMap).forEach((k) => {
+		const { formKey, itemKey } = formCacheMap[k];
+		let value = "";
+		if (formKey.startsWith("$VAR_")) value = globalVarCaches.value[formKey]?.value ?? "";
+		else if (formKey.startsWith("$PAGERVAR_")) value = pageGlobaVariables.value[formKey]?.value ?? "";
+		else if (itemKey) value = (rowData ? rowData[itemKey] : formMap.value[formKey]?.[itemKey]) ?? "";
+		else value = (rowData ? rowData[formKey] : formMap.value[formKey]) ?? "";
+		cache[k] = value;
+	});
+	return calculate(expression, cache);
 }
-
+//#endregion
 export { calculateDepResult, insetDep };

package/es/Event/Dependency/displayRule.mjs

@@ -1,76 +1,74 @@
-import { DisplayType } from '@gct-paas/core';
-import 'lodash-es';
-import '../../utils/field-attrs/basicAttrs.mjs';
-import '@gct-paas/schema';
-import { identify, calculate } from '../../utils/expression/index.mjs';
-import 'qs';
-import { toRef, ref } from 'vue';
-import { getPremission, formMap } from '../utils/runGlobalByPage.mjs';
-import { watchDebounced } from '@vueuse/core';
-
+import { calculate, identify } from "../../utils/expression/index.mjs";
+import "../../utils/index.mjs";
+import { formMap, getPremission } from "../utils/runGlobalByPage.mjs";
+import { DisplayType } from "@gct-paas/core";
+import { watchDebounced } from "@vueuse/core";
+import { ref, toRef } from "vue";
+//#region src/Event/Dependency/displayRule.ts
+/**单组件显隐控制 */
 function useVisibileByRuleHook(props, id) {
-  if (!getPremission(id)) {
-    return false;
-  } else if (props.displayType === DisplayType.CONFIG) {
-    return toRef(() => !props.hidden);
-  } else {
-    return useDisplayRule(props);
-  }
+	/**按钮权限 */
+	if (!getPremission(id)) return false;
+	else if (props.displayType === DisplayType.CONFIG) return toRef(() => !props.hidden);
+	else return useDisplayRule(props);
 }
 function useDisplayRule(rule) {
-  const formCache = ref(false);
-  getOptionsByDisplayRule(rule, (f) => {
-    formCache.value = !!f;
-  });
-  return formCache;
+	const formCache = ref(false);
+	getOptionsByDisplayRule(rule, (f) => {
+		formCache.value = !!f;
+	});
+	return formCache;
 }
+/**组件显示规则 */
 function getOptionsByDisplayRule({ displayRule, tableForm }, callback) {
-  if (!displayRule) {
-    callback(true);
-  } else {
-    const identifyArgs = identify(displayRule);
-    const formCacheMap = identifyArgs.reduce((total, i) => {
-      const arg = i.split(".");
-      total[i] = { formKey: arg[0], itemKey: arg[1] };
-      return total;
-    }, {});
-    const cacheFormFileds = toRef(() => {
-      return identifyArgs.reduce((total, i) => {
-        const arg = i.split(".");
-        const formKey = arg[0] + "", filedKey = arg[1] + "";
-        const value = { ...tableForm, ...formMap.value }[formKey]?.[filedKey];
-        if (total[formKey]) {
-          total[formKey][filedKey] = value;
-        } else {
-          total[formKey] = { [filedKey]: value };
-        }
-        return total;
-      }, {});
-    });
-    watchDebounced(
-      cacheFormFileds,
-      () => {
-        playValueByRule(
-          cacheFormFileds.value,
-          formCacheMap,
-          displayRule,
-          (flag) => {
-            callback(flag);
-          }
-        );
-      },
-      { immediate: true, debounce: 300 }
-    );
-  }
+	if (!displayRule)
+ /**没有配置规则 */
+	callback(true);
+	else {
+		const identifyArgs = identify(displayRule);
+		const formCacheMap = identifyArgs.reduce((total, i) => {
+			const arg = i.split(".");
+			total[i] = {
+				formKey: arg[0],
+				itemKey: arg[1]
+			};
+			return total;
+		}, {});
+		/**收集依赖 函数显隐控制 关联组件字段收集 */
+		const cacheFormFileds = toRef(() => {
+			return identifyArgs.reduce((total, i) => {
+				const arg = i.split(".");
+				const formKey = arg[0] + "", filedKey = arg[1] + "";
+				const value = {
+					...tableForm,
+					...formMap.value
+				}[formKey]?.[filedKey];
+				if (total[formKey]) total[formKey][filedKey] = value;
+				else total[formKey] = { [filedKey]: value };
+				return total;
+			}, {});
+		});
+		/**
+		* 监听收集的依赖
+		*/
+		watchDebounced(cacheFormFileds, () => {
+			playValueByRule(cacheFormFileds.value, formCacheMap, displayRule, (flag) => {
+				callback(flag);
+			});
+		}, {
+			immediate: true,
+			debounce: 300
+		});
+	}
 }
+/**分析表达式调用api获取布尔值 */
 function playValueByRule(form, formCacheMap, displayRule, callback) {
-  const cache = {};
-  Object.keys(formCacheMap).forEach((k) => {
-    const { formKey, itemKey } = formCacheMap[k];
-    const value = form?.[formKey]?.[itemKey];
-    cache[k] = value;
-  });
-  calculate(displayRule, cache).then(callback);
+	const cache = {};
+	Object.keys(formCacheMap).forEach((k) => {
+		const { formKey, itemKey } = formCacheMap[k];
+		cache[k] = form?.[formKey]?.[itemKey];
+	});
+	calculate(displayRule, cache).then(callback);
 }
-
+//#endregion
 export { useVisibileByRuleHook };

package/es/Event/Dependency/useDependency.mjs

@@ -0,0 +1,117 @@
+import { getRefInfoId } from "../../utils/get-ref-data.mjs";
+import "../../utils/index.mjs";
+import "../utils/processRovedInfo.mjs";
+import { insetDep } from "./controller.mjs";
+import { ASSIGNMENTSTRATEGY_ENUM, Dependency_ENUM } from "@gct-paas/core";
+import { watchDebounced } from "@vueuse/core";
+import { computed, inject, toRef } from "vue";
+//#region src/Event/Dependency/useDependency.ts
+function useDependency(widget, formState = {}, isRow = false) {
+	const { readonly, field, isFieldModel, bindFieldLink, refOriginField, refOriginModelKey, refOriginFieldType } = widget.props;
+	const configDependency = widget.props.componentDependency?.configDependency || {};
+	const formReadonly = inject("formReadonly", void 0);
+	const useProcessFieldEvent = inject("useProcessFieldEvent", void 0);
+	if (useProcessFieldEvent) useProcessFieldEvent.useFieldWidget(widget);
+	if (!useProcessFieldEvent && widget.formItem && formReadonly?.value !== void 0) widget.props.readonly = formReadonly?.value || widget.props.readonly;
+	if (!useProcessFieldEvent && !formReadonly?.value) {
+		const readonly_expression = configDependency[Dependency_ENUM.READONLY]?.expression;
+		const readonly_field_value = configDependency[Dependency_ENUM.READONLY]?.fieldValue;
+		const readonly_value = configDependency[Dependency_ENUM.READONLY]?.value;
+		if (!readonly_field_value && readonly_value && readonly_expression) insetDep({
+			expression: readonly_expression,
+			rowData: isRow ? formState : null
+		}, (res) => {
+			widget.props.readonly = !!res;
+		});
+		const required_expression = configDependency[Dependency_ENUM.REQUIRED]?.expression;
+		const required_value = configDependency[Dependency_ENUM.REQUIRED]?.value;
+		if (!configDependency[Dependency_ENUM.REQUIRED]?.fieldValue && required_value && required_expression) insetDep({
+			expression: required_expression,
+			rowData: isRow ? formState : null
+		}, (res) => {
+			widget.props.required = !!res;
+			if (res) widget.props.readonly = false;
+			else widget.props.readonly = readonly;
+		});
+		const disabled_expression = configDependency[Dependency_ENUM.DISABLED]?.expression;
+		if (configDependency[Dependency_ENUM.DISABLED]?.value && disabled_expression) insetDep({
+			expression: disabled_expression,
+			rowData: isRow ? formState : null
+		}, (res) => {
+			widget.props.disabled = !!res;
+			if (res) widget.props.readonly = false;
+			else widget.props.readonly = readonly;
+		});
+	}
+	const assignment_expression = configDependency[Dependency_ENUM.ASSIGNMENT]?.expression;
+	const strategy = configDependency[Dependency_ENUM.ASSIGNMENT]?.strategy;
+	if (assignment_expression) insetDep({
+		expression: assignment_expression,
+		rowData: isRow ? formState : null
+	}, (res) => {
+		formState[field] = res;
+	});
+	const fieldKey = isFieldModel ? bindFieldLink?.join(".") : field;
+	if (!formState._OPCT) formState._OPCT = { _DICT: {} };
+	const formRowData = computed(() => {
+		if (isFieldModel) return formState._OPCT;
+		return formState;
+	});
+	const value = computed({
+		get() {
+			if (fieldKey) return formRowData.value[fieldKey];
+			return "";
+		},
+		set(val) {
+			if (!!assignment_expression && strategy === ASSIGNMENTSTRATEGY_ENUM.alwaysCover) return;
+			formRowData.value[fieldKey] = val;
+		}
+	});
+	if (isFieldModel && refOriginField) {
+		/**
+		* 多级字段显示逻辑
+		* 监听源字段
+		* */
+		const originField = toRef(() => {
+			return formState[bindFieldLink[0]];
+		});
+		const foreignFields = bindFieldLink.length > 2 ? [bindFieldLink[1] + ".*"] : void 0;
+		watchDebounced(originField, async () => {
+			try {
+				const data = await getRefInfoId({
+					ids: originField.value,
+					refOriginField: bindFieldLink[0],
+					refOriginFieldType,
+					model: refOriginModelKey,
+					foreignFields
+				});
+				formRowData.value[fieldKey] = data._OPCT[fieldKey];
+				if (!formRowData.value._DICT) formRowData.value._DICT = {};
+				formRowData.value._DICT[fieldKey] = data._OPCT._DICT[fieldKey];
+			} catch {
+				for (const key in formRowData.value) if (key.startsWith(fieldKey)) formRowData.value[key] = void 0;
+			}
+		}, {
+			debounce: 100,
+			immediate: true
+		});
+	}
+	return {
+		value,
+		formRowData,
+		fieldKey
+	};
+}
+function useDependencyByRequired(widget) {
+	const { readonly } = widget.props;
+	const configDependency = widget.props.componentDependency?.configDependency || {};
+	const required_expression = configDependency[Dependency_ENUM.REQUIRED]?.expression;
+	const required_value = configDependency[Dependency_ENUM.REQUIRED]?.value;
+	if (!configDependency[Dependency_ENUM.REQUIRED]?.fieldValue && required_value && required_expression) insetDep({ expression: required_expression }, (res) => {
+		widget.props.required = !!res;
+		if (res) widget.props.readonly = false;
+		else widget.props.readonly = readonly;
+	});
+}
+//#endregion
+export { useDependency, useDependencyByRequired };

package/es/Event/Dependency/useDependencyToShow.mjs

@@ -1,109 +1,113 @@
-import { inject, toRef } from 'vue';
-import { getPremission } from '../utils/runGlobalByPage.mjs';
-import { insetDep, calculateDepResult } from './controller.mjs';
-import { useVisibileByRuleHook } from './displayRule.mjs';
-import { Dependency_ENUM, DisplayType } from '@gct-paas/core';
-
+import { getPremission } from "../utils/runGlobalByPage.mjs";
+import "../utils/processRovedInfo.mjs";
+import { calculateDepResult, insetDep } from "./controller.mjs";
+import { useVisibileByRuleHook } from "./displayRule.mjs";
+import { Dependency_ENUM, DisplayType } from "@gct-paas/core";
+import { inject, toRef } from "vue";
+//#region src/Event/Dependency/useDependencyToShow.ts
 function useDependencyToShow(widget) {
-  if (widget.props?.displayRule && widget.props?.displayType === DisplayType.RULE) {
-    return useVisibileByRuleHook(widget.props, widget.id);
-  } else {
-    return dependencyToShow(widget);
-  }
+	if (widget.props?.displayRule && widget.props?.displayType === DisplayType.RULE)
+ /**老版本显隐逻辑 */
+	return useVisibileByRuleHook(widget.props, widget.id);
+	else return dependencyToShow(widget);
 }
 function dependencyToShow(widget, rowData) {
-  if (!widget.id) return false;
-  if (!getPremission(widget.id)) {
-    widget.props.hidden = true;
-    return false;
-  }
-  const useProcessFieldEvent = inject(
-    "useProcessFieldEvent",
-    void 0
-  );
-  if (useProcessFieldEvent) {
-    useProcessFieldEvent.useFieldToShow(widget);
-    return !widget.props.hidden;
-  }
-  const { displayType, displayRule } = widget.props || {};
-  const configDependency = widget.props.componentDependency?.configDependency || {};
-  const { value, expression } = configDependency[Dependency_ENUM.HIDDEN] || {};
-  if (value && expression) {
-    widget.props.hidden = true;
-    insetDep({ expression, rowData }, (res) => {
-      widget.props.hidden = !!res;
-    });
-  } else if (value) {
-    widget.props.hidden = true;
-  } else if (displayType === DisplayType.RULE && displayRule) {
-    widget.props.hidden = true;
-    insetDep({ expression: displayRule, rowData }, (res) => {
-      widget.props.hidden = !res;
-    });
-  }
-  return toRef(() => !widget.props.hidden);
+	if (!widget.id) return false;
+	if (!getPremission(widget.id)) {
+		/**权限不存在就直接返回false */
+		widget.props.hidden = true;
+		return false;
+	}
+	const useProcessFieldEvent = inject("useProcessFieldEvent", void 0);
+	if (useProcessFieldEvent) {
+		/**流程节点隐藏的字段 */
+		useProcessFieldEvent.useFieldToShow(widget);
+		return !widget.props.hidden;
+	}
+	const { displayType, displayRule } = widget.props || {};
+	const { value, expression } = (widget.props.componentDependency?.configDependency || {})[Dependency_ENUM.HIDDEN] || {};
+	if (value && expression) {
+		widget.props.hidden = true;
+		insetDep({
+			expression,
+			rowData
+		}, (res) => {
+			widget.props.hidden = !!res;
+		});
+	} else if (value)
+ /**开启组件依赖没有配置隐藏条件 */
+	widget.props.hidden = true;
+	else if (displayType === DisplayType.RULE && displayRule) {
+		/**老数据显示隐藏配置兼容 */
+		widget.props.hidden = true;
+		insetDep({
+			expression: displayRule,
+			rowData
+		}, (res) => {
+			widget.props.hidden = !res;
+		});
+	}
+	return toRef(() => !widget.props.hidden);
 }
+/**直接返回计算结果的依赖显隐逻辑 */
 async function dependencyToShowSync(widget, rowData) {
-  if (!widget.id) return false;
-  if (!getPremission(widget.id)) {
-    widget.props.hidden = true;
-    return false;
-  }
-  const useProcessFieldEvent = inject(
-    "useProcessFieldEvent",
-    void 0
-  );
-  if (useProcessFieldEvent) {
-    useProcessFieldEvent.useFieldToShow(widget);
-    return !widget.props.hidden;
-  }
-  const { displayType, displayRule } = widget.props || {};
-  const configDependency = widget.props.componentDependency?.configDependency || {};
-  const { value, expression } = configDependency[Dependency_ENUM.HIDDEN] || {};
-  if (value && expression) {
-    widget.props.hidden = true;
-    widget.props.hidden = !!await calculateDepResult({ expression, rowData });
-  } else if (value) {
-    widget.props.hidden = true;
-  } else if (displayType === DisplayType.RULE && displayRule) {
-    widget.props.hidden = true;
-    widget.props.hidden = !!await calculateDepResult({
-      expression: displayRule,
-      rowData
-    });
-  }
-  return !widget.props.hidden;
+	if (!widget.id) return false;
+	if (!getPremission(widget.id)) {
+		/**权限不存在就直接返回false */
+		widget.props.hidden = true;
+		return false;
+	}
+	const useProcessFieldEvent = inject("useProcessFieldEvent", void 0);
+	if (useProcessFieldEvent) {
+		/**流程节点隐藏的字段 */
+		useProcessFieldEvent.useFieldToShow(widget);
+		return !widget.props.hidden;
+	}
+	const { displayType, displayRule } = widget.props || {};
+	const { value, expression } = (widget.props.componentDependency?.configDependency || {})[Dependency_ENUM.HIDDEN] || {};
+	if (value && expression) {
+		widget.props.hidden = true;
+		widget.props.hidden = !!await calculateDepResult({
+			expression,
+			rowData
+		});
+	} else if (value)
+ /**开启组件依赖没有配置隐藏条件 */
+	widget.props.hidden = true;
+	else if (displayType === DisplayType.RULE && displayRule) {
+		/**老数据显示隐藏配置兼容 */
+		widget.props.hidden = true;
+		widget.props.hidden = !!await calculateDepResult({
+			expression: displayRule,
+			rowData
+		});
+	}
+	return !widget.props.hidden;
 }
+/**组件集合处理 */
 function useDependencyToShowList(widgetList, rowData) {
-  widgetList.forEach((widget) => {
-    dependencyToShow(widget, rowData);
-  });
-  return toRef(() => widgetList.filter((i) => !i.props.hidden));
+	widgetList.forEach((widget) => {
+		dependencyToShow(widget, rowData);
+	});
+	return toRef(() => widgetList.filter((i) => !i.props.hidden));
 }
 function tableWidgetToShow(widget, callback) {
-  const configDependency = widget.props.componentDependency?.configDependency || {};
-  const { value, expression } = configDependency[Dependency_ENUM.HIDDEN] || {};
-  if (value && expression) {
-    insetDep({ expression }, (res) => {
-      callback(res);
-    });
-  }
-  callback(widget.props.hidden);
+	const { value, expression } = (widget.props.componentDependency?.configDependency || {})[Dependency_ENUM.HIDDEN] || {};
+	if (value && expression) insetDep({ expression }, (res) => {
+		callback(res);
+	});
+	callback(widget.props.hidden);
 }
 function tableWidgetByDept(widget) {
-  const configDependency = widget.props.componentDependency?.configDependency || {};
-  const { value, expression } = configDependency[Dependency_ENUM.HIDDEN] || {};
-  if (value && expression) {
-    insetDep({ expression }, (res) => {
-      widget.props.hidden = !!res;
-    });
-  }
-  const { value: required_value, expression: required_expression } = configDependency[Dependency_ENUM.REQUIRED] || {};
-  if (required_value && required_expression) {
-    insetDep({ expression: required_expression }, (res) => {
-      widget.props.required = !!res;
-    });
-  }
+	const configDependency = widget.props.componentDependency?.configDependency || {};
+	const { value, expression } = configDependency[Dependency_ENUM.HIDDEN] || {};
+	if (value && expression) insetDep({ expression }, (res) => {
+		widget.props.hidden = !!res;
+	});
+	const { value: required_value, expression: required_expression } = configDependency[Dependency_ENUM.REQUIRED] || {};
+	if (required_value && required_expression) insetDep({ expression: required_expression }, (res) => {
+		widget.props.required = !!res;
+	});
 }
-
+//#endregion
 export { dependencyToShow, dependencyToShowSync, tableWidgetByDept, tableWidgetToShow, useDependencyToShow, useDependencyToShowList };