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

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

@@ -1,4 +1,4 @@
-import { useProcess } from "../../hook/useProcess.mjs";
+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";
@@ -14,8 +14,8 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	props: { node: {} },
 	setup(__props) {
 		const props = __props;
-		const { processInfo, validNodeData } = useProcess();
-		provide("bpmnMainModelKey", processInfo.value.modelKey);
+		const store = useProcessStore();
+		provide("bpmnMainModelKey", store.processInfo.modelKey);
 		const paasBpmnReadonly = inject("paasBpmnReadonly", false);
 		const isFrontPage = inject("isFrontPage", false);
 		const formState = computed({
@@ -43,7 +43,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			});
 		});
 		watch(() => formState.value.targetUserConfig, () => {
-			validNodeData(formState.value.key);
+			store.validNodeData(formState.value.key);
 		});
 		const handleOpinionTypeChange = (value) => {
 			let changeVal = [];

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/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/bpmnJs/prop.vue.d.ts

@@ -0,0 +1,6 @@
+import { GctBpmnNode } from '@gct-paas/flow';
+type __VLS_Props = {
+    node: GctBpmnNode.BpmnJs;
+};
+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/bpmnJs/prop.vue_vue_type_script_setup_true_lang.mjs

@@ -1,4 +1,4 @@
-import { useProcess } from "../../hook/useProcess.mjs";
+import { useProcessStore } from "../../hook/index.mjs";
 import select_script_default from "../../components/select-script.vue.mjs";
 import form_item_default from "../../components/form-item.vue.mjs";
 import node_basic_info_default from "../../components/node-basic-info.vue.mjs";
@@ -11,7 +11,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	props: { node: {} },
 	setup(__props) {
 		const props = __props;
-		const { validNodeData } = useProcess();
+		const store = useProcessStore();
 		const paasBpmnReadonly = inject("paasBpmnReadonly", false);
 		const formState = computed({
 			get() {
@@ -36,7 +36,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 					...res.params,
 					relationType: "PROC_NODE_DEF"
 				}];
-				validNodeData(props.node?.id);
+				store.validNodeData(props.node?.id);
 			}
 		};
 		return (_ctx, _cache) => {

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

@@ -0,0 +1,6 @@
+import { GctBpmnNode } from '@gct-paas/flow';
+type __VLS_Props = {
+    node: GctBpmnNode.BpmnMessage;
+};
+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/bpmnMessage/prop.vue_vue_type_script_setup_true_lang.mjs

@@ -1,4 +1,4 @@
-import { useProcess } from "../../hook/useProcess.mjs";
+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 simple_collapse_default from "../../components/simple-collapse.vue.mjs";
@@ -10,8 +10,8 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	props: { node: {} },
 	setup(__props) {
 		const props = __props;
-		const { processInfo, validNodeData } = useProcess();
-		provide("bpmnMainModelKey", processInfo.value.modelKey);
+		const store = useProcessStore();
+		provide("bpmnMainModelKey", store.processInfo.modelKey);
 		const paasBpmnReadonly = inject("paasBpmnReadonly", false);
 		const isFrontPage = inject("isFrontPage", true);
 		const tmplOptions = ref([]);
@@ -24,13 +24,13 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			}
 		});
 		watch(() => formState.value.targetUserConfig, () => {
-			validNodeData(formState.value.key);
+			store.validNodeData(formState.value.key);
 		});
 		onMounted(() => {
 			getMessageTmpl();
 		});
 		const getMessageTmpl = async () => {
-			tmplOptions.value = await _api.apaas.messageTmpl.getListByModelKey({ modelKey: processInfo.value.modelKey }) || [];
+			tmplOptions.value = await _api.apaas.messageTmpl.getListByModelKey({ modelKey: store.processInfo.modelKey }) || [];
 		};
 		return (_ctx, _cache) => {
 			const _component_a_select = resolveComponent("a-select");
@@ -60,7 +60,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 							"allow-clear": "",
 							size: "small",
 							style: { "width": "100%" },
-							onChange: _cache[1] || (_cache[1] = ($event) => unref(validNodeData)(__props.node.id))
+							onChange: _cache[1] || (_cache[1] = ($event) => unref(store).validNodeData(__props.node.id))
 						}, null, 8, [
 							"value",
 							"options",

package/es/modules/process-designer/panels/bpmnSubmit/event.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/bpmnSubmit/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/bpmnSubmit/prop.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, {}, any>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { GlobalConfig } from '../../hook/useProcess';
+type __VLS_Props = {
+    node: GlobalConfig;
+};
+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/global/prop.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    select: unknown[];
+}, any>;
+export default _default;

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

