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

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.d.ts

@@ -5,6 +5,6 @@ export declare function dependencyToShow(widget: LowCodeWidget.BasicSchema, rowD
 /**直接返回计算结果的依赖显隐逻辑 */
 export declare function dependencyToShowSync(widget: LowCodeWidget.BasicSchema, rowData?: object): Promise<boolean>;
 /**组件集合处理 */
-export declare function useDependencyToShowList(widgetList: LowCodeWidget.BasicSchema[], rowData?: object): Readonly<Ref<import('@gct-paas/schema').IBasicSchema[], import('@gct-paas/schema').IBasicSchema[]>>;
+export declare function useDependencyToShowList<T extends LowCodeWidget.BasicSchema = LowCodeWidget.BasicSchema>(widgetList: T[], rowData?: object): Ref<T[]>;
 export declare function tableWidgetToShow(widget: LowCodeWidget.BasicSchema, callback: (res: unknown) => void): void;
 export declare function tableWidgetByDept(widget: LowCodeWidget.BasicSchema): void;

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 };

package/es/Event/baseEvent.d.ts

@@ -1,10 +1,18 @@
+import { ProcessOperateRequest } from '@gct-paas/api/apaas';
 import { pageLayoutModeEnum } from '@gct-paas/core';
-import { Ref } from 'vue';
-import { FunctionType, InitNodeOptions, EventsConstructor } from './eventType';
-import { ProcessAppRovedData } from './utils/processRovedInfo';
 import { LowCodeWidget } from '@gct-paas/schema';
-import { ProcessOperateRequest } from '@gct-paas/api/apaas';
+import { ComponentPublicInstance, Ref } from 'vue';
 import { $httpBizService, $request } from './bizServiceRequest';
+import { EventsConstructor, FunctionType, InitNodeOptions } from './eventType';
+import { ProcessAppRovedData } from './utils/processRovedInfo';
+type ContextConstructor<T extends Context> = new (args: {
+    $ref: (key: string) => GctComponent | undefined;
+    $asyncRef: (key: string) => Promise<GctComponent>;
+}) => T;
+export type ModalInstance = null | undefined | (ComponentPublicInstance & {
+    open: Fn;
+    close: Fn;
+});
 export declare class Events<TContext extends Context = Context> {
     #private;
     context: TContext;
@@ -22,8 +30,8 @@ export declare class Events<TContext extends Context = Context> {
     /**流程信息 */
     ProcessAppRoved?: ProcessAppRovedData;
     pageLayoutMode?: pageLayoutModeEnum;
-    constructor({ js, css, pageKey, ContextPc, }: EventsConstructor & {
-        ContextPc: new (args: IObject) => TContext;
+    constructor({ js, css, pageKey, ContextVm, }: EventsConstructor & {
+        ContextVm: ContextConstructor<TContext>;
     });
     /**初始化流程节点信息 */
     runProcessBySaskId({ taskId, processInstanceId, examineAndApproveState, refFormId, }: IObject): Promise<void>;
@@ -58,7 +66,7 @@ export declare class Events<TContext extends Context = Context> {
      * @param fun
      * @returns
      */
-    getReadyByFun(fun: FunctionType): Promise<undefined>;
+    getReadyByFun(fun?: FunctionType): Promise<undefined>;
     /**
      * 流程处理
      * @param processDateValue
@@ -75,14 +83,9 @@ export declare class Context {
     /**根据key异步获取获取组件 */
     $asyncRef: (key: string) => Promise<GctComponent>;
     /**根据id获取模态框 */
-    $getModal?: (key: string) => {
-        open: FunctionType;
-        close: FunctionType;
-    };
+    $getModal?: (key: string) => ModalInstance;
     /**关闭当前上下文模态框 */
     $closeModal?: () => void;
-    /** 跳转指定页面 */
-    $push?: (path: string, params?: IData) => void;
     /**调用第三方服务 */
     $customBizService: {
         post: (path: import('./bizServiceRequest').PathType, query?: IObject, data?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>;
@@ -90,28 +93,23 @@ export declare class Context {
         put: (path: import('./bizServiceRequest').PathType, query?: IObject, data?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>;
         delete: (path: import('./bizServiceRequest').PathType, query?: IObject, data?: IObject, config?: import('axios').AxiosRequestConfig) => Promise<unknown>;
     };
-    /**建模追溯 */
-    $modelingTraceability?: FunctionType;
-    /** 电子签名 */
-    $modelingElectronicSignature?: FunctionType;
-    /** 单据打印预览弹框 */
-    $documentPrint?: FunctionType;
-    /** 在线表单信息弹框 */
-    $onlineFormModal?: FunctionType;
-    /** eDHR填报全屏弹框 */
-    $eDHRFillFullScreenModal?: FunctionType;
-    /** 表单填报弹框 */
-    $openDocumentFillingModal?: FunctionType;
-    /** 签名确认弹框 */
-    $modelingSignatureConfirm?: FunctionType;
-    $routeQuery?: () => IData;
     /**组件id和widget 的map */
     gctWidgets: Record<string, LowCodeWidget.BasicSchema>;
+    constructor({ $ref, $asyncRef }: IObject);
     /**ctx 下的工具函数 */
     readonly $utility: IObject;
     $httpBizService: typeof $httpBizService;
     $request: typeof $request;
-    constructor({ $ref, $asyncRef }: IObject);
+    /**全局loading */
+    $loading: {
+        mask: HTMLDivElement;
+        container: HTMLDivElement;
+        spinner: HTMLDivElement;
+        createLoadingElement(): void;
+        initStyle(): void;
+        show(): void;
+        hide(): void;
+    };
     $getPremission(id: string): boolean;
     /**
      *
@@ -137,13 +135,11 @@ export declare class Context {
     $setPropsByKey(key: string, fromProp: LowCodeWidget.BasicSchema['props']): void;
     /**获取组件的属性 */
     $getPropsByKey(key: string, PropsKey?: string | string[], root?: boolean): IObject;
-    /**全局loading */
-    $loading?: FunctionType;
 }
 /**
  * 获取组件实例公用方法
  */
-declare class GctComponent {
+export declare class GctComponent {
     modelKey?: string;
     getValue?: () => {
         id?: string;