@gct-paas/core-web 0.1.6-dev.14 → 0.1.6-dev.16

package/es/modules/process-designer/hook/useProcess.mjs

@@ -0,0 +1,344 @@
+import { BpmnVersionStatusEnum } from "../constants/index.mjs";
+import { computed, ref, unref, watch } from "vue";
+import { t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+import { ApproveWayEnum, BpmnNodeTypeEnum as BpmnNodeTypeEnum$1, ButtonTypeEnum as ButtonTypeEnum$1, DismissRuleEnum, DismissToEnum, OpinionTypeEnum, randomId, useGctPaasBpmn } from "@gct-paas/flow";
+import { useRoute } from "vue-router";
+import { defineStore } from "pinia";
+//#region src/modules/process-designer/hook/useProcess.ts
+function useProcess() {
+	const gctPaasBpmn = useGctPaasBpmn();
+	const { nodeSelectedId, gctFlowData, setReadonly, validateNode, initData, addNode, resetGctFlowData, validate, toBpmnData } = gctPaasBpmn;
+	const ButtonEventsForNode = {
+		[BpmnNodeTypeEnum$1.BpmnSubmit]: [
+			{
+				type: ButtonTypeEnum$1.Resubmit,
+				enable: true
+			},
+			{
+				type: ButtonTypeEnum$1.End,
+				enable: false
+			},
+			{
+				type: ButtonTypeEnum$1.Withdraw,
+				enable: false
+			}
+		],
+		[BpmnNodeTypeEnum$1.BpmnApproval]: [
+			{
+				type: ButtonTypeEnum$1.Approve,
+				enable: true,
+				signature: true
+			},
+			{
+				type: ButtonTypeEnum$1.Refuse,
+				enable: true,
+				signature: false
+			},
+			{
+				type: ButtonTypeEnum$1.Reassign,
+				enable: false,
+				signature: false
+			},
+			{
+				type: ButtonTypeEnum$1.Countersign,
+				enable: false,
+				signature: true
+			},
+			{
+				type: ButtonTypeEnum$1.Reject,
+				enable: false,
+				signature: false,
+				dismissTo: DismissToEnum.StartNode,
+				dismissRule: DismissRuleEnum.ReApprove
+			}
+		]
+	};
+	const globalData = ref({
+		id: randomId(),
+		type: "global",
+		data: {
+			type: "global",
+			push: [{ type: "system" }],
+			builtinMsgEnabled: 1,
+			webPageOption: true,
+			webPageKey: "",
+			webViewPageKey: "",
+			mobilePageOption: false,
+			mobilePageKey: "",
+			mobileViewPageKey: ""
+		}
+	});
+	const processId = ref("");
+	const processInfo = ref({});
+	const versionList = ref([]);
+	const curVersionId = ref();
+	const curVersionInfo = ref({});
+	const isFrontPage = ref(false);
+	const readonlyFlow = ref(false);
+	/**
+	* 非草稿状态 只读
+	*/
+	const bpmnReadonly = computed(() => {
+		if (readonlyFlow.value) return true;
+		if (!curVersionInfo.value?.status) return false;
+		return curVersionInfo.value?.status !== BpmnVersionStatusEnum.DRAFT;
+	});
+	watch(nodeSelectedId, (_id, oldId) => {
+		if (oldId) validateNode(oldId, validateTargetUserConfig);
+	});
+	watch(() => curVersionId.value, (val) => {
+		curVersionInfo.value = {};
+		resetGctFlowData();
+		if (val) loadVersionInfo();
+	});
+	function bpmnSetReadonly() {
+		setReadonly(!!bpmnReadonly.value);
+	}
+	function addPaasBpmnNode() {
+		resetGctFlowData();
+		addNode(BpmnNodeTypeEnum$1.BpmnSubmit, {
+			allowDelete: false,
+			data: { ...addNodeDefaultValue({ type: BpmnNodeTypeEnum$1.BpmnSubmit }) }
+		});
+		addNode(BpmnNodeTypeEnum$1.BpmnApproval, { data: { ...addNodeDefaultValue({ type: BpmnNodeTypeEnum$1.BpmnApproval }) } });
+		addNode(BpmnNodeTypeEnum$1.BpmnEnd, {
+			allowDelete: false,
+			allowNext: false
+		});
+	}
+	/**
+	* 创建节点后，给节点添加默认值
+	* @param node
+	*/
+	function onNodeCreated(node) {
+		addNodeDefaultValue(node.data);
+	}
+	function addNodeDefaultValue(data) {
+		if (!data.buttonConfig) {
+			const buttons = ButtonEventsForNode[data.type];
+			if (buttons) data.buttonConfig = buttons.map((e) => {
+				return {
+					...e,
+					alias: t(`sys.process.paasBpmnButtonEvent.${e.type}`)
+				};
+			});
+		}
+		if (!data.approveWay) data.approveWay = ApproveWayEnum.ApprovedByOne;
+		if (!data.opinionConfig) data.opinionConfig = {
+			enable: true,
+			opinionType: OpinionTypeEnum.Required
+		};
+		return data;
+	}
+	async function loadVersionList() {
+		versionList.value = await _api.apaas.pmProcessDefinitionVersion.getList({ procDefId: processInfo.value.id }) || [];
+		if (!curVersionId.value) curVersionId.value = versionList.value[0]?.id || "";
+	}
+	async function loadVersionInfo() {
+		const res = await _api.apaas.pmProcessDefinitionVersion.getId({ id: curVersionId.value }) || {};
+		curVersionInfo.value = res;
+		globalData.value.data = {
+			type: "global",
+			push: res.push ? JSON.parse(res.push) : [{ type: "system" }],
+			builtinMsgEnabled: res.builtinMsgEnabled || 1,
+			webPageOption: res.webPageOption === 0 ? false : true,
+			mobilePageOption: res.mobilePageOption === 0 ? false : true,
+			webPageKey: res.webPageKey || "",
+			webViewPageKey: res.webViewPageKey || "",
+			mobilePageKey: res.mobilePageKey || "",
+			mobileViewPageKey: res.mobileViewPageKey || ""
+		};
+		if (curVersionInfo.value.json) {
+			const { processApproveUsers, processMessageUsers } = res;
+			const users = [...processApproveUsers || [], ...processMessageUsers || []];
+			const json = JSON.parse(curVersionInfo.value.json);
+			if (users.length && json.children) setNodeUsers(json.children, users);
+			initData(json);
+		} else if (curVersionId.value) addPaasBpmnNode();
+		bpmnSetReadonly();
+	}
+	function setNodeUsers(json, users) {
+		json.forEach((e) => {
+			const nUser = users.find((f) => f.nodeId === e.id);
+			if (nUser) e.data["targetUserConfig"] = nUser.config;
+			if (e.children && e.children.length) setNodeUsers(e.children, users);
+		});
+	}
+	function toggleVersion(id) {
+		curVersionId.value = id;
+	}
+	async function createVersion() {
+		await _api.apaas.pmProcessDefinitionVersion.post({ id: curVersionId.value });
+		await loadVersionList();
+	}
+	async function deleteVersion(ids) {
+		await _api.apaas.pmProcessDefinitionVersion.delete({ ids });
+		if (ids === curVersionId.value) curVersionId.value = "";
+		await loadVersionList();
+	}
+	async function copyVersion(id) {
+		await _api.apaas.pmProcessDefinitionVersion.postCopyId({ id });
+		await loadVersionList();
+	}
+	async function initProcess(id, readonly = false) {
+		const res = await _gct.api.apaas.pmProcessDefinition.getInfo({ id: id || unref(processId) });
+		processInfo.value = res;
+		curVersionId.value = "";
+		readonlyFlow.value = readonly;
+		if (res?.activeVersionId) {
+			curVersionId.value = res.activeVersionId;
+			loadVersionInfo();
+			loadVersionList();
+		} else loadVersionList();
+	}
+	async function saveProcess() {
+		await validNode();
+		const data = saveFunc();
+		await _api.apaas.pmProcessDefinitionVersion.postSave(data);
+		message.success(t("sys.saveSuccess"));
+		loadVersionList();
+		loadVersionInfo();
+	}
+	async function publishProcess() {
+		await validNode();
+		const data = saveFunc();
+		await _api.apaas.pmProcessDefinitionVersion.postSaveAndDeploy(data);
+		message.success(t("sys.doSuccess"));
+		loadVersionList();
+		loadVersionInfo();
+	}
+	async function saveUsers() {
+		await validNode();
+		const { nodes } = saveFunc();
+		const processApproveUsers = getUsersValue(BpmnNodeTypeEnum$1.BpmnApproval, nodes);
+		const processMessageUsers = getUsersValue(BpmnNodeTypeEnum$1.BpmnMessage, nodes);
+		await _api.apaas.pmProcessDefinitionVersion.postUpdateProcessUser({
+			procDefVerId: curVersionId.value,
+			processApproveUsers,
+			processMessageUsers
+		});
+		message.success(t("sys.saveSuccess"));
+		loadVersionInfo();
+	}
+	function getUsersValue(type, nodes) {
+		return nodes.filter((e) => e.type === type).map((node) => {
+			return {
+				config: node.targetUserConfig,
+				nodeId: node.key,
+				procDefVerId: curVersionId.value
+			};
+		});
+	}
+	function validNodeData(nodeId) {
+		validateNode(nodeId, validateTargetUserConfig);
+	}
+	async function validNode() {
+		const { valid } = validate(validateTargetUserConfig);
+		if (!valid) {
+			message.warn(t("sys.edhr.flowNotCompleted"));
+			return Promise.reject();
+		}
+		const { webPageOption, webPageKey, webViewPageKey, mobilePageOption, mobilePageKey, mobileViewPageKey, push } = globalData.value.data;
+		if (push.some((e) => e.type !== "system" && !e.key)) {
+			message.warn("消息推送方式配置不完整，请检查");
+			return Promise.reject();
+		}
+		if (webPageOption && (!webPageKey || !webViewPageKey) || mobilePageOption && (!mobilePageKey || !mobileViewPageKey)) {
+			message.warn("全局页面配置不完整，请检查");
+			return Promise.reject();
+		}
+		const { nodes } = toBpmnData({ processId: curVersionId.value });
+		if (!nodes.some((e) => e.type === BpmnNodeTypeEnum$1.BpmnApproval)) {
+			message.warn("至少要有一个审批节点！");
+			return Promise.reject();
+		}
+	}
+	function validateTargetUserConfig(node) {
+		if (isFrontPage.value && [BpmnNodeTypeEnum$1.BpmnApproval, BpmnNodeTypeEnum$1.BpmnMessage].includes(node.type) && !node?.data.targetUserConfig) return node.type === BpmnNodeTypeEnum$1.BpmnApproval ? ["审批人不能为空"] : ["消息推送人不能为空"];
+		return [];
+	}
+	function clearNodeBindPages(data) {
+		const { webPageOption, mobilePageOption } = globalData.value.data;
+		if (webPageOption && mobilePageOption) return;
+		if (!webPageOption) {
+			globalData.value.data.webPageKey = "";
+			globalData.value.data.webViewPageKey = "";
+		}
+		if (!mobilePageOption) {
+			globalData.value.data.mobilePageKey = "";
+			globalData.value.data.mobileViewPageKey = "";
+		}
+		recursiveNodes(data, webPageOption, mobilePageOption);
+	}
+	function recursiveNodes(data, web, mobile) {
+		data.forEach((e) => {
+			if (e.type === BpmnNodeTypeEnum$1.BpmnApproval || e.type === BpmnNodeTypeEnum$1.BpmnStart) {
+				if (!web) {
+					e.data.webPageKey = void 0;
+					e.data.webViewPageKey = void 0;
+				}
+				if (!mobile) {
+					e.data.mobilePageKey = void 0;
+					e.data.mobileViewPageKey = void 0;
+				}
+			}
+			if (e.children) recursiveNodes(e.children, web, mobile);
+		});
+	}
+	function saveFunc() {
+		const { xml, nodes } = toBpmnData({ processId: curVersionId.value });
+		console.log(xml);
+		nodes.forEach((n) => {
+			Object.keys(n).forEach((k) => {
+				if (k !== "events" && typeof n[k] === "object") n[k] = JSON.stringify(n[k]);
+			});
+			const beNode = curVersionInfo.value?.nodes?.find((item) => item.key === n.key);
+			if (beNode) n.id = beNode.id;
+		});
+		clearNodeBindPages(gctFlowData.value.children);
+		return {
+			id: curVersionId.value,
+			version: curVersionInfo.value.version,
+			procDefId: processInfo.value.id,
+			json: JSON.stringify(gctFlowData.value),
+			nodes,
+			xml,
+			...globalData.value.data,
+			push: JSON.stringify(globalData.value.data.push),
+			webPageOption: globalData.value.data.webPageOption ? 1 : 0,
+			mobilePageOption: globalData.value.data.mobilePageOption ? 1 : 0
+		};
+	}
+	const route = useRoute();
+	processId.value = route.params.id;
+	isFrontPage.value = !!route.query.front;
+	return {
+		...gctPaasBpmn,
+		addPaasBpmnNode,
+		onNodeCreated,
+		globalData,
+		addNodeDefaultValue,
+		bpmnReadonly,
+		isFrontPage,
+		initProcess,
+		processInfo,
+		saveProcess,
+		publishProcess,
+		saveUsers,
+		validNodeData,
+		loadVersionList,
+		versionList,
+		curVersionId,
+		curVersionInfo,
+		createVersion,
+		deleteVersion,
+		copyVersion,
+		toggleVersion
+	};
+}
+function createProcessStore(key) {
+	return defineStore(key, useProcess);
+}
+//#endregion
+export { createProcessStore };

package/es/modules/process-designer/index.d.ts

@@ -0,0 +1,12 @@
+export declare const ProcessDesigner: import('vue').DefineComponent<{
+    onlyFlow?: boolean;
+    id?: string;
+    plugins?: import('@gct-paas/flow').FlowPlugin[];
+    extensions?: import('./panels').IPanelExtension[];
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    onlyFlow?: boolean;
+    id?: string;
+    plugins?: import('@gct-paas/flow').FlowPlugin[];
+    extensions?: import('./panels').IPanelExtension[];
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export type { IPanelExtension } from './panels/interfaces/i-panel-extension';

package/es/modules/process-designer/index.mjs

@@ -0,0 +1,5 @@
+import { defineAsyncComponent } from "vue";
+//#region src/modules/process-designer/index.ts
+var ProcessDesigner = defineAsyncComponent(() => import("./process-designer.vue.mjs"));
+//#endregion
+export { ProcessDesigner };

package/es/modules/process-designer/panels/bpmnApproval/event.vue.d.ts

@@ -0,0 +1,6 @@
+import { GctBpmnNode } from '@gct-paas/flow';
+type __VLS_Props = {
+    node: GctBpmnNode.BpmnApproval;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/process-designer/panels/bpmnApproval/event.vue.mjs

@@ -0,0 +1,5 @@
+import event_vue_vue_type_script_setup_true_lang_default from "./event.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/process-designer/panels/bpmnApproval/event.vue
+var event_default = event_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { event_default as default };

package/es/modules/process-designer/panels/bpmnApproval/event.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,14 @@
+import event_config_default from "../../components/event-config.vue.mjs";
+import { createBlock, defineComponent, openBlock } from "vue";
+//#region src/modules/process-designer/panels/bpmnApproval/event.vue?vue&type=script&setup=true&lang.ts
+var event_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "event",
+	props: { node: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(event_config_default, { node: __props.node }, null, 8, ["node"]);
+		};
+	}
+});
+//#endregion
+export { event_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/panels/bpmnApproval/perm.vue.d.ts

@@ -0,0 +1,6 @@
+import { GctBpmnNode } from '@gct-paas/flow';
+type __VLS_Props = {
+    node: GctBpmnNode.BpmnSubmit;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/process-designer/panels/bpmnApproval/perm.vue.mjs

@@ -0,0 +1,5 @@
+import perm_vue_vue_type_script_setup_true_lang_default from "./perm.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/process-designer/panels/bpmnApproval/perm.vue
+var perm_default = perm_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { perm_default as default };

package/es/modules/process-designer/panels/bpmnApproval/perm.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,18 @@
+import field_permission_default from "../../components/field-permission.vue.mjs";
+import { createBlock, createElementBlock, defineComponent, openBlock } from "vue";
+//#region src/modules/process-designer/panels/bpmnApproval/perm.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "p12px" };
+var perm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "perm",
+	props: { node: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(field_permission_default, {
+				key: __props.node.id,
+				data: __props.node.data
+			}, null, 8, ["data"]))]);
+		};
+	}
+});
+//#endregion
+export { perm_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/panels/bpmnApproval/prop.vue.d.ts

@@ -0,0 +1,6 @@
+import { GctBpmnNode } from '@gct-paas/flow';
+type __VLS_Props = {
+    node: GctBpmnNode.BpmnApproval;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/process-designer/panels/bpmnApproval/prop.vue.mjs

@@ -0,0 +1,5 @@
+import prop_vue_vue_type_script_setup_true_lang_default from "./prop.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/process-designer/panels/bpmnApproval/prop.vue
+var prop_default = prop_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { prop_default as default };

package/es/modules/process-designer/panels/bpmnApproval/prop.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,167 @@
+import { useProcessStore } from "../../hook/index.mjs";
+import form_item_default from "../../components/form-item.vue.mjs";
+import node_basic_info_default from "../../components/node-basic-info.vue.mjs";
+import node_binding_page_default from "../../components/node-binding-page.vue.mjs";
+import node_btns_default from "../../components/node-btns.vue.mjs";
+import simple_collapse_default from "../../components/simple-collapse.vue.mjs";
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, inject, openBlock, provide, resolveComponent, unref, watch, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+import { ApproveWayEnum, OpinionTypeEnum } from "@gct-paas/flow";
+//#region src/modules/process-designer/panels/bpmnApproval/prop.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-right" };
+var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "prop",
+	props: { node: {} },
+	setup(__props) {
+		const props = __props;
+		const store = useProcessStore();
+		provide("bpmnMainModelKey", store.processInfo.modelKey);
+		const paasBpmnReadonly = inject("paasBpmnReadonly", false);
+		const isFrontPage = inject("isFrontPage", false);
+		const formState = computed({
+			get() {
+				return props.node.data;
+			},
+			set(value) {
+				Object.assign(props.node.data ?? {}, value);
+			}
+		});
+		const approvalOptions = computed(() => {
+			return Object.values(ApproveWayEnum).map((e) => {
+				return {
+					label: t(`sys.process.approveWay.${e}`),
+					value: e
+				};
+			});
+		});
+		const opinionTypeOptions = computed(() => {
+			return Object.values(OpinionTypeEnum).map((e) => {
+				return {
+					label: t(`sys.process.opinionType.${e}`),
+					value: e
+				};
+			});
+		});
+		watch(() => formState.value.targetUserConfig, () => {
+			store.validNodeData(formState.value.key);
+		});
+		const handleOpinionTypeChange = (value) => {
+			let changeVal = [];
+			if (value.length === 0) changeVal = [OpinionTypeEnum.Optional];
+			else {
+				const clickValue = value[value.length - 1];
+				if ([OpinionTypeEnum.Required, OpinionTypeEnum.Optional].includes(clickValue)) changeVal = [clickValue];
+				else changeVal = value.filter((item) => ![OpinionTypeEnum.Required, OpinionTypeEnum.Optional].includes(item));
+			}
+			if (formState.value.opinionConfig) formState.value.opinionConfig.opinionType = changeVal;
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			const _component_ApprovalUserSelectConfig = resolveComponent("ApprovalUserSelectConfig");
+			const _component_a_switch = resolveComponent("a-switch");
+			const _component_a_form = resolveComponent("a-form");
+			return openBlock(), createBlock(_component_a_form, { model: formState.value }, {
+				default: withCtx(() => [
+					createVNode(simple_collapse_default, { title: unref(t)("sys.appDesigner.approval.basicInfo") }, {
+						default: withCtx(() => [createVNode(node_basic_info_default, { data: __props.node.data }, null, 8, ["data"])]),
+						_: 1
+					}, 8, ["title"]),
+					createVNode(simple_collapse_default, {
+						title: unref(t)("sys.process.approvalPage"),
+						tooltip: unref(t)("sys.process.approvalPageTip")
+					}, {
+						default: withCtx(() => [createVNode(node_binding_page_default, { data: __props.node.data }, null, 8, ["data"])]),
+						_: 1
+					}, 8, ["title", "tooltip"]),
+					createVNode(simple_collapse_default, { title: unref(t)("sys.process.approvalOperation") }, {
+						default: withCtx(() => [
+							createVNode(form_item_default, {
+								label: unref(t)("sys.process.approvalMethod"),
+								inline: false,
+								"is-first": ""
+							}, {
+								default: withCtx(() => [createVNode(_component_a_select, {
+									value: formState.value.approveWay,
+									"onUpdate:value": _cache[0] || (_cache[0] = ($event) => formState.value.approveWay = $event),
+									options: approvalOptions.value,
+									disabled: unref(paasBpmnReadonly),
+									placeholder: unref(t)("sys.chooseText"),
+									size: "small",
+									style: { "width": "100%" }
+								}, null, 8, [
+									"value",
+									"options",
+									"disabled",
+									"placeholder"
+								])]),
+								_: 1
+							}, 8, ["label"]),
+							unref(isFrontPage) ? (openBlock(), createBlock(form_item_default, {
+								key: 0,
+								label: unref(t)("sys.process.approver"),
+								inline: false,
+								rules: [{ required: true }]
+							}, {
+								default: withCtx(() => [createVNode(_component_ApprovalUserSelectConfig, {
+									"model-value": formState.value.targetUserConfig,
+									"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formState.value.targetUserConfig = $event)
+								}, null, 8, ["model-value"])]),
+								_: 1
+							}, 8, ["label"])) : createCommentVNode("", true),
+							createVNode(form_item_default, {
+								label: unref(t)("sys.process.approvalBtn"),
+								inline: false
+							}, {
+								default: withCtx(() => [createVNode(node_btns_default, { node: __props.node }, null, 8, ["node"])]),
+								_: 1
+							}, 8, ["label"])
+						]),
+						_: 1
+					}, 8, ["title"]),
+					createVNode(simple_collapse_default, { title: unref(t)("sys.appDesigner.approval.opinion") }, {
+						default: withCtx(() => [createVNode(form_item_default, {
+							label: unref(t)("sys.appDesigner.approval.opinion"),
+							colon: false,
+							"is-first": ""
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(_component_a_switch, {
+								checked: formState.value.opinionConfig.enabled,
+								"onUpdate:checked": _cache[2] || (_cache[2] = ($event) => formState.value.opinionConfig.enabled = $event),
+								size: "small",
+								disabled: unref(paasBpmnReadonly)
+							}, null, 8, ["checked", "disabled"])])]),
+							_: 1
+						}, 8, ["label"]), formState.value.opinionConfig.enabled ? (openBlock(), createBlock(form_item_default, { key: 0 }, {
+							default: withCtx(() => [createVNode(_component_a_select, {
+								value: formState.value.opinionConfig.opinionType,
+								"onUpdate:value": _cache[3] || (_cache[3] = ($event) => formState.value.opinionConfig.opinionType = $event),
+								options: opinionTypeOptions.value,
+								disabled: unref(paasBpmnReadonly),
+								placeholder: unref(t)("sys.chooseText"),
+								"show-search": false,
+								"get-popup-container": (trigger) => trigger.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode,
+								mode: "multiple",
+								"max-tag-count": 5,
+								"max-tag-text-length": 6,
+								size: "small",
+								style: { "width": "100%" },
+								onChange: handleOpinionTypeChange
+							}, null, 8, [
+								"value",
+								"options",
+								"disabled",
+								"placeholder",
+								"get-popup-container"
+							])]),
+							_: 1
+						})) : createCommentVNode("", true)]),
+						_: 1
+					}, 8, ["title"])
+				]),
+				_: 1
+			}, 8, ["model"]);
+		};
+	}
+});
+//#endregion
+export { prop_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/panels/bpmnEnd/prop.vue.d.ts

@@ -0,0 +1,6 @@
+import { GctBpmnNode } from '@gct-paas/flow';
+type __VLS_Props = {
+    node: GctBpmnNode.BpmnEnd;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/process-designer/panels/bpmnEnd/prop.vue.mjs

@@ -0,0 +1,5 @@
+import prop_vue_vue_type_script_setup_true_lang_default from "./prop.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/process-designer/panels/bpmnEnd/prop.vue
+var prop_default = prop_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { prop_default as default };

package/es/modules/process-designer/panels/bpmnEnd/prop.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,32 @@
+import node_basic_info_default from "../../components/node-basic-info.vue.mjs";
+import simple_collapse_default from "../../components/simple-collapse.vue.mjs";
+import { computed, createBlock, createVNode, defineComponent, openBlock, resolveComponent, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/process-designer/panels/bpmnEnd/prop.vue?vue&type=script&setup=true&lang.ts
+var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "prop",
+	props: { node: {} },
+	setup(__props) {
+		const props = __props;
+		const formState = computed({
+			get() {
+				return props.node.data;
+			},
+			set(value) {
+				Object.assign(props.node.data ?? {}, value);
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_form = resolveComponent("a-form");
+			return openBlock(), createBlock(_component_a_form, { model: formState.value }, {
+				default: withCtx(() => [createVNode(simple_collapse_default, { title: unref(t)("sys.appDesigner.approval.basicInfo") }, {
+					default: withCtx(() => [createVNode(node_basic_info_default, { data: props.node.data }, null, 8, ["data"])]),
+					_: 1
+				}, 8, ["title"])]),
+				_: 1
+			}, 8, ["model"]);
+		};
+	}
+});
+//#endregion
+export { prop_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/panels/bpmnJoin/prop.vue.d.ts

@@ -0,0 +1,6 @@
+import { GctBpmnNode } from '@gct-paas/flow';
+type __VLS_Props = {
+    node: GctBpmnNode.BpmnJoin;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/process-designer/panels/bpmnJoin/prop.vue.mjs

@@ -0,0 +1,5 @@
+import prop_vue_vue_type_script_setup_true_lang_default from "./prop.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/process-designer/panels/bpmnJoin/prop.vue
+var prop_default = prop_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { prop_default as default };