@@ -1,6 +1,6 @@
 import copy_module_key_default from "../../../../components/copy-module-key/copy-module-key.vue.mjs";
 import "../../../../components/index.mjs";
-import { useProcess } from "../../hook/useProcess.mjs";
+import { useProcessStore } from "../../hook/index.mjs";
 import form_item_default from "../../components/form-item.vue.mjs";
 import node_binding_page_default from "../../components/node-binding-page.vue.mjs";
 import simple_collapse_default from "../../components/simple-collapse.vue.mjs";
@@ -16,14 +16,14 @@ var _hoisted_2 = {
 var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "prop",
 	setup(__props) {
-		const { processInfo, globalData, curVersionId, bpmnReadonly } = useProcess();
+		const store = useProcessStore();
 		let pushTypeOptionsList = ref({});
 		const pushList = computed({
 			get() {
-				return globalData.value.data.push;
+				return store.globalData.data.push;
 			},
 			set(value) {
-				globalData.value.data.push = value;
+				store.globalData.data.push = value;
 			}
 		});
 		onMounted(() => {
@@ -70,7 +70,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			pushTypeOptionsList.value = obj;
 		}
 		const handleSwitchChange = (checked) => {
-			globalData.value.data.builtinMsgEnabled = Number(checked);
+			store.globalData.data.builtinMsgEnabled = Number(checked);
 		};
 		const handleCheckChange = (e) => {
 			const { checked, value } = e.target;
@@ -90,21 +90,21 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 								label: unref(t)("sys.nameOfSth", { sth: unref(t)("sys.process.index") }),
 								"is-first": ""
 							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(unref(processInfo).name), 1)]),
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(store).processInfo.name), 1)]),
 								_: 1
 							}, 8, ["label"]),
 							createVNode(form_item_default, {
 								label: unref(t)("sys.keyOfSth", { sth: unref(t)("sys.process.index") }),
 								"is-first": ""
 							}, {
-								default: withCtx(() => [createVNode(unref(copy_module_key_default), { "module-key": unref(processInfo)?.key }, null, 8, ["module-key"])]),
+								default: withCtx(() => [createVNode(unref(copy_module_key_default), { "module-key": unref(store).processInfo?.key }, null, 8, ["module-key"])]),
 								_: 1
 							}, 8, ["label"]),
 							createVNode(form_item_default, {
 								label: unref(t)("sys.process.refModel"),
 								"is-first": ""
 							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(unref(processInfo).modelName), 1)]),
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(store).processInfo.modelName), 1)]),
 								_: 1
 							}, 8, ["label"]),
 							createVNode(form_item_default, {
@@ -112,7 +112,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 								inline: false,
 								"is-first": ""
 							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(unref(processInfo).description), 1)]),
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(store).processInfo.description), 1)]),
 								_: 1
 							}, 8, ["label"])
 						]),
@@ -122,10 +122,10 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 						title: unref(t)("sys.process.globalPage"),
 						tooltip: unref(t)("sys.process.globalPageTip")
 					}, {
-						default: withCtx(() => [createVNode(node_binding_page_default, { data: unref(globalData).data }, null, 8, ["data"])]),
+						default: withCtx(() => [createVNode(node_binding_page_default, { data: unref(store).globalData.data }, null, 8, ["data"])]),
 						_: 1
 					}, 8, ["title", "tooltip"]),
