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

package/es/Event/bizServiceRequest.mjs

@@ -0,0 +1,35 @@
+import { BizServiceEnum, EntityModelCategoryEnum } from "@gct-paas/core";
+//#region src/Event/bizServiceRequest.ts
+var bizServiceRequestHook = (api) => (path, query = {}, data = {}, config = {}) => {
+	return api({
+		modelKey: path.key,
+		bsKey: path.action,
+		modelCategory: path.modelCategory ?? EntityModelCategoryEnum.ENTITY
+	}, query, data, config);
+};
+var BizService = {
+	post: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.postBizServiceModelCategoryModelKeyBsKey),
+	get: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.getBizServiceModelCategoryModelKeyBsKey),
+	put: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.putBizServiceModelCategoryModelKeyBsKey),
+	delete: bizServiceRequestHook(_gct.api.apaas.modelComprehensive.deleteBizServiceModelCategoryModelKeyBsKey)
+};
+/**
+* 系统内置业务服务请求
+* @param path
+* @param params
+* @param config
+* @returns
+*/
+async function $httpBizService(path, params, ...config) {
+	return BizService[BizServiceEnum[path.action]](path, params, ...config);
+}
+/**post 业务服务请求 */
+async function $request(modelKey, action, { body = {}, query = {} } = {}, config = {}) {
+	return await _gct.api.apaas.modelComprehensive.postBizServiceGeneralModelCategoryModelKeyBsKey({
+		bsKey: action,
+		modelKey,
+		modelCategory: EntityModelCategoryEnum.ENTITY
+	}, query, body, config);
+}
+//#endregion
+export { $httpBizService, $request, BizService };

package/es/Event/eventType.d.ts

@@ -0,0 +1,20 @@
+import { FormComponents, ButtonTypeEnum } from '@gct-paas/core';
+export interface InitNodeOptions {
+    /**组件方法 */
+    elRef: Record<string, FunctionType> | null;
+    /**组件类型 */
+    type: string | FormComponents;
+}
+export interface EventsConstructor {
+    js: string;
+    css: string;
+    pageKey?: string;
+}
+export interface processDateValue {
+    bizServiceKey: string;
+    button: ButtonTypeEnum;
+    message?: string;
+    processInstanceId?: string;
+    processKey: string;
+}
+export type FunctionType = (...arg: unknown[]) => unknown;

package/es/Event/eventType.mjs

@@ -0,0 +1 @@
+import "@gct-paas/core";

package/es/Event/index.d.ts

@@ -0,0 +1,7 @@
+export { Globals, pageGlobaVariables, globalVarCaches, formMap, setFormData, pageDataforJson, getPageTitle, getPremission, PageTypeEnum, } from './utils/runGlobalByPage';
+export { Events, Context, GctComponent, type ModalInstance } from './baseEvent';
+export * from './eventType';
+export * from './Dependency/useDependencyToShow';
+export * from './Dependency/useDependency';
+export * from './Dependency/controller';
+export * from './Dependency/displayRule';

package/es/Event/index.mjs

@@ -0,0 +1,7 @@
+import "./utils/runGlobalByPage.mjs";
+import "./baseEvent.mjs";
+import "./eventType.mjs";
+import "./Dependency/controller.mjs";
+import "./Dependency/displayRule.mjs";
+import "./Dependency/useDependencyToShow.mjs";
+import "./Dependency/useDependency.mjs";

package/es/Event/utils/appRedis.d.ts

@@ -0,0 +1,29 @@
+import { UserLoginResp } from '@gct-paas/api/platform';
+export declare class GlobaAppInfo {
+    /**环境变量 */
+    static ENV: string;
+    /**应用标识 */
+    static AID: string;
+    /**用户信息 */
+    static userInfo: UserLoginResp;
+    /**app初始化变量 */
+    static runApp({ userInfo, env, aid }: RunAppParams): void;
+}
+/**获取缓存变量 */
+export declare const useCreateAppredis: <T = unknown>({ value: defaultValue, appredis, key: varKey, type, }: UseCreateAppredisOptions<T>) => GlobalVar<T>;
+interface RunAppParams {
+    env: string;
+    aid: string;
+    userInfo: UserLoginResp;
+}
+interface GlobalVar<T = unknown> {
+    value: T;
+    type: unknown;
+}
+export interface UseCreateAppredisOptions<T = unknown> {
+    value: T;
+    appredis: boolean;
+    key: string;
+    type: unknown;
+}
+export {};