-					!!unref(curVersionId) ? (openBlock(), createBlock(simple_collapse_default, {
+					!!unref(store).curVersionId ? (openBlock(), createBlock(simple_collapse_default, {
 						key: 0,
 						title: unref(t)("sys.tooltipNotify")
 					}, {
@@ -135,8 +135,8 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 							"is-first": ""
 						}, {
 							default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(_component_a_switch, {
-								checked: !!unref(globalData).data.builtinMsgEnabled,
-								disabled: unref(bpmnReadonly),
+								checked: !!unref(store).globalData.data.builtinMsgEnabled,
+								disabled: unref(store).bpmnReadonly,
 								size: "small",
 								onChange: handleSwitchChange
 							}, null, 8, ["checked", "disabled"])])]),
@@ -151,7 +151,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 									class: "ks-row-middle mb6px"
 								}, [createElementVNode("div", null, [createVNode(_component_a_checkbox, {
 									checked: !!pushList.value.find((e) => e.type === item.value),
-									disabled: item.value === "system" || unref(bpmnReadonly),
+									disabled: item.value === "system" || unref(store).bpmnReadonly,
 									value: item.value,
 									onChange: handleCheckChange
 								}, {
@@ -168,7 +168,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 									"onUpdate:value": ($event) => pushList.value.find((e) => e.type === item.value).key = $event,
 									options: unref(pushTypeOptionsList)[item.value],
 									"get-popup-container": (trigger) => trigger.parentNode,
-									disabled: unref(bpmnReadonly),
+									disabled: unref(store).bpmnReadonly,
 									size: "small",
 									"option-label-prop": "text"
 								}, null, 8, [
@@ -180,7 +180,7 @@ var prop_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 								])])) : createCommentVNode("", true)]);
 							}), 64))]),
 							_: 1
-						}, 8, ["label"]), [[vShow, !!unref(globalData).data.builtinMsgEnabled]])]),
+						}, 8, ["label"]), [[vShow, !!unref(store).globalData.data.builtinMsgEnabled]])]),
 						_: 1
 					}, 8, ["title"])) : createCommentVNode("", true)
 				]),

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

@@ -1,4 +1,8 @@
-declare const DynamicPropMap: IObject;
-declare const DynamicPermMap: IObject;
-declare const DynamicEventMap: IObject;
-export { DynamicEventMap, DynamicPermMap, DynamicPropMap };
+import { IPanelExtension } from './interfaces/i-panel-extension';
+export type { IPanelExtension };
+export { PANEL_EXTENSIONS_KEY } from './interfaces/i-panel-extension';
+/**
+ * 内置面板扩展列表，包含所有默认流程节点的面板组件
+ * 外部可通过 process-designer 的 extensions prop 追加或覆盖
+ */
+export declare const BUILTIN_PANEL_EXTENSIONS: IPanelExtension[];

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

@@ -1,37 +1,44 @@
+import "./interfaces/i-panel-extension.mjs";
 import { defineAsyncComponent } from "vue";
 //#region src/modules/process-designer/panels/index.ts
-var NodeProps = /* @__PURE__ */ Object.assign({
-	"./bpmnApproval/prop.vue": () => import("./bpmnApproval/prop.vue.mjs"),
-	"./bpmnEnd/prop.vue": () => import("./bpmnEnd/prop.vue.mjs"),
-	"./bpmnJoin/prop.vue": () => import("./bpmnJoin/prop.vue.mjs"),
-	"./bpmnJs/prop.vue": () => import("./bpmnJs/prop.vue.mjs"),
-	"./bpmnMessage/prop.vue": () => import("./bpmnMessage/prop.vue.mjs"),
-	"./bpmnSubmit/prop.vue": () => import("./bpmnSubmit/prop.vue.mjs"),
-	"./global/prop.vue": () => import("./global/prop.vue.mjs")
-});
-var DynamicPropMap = Object.keys(NodeProps).reduce((map, path) => {
-	const name = path.split("/").slice(-2, -1)[0];
-	map[name] = defineAsyncComponent(NodeProps[path]);
-	return map;
-}, {});
-var NodePerms = /* @__PURE__ */ Object.assign({
-	"./bpmnApproval/perm.vue": () => import("./bpmnApproval/perm.vue.mjs"),
-	"./bpmnSubmit/perm.vue": () => import("./bpmnSubmit/perm.vue.mjs")
-});
-var DynamicPermMap = Object.keys(NodePerms).reduce((map, path) => {
-	const name = path.split("/").slice(-2, -1)[0];
-	map[name] = defineAsyncComponent(NodePerms[path]);
-	return map;
-}, {});
-var NodeEvents = /* @__PURE__ */ Object.assign({
-	"./bpmnApproval/event.vue": () => import("./bpmnApproval/event.vue.mjs"),
-	"./bpmnSubmit/event.vue": () => import("./bpmnSubmit/event.vue.mjs"),
-	"./global/event.vue": () => import("./global/event.vue.mjs")
-});
-var DynamicEventMap = Object.keys(NodeEvents).reduce((map, path) => {
-	const name = path.split("/").slice(-2, -1)[0];
-	map[name] = defineAsyncComponent(NodeEvents[path]);
-	return map;
-}, {});
+/**
+* 内置面板扩展列表，包含所有默认流程节点的面板组件
+* 外部可通过 process-designer 的 extensions prop 追加或覆盖
+*/
+var BUILTIN_PANEL_EXTENSIONS = [
+	{
+		type: "bpmnApproval",
+		prop: defineAsyncComponent(() => import("./bpmnApproval/prop.vue.mjs")),
+		perm: defineAsyncComponent(() => import("./bpmnApproval/perm.vue.mjs")),
+		event: defineAsyncComponent(() => import("./bpmnApproval/event.vue.mjs"))
+	},
+	{
+		type: "bpmnSubmit",
+		prop: defineAsyncComponent(() => import("./bpmnSubmit/prop.vue.mjs")),
+		perm: defineAsyncComponent(() => import("./bpmnSubmit/perm.vue.mjs")),
+		event: defineAsyncComponent(() => import("./bpmnSubmit/event.vue.mjs"))
+	},
+	{
+		type: "bpmnEnd",
+		prop: defineAsyncComponent(() => import("./bpmnEnd/prop.vue.mjs"))
+	},
+	{
+		type: "bpmnJoin",
+		prop: defineAsyncComponent(() => import("./bpmnJoin/prop.vue.mjs"))
+	},
+	{
+		type: "bpmnJs",
+		prop: defineAsyncComponent(() => import("./bpmnJs/prop.vue.mjs"))
+	},
+	{
+		type: "bpmnMessage",
+		prop: defineAsyncComponent(() => import("./bpmnMessage/prop.vue.mjs"))
+	},
+	{
+		type: "global",
+		prop: defineAsyncComponent(() => import("./global/prop.vue.mjs")),
+		event: defineAsyncComponent(() => import("./global/event.vue.mjs"))
+	}
+];
 //#endregion
-export { DynamicEventMap, DynamicPermMap, DynamicPropMap };
+export { BUILTIN_PANEL_EXTENSIONS };

package/es/modules/process-designer/panels/interfaces/i-panel-extension.d.ts

@@ -0,0 +1,21 @@
+import { Component, ComputedRef, InjectionKey } from 'vue';
+/**
+ * 面板扩展接口，用于定义流程节点的面板组件
+ * - prop: 属性面板组件，必选
+ * - perm: 字段权限面板组件，可选
+ * - event: 事件面板组件，可选
+ */
+export interface IPanelExtension {
+    /** 节点类型，对应 BPMN 节点的 type 字段 */
+    type: string;
+    /** 属性面板组件（必选） */
+    prop: Component;
+    /** 字段权限面板组件（可选） */
+    perm?: Component;
+    /** 事件面板组件（可选） */
+    event?: Component;
+}
+/**
+ * provide/inject 用的类型安全 key，用于向下传递合并后的扩展列表
+ */
+export declare const PANEL_EXTENSIONS_KEY: InjectionKey<ComputedRef<IPanelExtension[]>>;

package/es/modules/process-designer/panels/interfaces/i-panel-extension.mjs

@@ -0,0 +1,7 @@
+//#region src/modules/process-designer/panels/interfaces/i-panel-extension.ts
+/**
+* provide/inject 用的类型安全 key，用于向下传递合并后的扩展列表
+*/
+var PANEL_EXTENSIONS_KEY = Symbol("panelExtensions");
+//#endregion
+export { PANEL_EXTENSIONS_KEY };

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

@@ -1,6 +1,11 @@
+import { FlowPlugin } from '@gct-paas/flow';
+import { IPanelExtension } from './panels';
 type __VLS_Props = {
     onlyFlow?: boolean;
     id?: string;
+    plugins?: FlowPlugin[];
+    /** 外部扩展面板，与内置面板合并，相同 type 的外部扩展会覆盖内置扩展 */
+    extensions?: IPanelExtension[];
 };
 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/process-designer.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,11 @@
-import { useProcess } from "./hook/useProcess.mjs";
+import { useProcessStore } from "./hook/index.mjs";
+import { PANEL_EXTENSIONS_KEY } from "./panels/interfaces/i-panel-extension.mjs";
+import { BUILTIN_PANEL_EXTENSIONS } from "./panels/index.mjs";
 import bmpn_panel_default from "./design/bmpn-panel.vue.mjs";
 import bpmn_global_default from "./design/bpmn-global.vue.mjs";
 import bpmn_header_default from "./design/bpmn-header.vue.mjs";
 import bpmn_versions_default from "./design/bpmn-versions.vue.mjs";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, unref } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onMounted, openBlock, provide, ref, unref } from "vue";
 import { useNamespace } from "@gct-paas/core";
 import { PaasBpmnDiagram } from "@gct-paas/flow";
 //#region src/modules/process-designer/process-designer.vue?vue&type=script&setup=true&lang.ts