package/es/Event/utils/appRedis.mjs

@@ -0,0 +1,40 @@
+import { useGctSelect } from "../../hooks/useStorageRef.mjs";
+//#region src/Event/utils/appRedis.ts
+var GlobaAppInfo = class {
+	/**环境变量 */
+	static ENV;
+	/**应用标识 */
+	static AID;
+	/**用户信息 */
+	static userInfo;
+	/**app初始化变量 */
+	static runApp({ userInfo, env, aid }) {
+		this.ENV = env;
+		this.AID = aid;
+		this.userInfo = userInfo;
+	}
+};
+/**获取缓存变量 */
+var useCreateAppredis = ({ value: defaultValue, appredis, key: varKey, type }) => {
+	const isredis = GlobaAppInfo.ENV !== "dev" ? appredis : false;
+	const { cacheMap } = useGctSelect(`${GlobaAppInfo.AID}_${GlobaAppInfo.userInfo?.userId}`);
+	return new Proxy({
+		value: defaultValue,
+		type
+	}, {
+		get(target, name) {
+			if (isredis && name === "value") return cacheMap.value[varKey];
+			return Reflect.get(target, name);
+		},
+		set(target, name, value, receiver) {
+			if (isredis && name === "value") if (cacheMap.value[varKey]) cacheMap.value[varKey] = value;
+			else cacheMap.value = {
+				...cacheMap.value,
+				[varKey]: value
+			};
+			return Reflect.set(target, name, value, receiver);
+		}
+	});
+};
+//#endregion
+export { useCreateAppredis };

package/es/Event/utils/globalLoading.d.ts

@@ -0,0 +1,13 @@
+declare class GlobalLoading {
+    static instance: GlobalLoading;
+    mask: HTMLDivElement;
+    container: HTMLDivElement;
+    spinner: HTMLDivElement;
+    constructor();
+    createLoadingElement(): void;
+    initStyle(): void;
+    show(): void;
+    hide(): void;
+}
+export declare const globalLoading: GlobalLoading;
+export {};

package/es/Event/utils/globalLoading.mjs

@@ -0,0 +1,104 @@
+var globalLoading = new class GlobalLoading {
+	static instance;
+	mask;
+	container;
+	spinner;
+	constructor() {
+		if (GlobalLoading.instance) return GlobalLoading.instance;
+		GlobalLoading.instance = this;
+		this.createLoadingElement();
+		this.initStyle();
+	}
+	createLoadingElement() {
+		this.mask = document.createElement("div");
+		this.mask.id = "gct-global-loading-mask";
+		this.container = document.createElement("div");
+		this.container.id = "gct-global-loading-container";
+		this.spinner = document.createElement("div");
+		this.spinner.id = "gct-global-loading-spinner";
+		this.container.appendChild(this.spinner);
+		this.mask.appendChild(this.container);
+		document.body.appendChild(this.mask);
+	}
+	initStyle() {
+		Object.assign(this.mask.style, {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			width: "100vw",
+			height: "100vh",
+			backgroundColor: "rgba(255, 255, 255, 0.5)",
+			zIndex: 9999,
+			display: "none",
+			justifyContent: "center",
+			alignItems: "center"
+		});
+		Object.assign(this.container.style, {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			width: "43px",
+			height: "43px",
+			backgroundColor: "transparent",
+			boxShadow: "0 2px 12px rgba(0, 0, 0, 0.15)"
+		});
+		Object.assign(this.spinner.style, {
+			display: "grid",
+			width: "43px",
+			height: "43px",
+			gridTemplateColumns: "repeat(2, 1fr)",
+			gridTemplateRows: "repeat(2, 1fr)",
+			gap: "3px"
+		});
+		const elPrimary = getComputedStyle(document.documentElement).getPropertyValue("--gct-color-primary").trim();
+		[
+			{
+				id: "gct-global-loading-item_1",
+				delay: "0s"
+			},
+			{
+				id: "gct-global-loading-item_2",
+				delay: "0.25s"
+			},
+			{
+				id: "gct-global-loading-item_3",
+				delay: "0.75s"
+			},
+			{
+				id: "gct-global-loading-item_4",
+				delay: "0.5s"
+			}
+		].forEach((config) => {
+			const block = document.createElement("div");
+			block.id = config.id;
+			Object.assign(block.style, {
+				backgroundColor: elPrimary,
+				opacity: .2,
+				animation: "globalLoading 1s infinite",
+				animationDelay: config.delay
+			});
+			this.spinner.appendChild(block);
+		});
+		const styleTag = document.createElement("style");
+		styleTag.textContent = `
+      @keyframes globalLoading {
+        0% {
+          opacity: 1;
+        }
+        100% {
+          opacity: 0.2;
+        }
+      }`;
+		document.head.appendChild(styleTag);
+	}
+	show() {
+		this.mask.style.display = "flex";
+		document.body.style.overflow = "hidden";
+	}
+	hide() {
+		this.mask.style.display = "none";
+		document.body.style.overflow = "";
+	}
+}();
+//#endregion
+export { globalLoading };