@@ -11,19 +13,27 @@ var process_designer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	__name: "process-designer",
 	props: {
 		onlyFlow: { type: Boolean },
-		id: {}
+		id: {},
+		plugins: {},
+		extensions: {}
 	},
 	setup(__props) {
 		const props = __props;
 		const ns = useNamespace("process-designer");
-		const { globalData, onNodeCreated, nodeSelectedData, initProcess } = useProcess();
+		const store = useProcessStore();
+		provide(PANEL_EXTENSIONS_KEY, computed(() => {
+			const map = new Map(BUILTIN_PANEL_EXTENSIONS.map((e) => [e.type, e]));
+			(props.extensions ?? []).forEach((e) => map.set(e.type, e));
+			return Array.from(map.values());
+		}));
 		const hidden = ref();
 		const isGLobal = ref(true);
 		onMounted(() => {
-			initProcess(props.id, props.onlyFlow);
+			store.initProcess(props.id, props.onlyFlow);
 		});
 		const panelData = computed(() => {
-			return isGLobal.value ? globalData.value : nodeSelectedData.value;
+			console.log("重新计算 panelData", isGLobal.value, store.globalData, store.nodeSelectedId);
+			return isGLobal.value ? store.globalData : store.nodeSelectedData;
 		});
 		function onNodeClick() {
 			hidden.value = false;
@@ -42,12 +52,14 @@ var process_designer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					key: 0,
 					class: normalizeClass(unref(ns).e("versions"))
 				}, null, 8, ["class"])) : createCommentVNode("", true),
-				createVNode(unref(PaasBpmnDiagram), {
-					"on-node-created": unref(onNodeCreated),
+				unref(store).curVersionId ? (openBlock(), createBlock(unref(PaasBpmnDiagram), {
+					key: unref(store).curVersionId,
+					plugins: __props.plugins,
+					"on-node-created": unref(store).onNodeCreated,
 					"on-node-click": onNodeClick
-				}, null, 8, ["on-node-created"]),
+				}, null, 8, ["plugins", "on-node-created"])) : createCommentVNode("", true),
 				!__props.onlyFlow ? (openBlock(), createBlock(bpmn_global_default, {
-					key: 1,
+					key: 2,
 					class: normalizeClass(unref(ns).e("global")),
 					onClick: onClickGlobal
 				}, null, 8, ["class"])) : createCommentVNode("", true)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.6-dev.15",
+  "version": "0.1.6-dev.16",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -34,7 +34,7 @@
     "@ant-design/icons-vue": "^6.1.0",
     "@floating-ui/dom": "^1.7.6",
     "@gct-paas/api": "^0.1.6-dev.11",
-    "@gct-paas/flow": "0.0.1-dev.2",
+    "@gct-paas/flow": "0.0.2-dev.0",
     "@gct-paas/platform-icons": "^0.0.2",
     "@icon-park/vue-next": "^1.4.2",
     "@jsplumb/browser-ui": "^6.2.10",
@@ -65,18 +65,18 @@
     "vxe-table": "npm:@gct-paas/vxe-table@4.6.19",
     "wujie": "^1.0.29",
     "wujie-vue3": "^1.0.29",
-    "@gct-paas/core": "0.1.6-dev.15",
-    "@gct-paas/scss": "0.1.6-dev.15",
-    "@gct-paas/core-components": "0.1.6-dev.15"
+    "@gct-paas/core": "0.1.6-dev.16",
+    "@gct-paas/scss": "0.1.6-dev.16",
+    "@gct-paas/core-components": "0.1.6-dev.16"
   },
   "peerDependencies": {
     "@gct-paas/api": "^0.1.6-dev.11",
     "@types/sortablejs": "^1.15.1",
     "vant": ">=4",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.15",
-    "@gct-paas/scss": "0.1.6-dev.15",
-    "@gct-paas/core-components": "0.1.6-dev.15"
+    "@gct-paas/core": "0.1.6-dev.16",
+    "@gct-paas/core-components": "0.1.6-dev.16",
+    "@gct-paas/scss": "0.1.6-dev.16"
   },
   "devDependencies": {
     "@types/bwip-js": "^3.2.3"