package/es/Event/utils/processRovedInfo.d.ts

@@ -0,0 +1,100 @@
+import { LowCodeWidget, approveButton } from '@gct-paas/schema';
+import { ExamineAndApproveStateEnum, ButtonTypeEnum } from '@gct-paas/core';
+export { ExamineAndApproveStateEnum };
+/**流程审批信息 */
+export declare class ProcessAppRovedData {
+    /**是否当前处理人 */
+    isHandle: boolean;
+    /**需要显示的审批按钮 */
+    buttonConfig: ButtonConfig;
+    /**字段信息 */
+    fieldConfig: FieldConfig;
+    /**流程id */
+    processId: string;
+    /**数据id */
+    dataId: string;
+    /**taskId */
+    taskId: string;
+    /**流程实例id */
+    processInstanceId: string;
+    /**模态框模式下绑定的流程表单id */
+    refFormId?: string;
+    /**审批状态 我发起的,我的代办,我的已办*/
+    examineAndApproveState: ExamineAndApproveStateEnum;
+    fieldStatus: string;
+    /**查看页面 */
+    viewPageKey?: string;
+    /**当前是否是查看页面 */
+    isviewPage?: boolean;
+    /**当前是否是APP查看页面 */
+    isAPPviewPage?: boolean;
+    /**非流程相关人 */
+    nonRelatedPerson?: boolean;
+    constructor({ taskId, processInstanceId, examineAndApproveState, refFormId, }: ProcessAppRovedDataOptions);
+    /**初始化流程信息 */
+    readyProcess(): Promise<void>;
+    /**审批人，发起人 时候撤回按钮特殊逻辑 */
+    withdrawByNode(node?: {
+        buttonConfig?: string;
+    }): void;
+    /**节点按钮状态数据转化 */
+    transformByNode(node?: {
+        opinionConfig?: string;
+        buttonConfig?: string;
+        fieldConfig?: string;
+    }): void;
+    /**获取流程数据信息 */
+    getDataInfo(): Promise<void>;
+    /**过滤按钮 */
+    filterButton(list: approveButton[]): approveButton[];
+    /**修改字段状态 */
+    useFieldWidget(widget: LowCodeWidget.BasicSchema): void;
+    /**修改字段显示隐藏状态 */
+    useFieldToShow(widget: LowCodeWidget.BasicSchema): void;
+}
+type ButtonConfig = Partial<Record<ButtonTypeEnum, {
+    /**成功的消息 */
+    success: string;
+    /**是否需要弹框 */
+    showModel: boolean;
+    /**模态框标题 */
+    title: string;
+    /**是否显示按钮 */
+    show: boolean;
+    /** 别名 */
+    alias: string;
+    /**需要签名 */
+    signature: boolean;
+    /**审批意见 */
+    opinion: {
+        /**是否需要 */
+        show?: boolean;
+        /**是否必填 */
+        required?: boolean;
+    };
+    /**人员选择 */
+    user: {
+        /**是否显示 */
+        show?: boolean;
+        /**是否多选 */
+        multiple?: boolean;
+        label?: string;
+    };
+}>>;
+type FieldConfig = Record<string, {
+    permission: string;
+    children?: FieldConfig[];
+}>;
+/** */
+export declare enum FieldsPermissionEnum {
+    hidden = "hidden",
+    readonly = "readonly",
+    disabled = "disabled",
+    editable = "editable"
+}
+interface ProcessAppRovedDataOptions {
+    taskId: string;
+    processInstanceId: string;
+    examineAndApproveState?: ExamineAndApproveStateEnum;
+    refFormId?: string;
+}

package/es/Event/utils/processRovedInfo.mjs

@@ -0,0 +1,231 @@
+import { ButtonTypeEnum, ExamineAndApproveStateEnum, FormComponents, OpinionTypeEnum, t } from "@gct-paas/core";
+//#region src/Event/utils/processRovedInfo.ts
+/**流程审批信息 */
+var ProcessAppRovedData = class {
+	/**是否当前处理人 */
+	isHandle = false;
+	/**需要显示的审批按钮 */
+	buttonConfig = {};
+	/**字段信息 */
+	fieldConfig = {};
+	/**流程id */
+	processId = "";
+	/**数据id */
+	dataId = "";
+	/**taskId */
+	taskId;
+	/**流程实例id */
+	processInstanceId;
+	/**模态框模式下绑定的流程表单id */
+	refFormId;
+	/**审批状态 我发起的,我的代办,我的已办*/
+	examineAndApproveState = ExamineAndApproveStateEnum.MY_CUSTOM;
+	fieldStatus = "";
+	/**查看页面 */
+	viewPageKey;
+	/**当前是否是查看页面 */
+	isviewPage;
+	/**当前是否是APP查看页面 */
+	isAPPviewPage;
+	/**非流程相关人 */
+	nonRelatedPerson = false;
+	constructor({ taskId, processInstanceId, examineAndApproveState = ExamineAndApproveStateEnum.MY_CUSTOM, refFormId }) {
+		this.taskId = taskId;
+		this.processInstanceId = processInstanceId;
+		this.examineAndApproveState = examineAndApproveState;
+		this.refFormId = refFormId;
+	}
+	/**初始化流程信息 */
+	async readyProcess() {
+		const { taskId, processInstanceId } = this;
+		if (this.examineAndApproveState === ExamineAndApproveStateEnum.MY_AGENT) {
+			await this.getDataInfo();
+			const { node, processDefId, webViewPageKey, mobileViewPageKey } = await _gct.api.apaas.pmProcessEngine.getTaskExtension({ taskId });
+			this.transformByNode(node);
+			this.processId = processDefId;
+			for (const k in this.buttonConfig)
+ /**我的*/
+			if (k === ButtonTypeEnum.Withdraw) this.buttonConfig[k].show = false;
+			this.viewPageKey = node?.webViewPageKey || webViewPageKey;
+			this.isAPPviewPage = !!node?.mobileViewPageKey || !!mobileViewPageKey;
+		}
+		if (this.examineAndApproveState === ExamineAndApproveStateEnum.MY_APPLICATION) {
+			await this.getDataInfo();
+			const { node, processDefId, withdrawOp } = await _gct.api.apaas.pmProcessEngine.getInitialTaskExtension({ processInstanceId }) || {};
+			this.transformByNode(node);
+			this.processId = processDefId;
+			for (const k in this.buttonConfig) {
+				if (k === ButtonTypeEnum.End) this.buttonConfig[k].show = false;
+				if (k === ButtonTypeEnum.Withdraw) this.buttonConfig[k].show = !!withdrawOp;
+				if (k === ButtonTypeEnum.Resubmit) this.buttonConfig[k].show = false;
+			}
+		}
+		if (this.examineAndApproveState === ExamineAndApproveStateEnum.MY_DONE) {
+			await this.getDataInfo();
+			const { node, processDefId } = await _gct.api.apaas.pmProcessEngine.getHiTaskExtension({ taskId });
+			this.transformByNode(node);
+			this.processId = processDefId;
+		}
+		if (this.examineAndApproveState === ExamineAndApproveStateEnum.MY_CUSTOM) {
+			await this.getDataInfo();
+			const { node, processDefId, btnList, webViewPageKey, taskId, initiatorNode } = await _gct.api.apaas.pmProcessEngine.getProcInstExtension({ procInstId: processInstanceId });
+			const btnkeys = btnList || [];
+			this.withdrawByNode(initiatorNode);
+			this.transformByNode(node);
+			this.processId = processDefId;
+			for (const k in this.buttonConfig) {
+				const key = k;
+				if (this.buttonConfig[key].show) this.buttonConfig[key].show = btnkeys.includes(k);
+			}
+			if (!node) {
+				this.nonRelatedPerson = true;
+				return;
+			}
+			if (!btnkeys.length || node?.key === "__initiator__" && !taskId) this.isviewPage = true;
+			else this.viewPageKey = node?.webViewPageKey || webViewPageKey;
+		}
+		if (this.examineAndApproveState === ExamineAndApproveStateEnum.MY_CUSTOM_Modal) {
+			await this.getDataInfo();
+			const { node, btnList, taskId, processDefId, initiatorNode } = await _gct.api.apaas.pmProcessEngine.getProcInstExtension({ procInstId: processInstanceId });
+			const btnkeys = btnList || [];
+			this.withdrawByNode(initiatorNode);
+			this.transformByNode(node);
+			this.processId = processDefId;
+			for (const k in this.buttonConfig) {
+				const key = k;
+				if (this.buttonConfig[key].show) this.buttonConfig[key].show = btnkeys.includes(k);
+			}
+			if (!node) {
+				this.nonRelatedPerson = true;
+				return;
+			}
+			if (!btnkeys.length || node?.key === "__initiator__" && !taskId) this.isviewPage = true;
+		}
+	}
+	/**审批人，发起人 时候撤回按钮特殊逻辑 */
+	withdrawByNode(node) {
+		if (!node) return;
+		const { buttonConfig } = node;
+		JSON.parse(buttonConfig + "").forEach((i) => {
+			const actionTitle = t(`sys.process.paasBpmnButtonEvent.${i.type}`);
+			this.buttonConfig[i.type] = {
+				showModel: false,
+				title: t("sys.process.element.approval") + actionTitle,
+				success: actionTitle + t("sys.success") + "!",
+				show: i.enable,
+				alias: i.alias,
+				signature: !!i.signature,
+				opinion: {},
+				user: {}
+			};
+		});
+	}
+	/**节点按钮状态数据转化 */
+	transformByNode(node) {
+		if (!node) return;
+		try {
+			const { opinionConfig, buttonConfig, fieldConfig } = node;
+			const button = JSON.parse(buttonConfig || "[]");
+			const options = JSON.parse(opinionConfig || "{\"enabled\":false,\"opinionType\":[]}");
+			button.forEach((i) => {
+				const actionTitle = t(`sys.process.paasBpmnButtonEvent.${i.type}`);
+				this.buttonConfig[i.type] = {
+					showModel: ![
+						ButtonTypeEnum.Resubmit,
+						ButtonTypeEnum.Withdraw,
+						ButtonTypeEnum.End
+					].includes(i.type),
+					title: t("sys.process.element.approval") + actionTitle,
+					success: actionTitle + t("sys.success") + "!",
+					show: i.enable,
+					alias: i.alias,
+					signature: !!i.signature,
+					opinion: {
+						show: options.enabled,
+						required: transformOption(options.opinionType, i.type)
+					},
+					user: {
+						show: [ButtonTypeEnum.Reassign, ButtonTypeEnum.Countersign].includes(i.type),
+						multiple: ButtonTypeEnum.Countersign === i.type,
+						label: t(`sys.process.user.${i.type}`)
+					}
+				};
+			});
+			this.fieldConfig = JSON.parse(fieldConfig + "");
+		} catch (error) {
+			console.error("流程信息解析失败", error);
+		}
+	}
+	/**获取流程数据信息 */
+	async getDataInfo() {
+		const { dataId } = await _gct.api.apaas.pmProcessEngine.getModel({ processInstanceId: this.processInstanceId });
+		this.dataId = dataId;
+	}
+	/**过滤按钮 */
+	filterButton(list) {
+		if (this.nonRelatedPerson) return [];
+		if (this.examineAndApproveState === ExamineAndApproveStateEnum.MY_DONE) return [];
+		return list.filter((i) => {
+			if (i.type === FormComponents.ProcessApproveButton) {
+				const status = this.buttonConfig[i.props.action];
+				const show = !!status?.show;
+				if (show) i.props.title = status.alias;
+				return show;
+			}
+			return true;
+		});
+	}
+	/**修改字段状态 */
+	useFieldWidget(widget) {
+		if (this.nonRelatedPerson) return;
+		const field = widget.props.field;
+		const { fieldConfig, examineAndApproveState } = this;
+		if (fieldConfig && fieldConfig[field]) {
+			const { permission } = fieldConfig[field];
+			switch (permission) {
+				case FieldsPermissionEnum.disabled:
+					widget.props.disabled = true;
+					widget.props.readonly = false;
+					break;
+				case FieldsPermissionEnum.editable:
+					widget.props.disabled = false;
+					widget.props.readonly = false;
+					break;
+				case FieldsPermissionEnum.readonly:
+					widget.props.readonly = true;
+					break;
+				default: break;
+			}
+		} else widget.props.readonly = true;
+		if (!widget.props.disabled && ([ExamineAndApproveStateEnum.MY_APPLICATION, ExamineAndApproveStateEnum.MY_DONE].includes(examineAndApproveState) || this.isviewPage)) widget.props.readonly = true;
+	}
+	/**修改字段显示隐藏状态 */
+	useFieldToShow(widget) {
+		const field = widget.props.field;
+		const { fieldConfig } = this;
+		if (fieldConfig && fieldConfig[field]) {
+			const { permission } = fieldConfig[field];
+			if (permission === FieldsPermissionEnum.hidden) widget.props.hidden = true;
+		}
+	}
+};
+function transformOption(opinionType, action) {
+	if (opinionType.includes(OpinionTypeEnum.Required)) return true;
+	if (opinionType.includes(OpinionTypeEnum.Optional)) return false;
+	if (opinionType.includes(OpinionTypeEnum.ApproveRequired)) return action === ButtonTypeEnum.Approve;
+	if (opinionType.includes(OpinionTypeEnum.ApproveRequired)) return action === ButtonTypeEnum.Approve;
+	if (opinionType.includes(OpinionTypeEnum.CountersignRequired)) return action === ButtonTypeEnum.Countersign;
+	if (opinionType.includes(OpinionTypeEnum.ReassignRequired)) return action === ButtonTypeEnum.Reassign;
+	if (opinionType.includes(OpinionTypeEnum.RejectRequired)) return action === ButtonTypeEnum.Reject;
+	if (opinionType.includes(OpinionTypeEnum.RefuseRequired)) return action === ButtonTypeEnum.Refuse;
+}
+/** */
+var FieldsPermissionEnum = /* @__PURE__ */ function(FieldsPermissionEnum) {
+	FieldsPermissionEnum["hidden"] = "hidden";
+	FieldsPermissionEnum["readonly"] = "readonly";
+	FieldsPermissionEnum["disabled"] = "disabled";
+	FieldsPermissionEnum["editable"] = "editable";
+	return FieldsPermissionEnum;
+}({});
+//#endregion
+export { ProcessAppRovedData };