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

package/es/modules/process-designer/components/select-script.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,143 @@
+import { useModal as useModal$1 } from "../../global-modal/src/hooks/useModal.mjs";
+import "../../global-modal/index.mjs";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, onMounted, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { EventsTypeEnum, ScriptTypeEnum, randomUUID, t, useModal } from "@gct-paas/core";
+//#region src/modules/process-designer/components/select-script.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "pt40px" };
+var _hoisted_2 = { class: "ks-row-middle" };
+var _hoisted_3 = { class: "ks-col" };
+var select_script_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "select-script",
+	props: {
+		modal: {},
+		data: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const [soRegister, { openModal: openSoModal }] = useModal$1();
+		const [scriptRegister, { openModal: openScriptModal }] = useModal$1();
+		const formState = ref(props.data);
+		const formRef = ref();
+		const scriptOptions = ref([]);
+		const soOptions = ref([]);
+		const refresh = ref(false);
+		const eventsTypeOptions = [{
+			label: t("sys.model.serviceOrchestration"),
+			value: EventsTypeEnum.SO_SERVICE
+		}, {
+			label: t("sys.model.serviceScript"),
+			value: EventsTypeEnum.SCRIPT_SERVICE
+		}];
+		onMounted(() => {
+			getScriptData();
+		});
+		const onRadioChange = () => {
+			formRef.value?.clearValidate(["executeResourceId"]);
+			formState.value.executeResourceId = "";
+		};
+		const getScriptData = async () => {
+			scriptOptions.value = await _api.apaas.category.getListComplete({ module: ScriptTypeEnum.DEFAULT }) || [];
+		};
+		const getSoData = async () => {
+			soOptions.value = await _api.apaas.category.getListComplete({ module: ScriptTypeEnum.ORCHESTRATION }) || [];
+		};
+		const handleCreate = () => {
+			if (formState.value.executeResourceType === EventsTypeEnum.SO_SERVICE) openSoModal(true, { data: { uuid: randomUUID() } });
+			else if (formState.value.executeResourceType === EventsTypeEnum.SCRIPT_SERVICE) openScriptModal(true, { uuid: randomUUID() });
+		};
+		const loadService = async (tag = "") => {
+			if (tag === EventsTypeEnum.SO_SERVICE) await getSoData();
+			else if (tag === EventsTypeEnum.SCRIPT_SERVICE) await getScriptData();
+			else {
+				await getScriptData();
+				await getSoData();
+			}
+		};
+		const handleCreateSuccess = async (id) => {
+			await loadService(formState.value.executeResourceType);
+			const service = (formState.value.executeResourceType === EventsTypeEnum.SCRIPT_SERVICE ? scriptOptions.value : soOptions.value).reduce((arr, item) => {
+				arr.push(...item.children);
+				return arr;
+			}, []).find((item) => item.id === id);
+			formState.value.executeResourceId = service.value;
+			refresh.value = true;
+		};
+		const onSave = async () => {
+			await formRef.value.validate();
+			return {
+				ok: true,
+				params: formState.value,
+				refresh: refresh.value
+			};
+		};
+		useModal(onSave);
+		return (_ctx, _cache) => {
+			const _component_a_radio_group = resolveComponent("a-radio-group");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_form = resolveComponent("a-form");
+			const _component_so_modal = resolveComponent("so-modal");
+			const _component_script_modal = resolveComponent("script-modal");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_component_a_form, {
+					ref_key: "formRef",
+					ref: formRef,
+					model: formState.value,
+					name: "basic",
+					"label-col": { span: 6 },
+					"wrapper-col": { span: 13 },
+					autocomplete: "off"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_form_item, {
+						label: unref(t)("sys.appDesigner.eventsType"),
+						name: "executeResourceType"
+					}, {
+						default: withCtx(() => [createVNode(_component_a_radio_group, {
+							value: formState.value.executeResourceType,
+							"onUpdate:value": _cache[0] || (_cache[0] = ($event) => formState.value.executeResourceType = $event),
+							options: eventsTypeOptions,
+							onChange: onRadioChange
+						}, null, 8, ["value"])]),
+						_: 1
+					}, 8, ["label"]), createVNode(_component_a_form_item, {
+						label: formState.value.executeResourceType === unref(EventsTypeEnum).SCRIPT_SERVICE ? unref(t)("sys.model.serviceScript") : unref(t)("sys.model.serviceOrchestration"),
+						name: "executeResourceId",
+						rules: [{
+							required: true,
+							message: unref(t)("sys.chooseTextTip", { name: formState.value.executeResourceType === unref(EventsTypeEnum).SCRIPT_SERVICE ? unref(t)("sys.model.serviceScript") : unref(t)("sys.model.serviceOrchestration") })
+						}]
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(_component_a_select, {
+							value: formState.value.executeResourceId,
+							"onUpdate:value": _cache[1] || (_cache[1] = ($event) => formState.value.executeResourceId = $event),
+							options: formState.value.executeResourceType === unref(EventsTypeEnum).SCRIPT_SERVICE ? scriptOptions.value : soOptions.value,
+							"field-names": {
+								label: "name",
+								value: "id",
+								options: "children"
+							},
+							style: { "width": "100%" }
+						}, null, 8, ["value", "options"])]), createElementVNode("div", {
+							class: "primary-gct cursor-pointer pl8px",
+							onClick: handleCreate
+						}, toDisplayString(unref(t)("sys.new")), 1)])]),
+						_: 1
+					}, 8, ["label", "rules"])]),
+					_: 1
+				}, 8, ["model"]),
+				createVNode(_component_so_modal, {
+					category: soOptions.value,
+					onRegister: unref(soRegister),
+					onCreateSuccess: handleCreateSuccess
+				}, null, 8, ["category", "onRegister"]),
+				createVNode(_component_script_modal, {
+					"script-category": scriptOptions.value,
+					onRegister: unref(scriptRegister),
+					onCreateSuccess: handleCreateSuccess
+				}, null, 8, ["script-category", "onRegister"])
+			]);
+		};
+	}
+});
+//#endregion
+export { select_script_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/components/simple-collapse.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import simple_collapse_vue_vue_type_script_setup_true_lang_default from "./simple-collapse.vue_vue_type_script_setup_true_lang.mjs";
+import './simple-collapse.vue_vue_type_style_index_0_scoped_27ea34cc_lang.css';/* empty css                                                                      */
+//#region src/modules/process-designer/components/simple-collapse.vue
+var simple_collapse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(simple_collapse_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-27ea34cc"]]);
+//#endregion
+export { simple_collapse_default as default };

package/es/modules/process-designer/components/simple-collapse.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,36 @@
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/modules/process-designer/components/simple-collapse.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "simple-collapse" };
+var _hoisted_2 = {
+	key: 0,
+	class: "iconfont icon-assist text-[#C3C3C3] cursor-pointer relative top-1px"
+};
+var _hoisted_3 = { class: "p-12px" };
+var simple_collapse_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "simple-collapse",
+	props: {
+		title: {},
+		borderTop: {
+			type: Boolean,
+			default: true
+		},
+		tooltip: {}
+	},
+	setup(__props) {
+		const isExpand = ref(true);
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_DownOutlined = resolveComponent("DownOutlined");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: normalizeClass(["simple-collapse__header", { "simple-collapse__header--bt": !!__props.borderTop }]),
+				onClick: _cache[0] || (_cache[0] = ($event) => isExpand.value = !isExpand.value)
+			}, [createElementVNode("span", null, [createTextVNode(toDisplayString(__props.title) + " ", 1), createVNode(_component_a_tooltip, null, {
+				title: withCtx(() => [createTextVNode(toDisplayString(__props.tooltip), 1)]),
+				default: withCtx(() => [__props.tooltip ? (openBlock(), createElementBlock("i", _hoisted_2)) : createCommentVNode("", true)]),
+				_: 1
+			})]), createVNode(_component_DownOutlined, { class: normalizeClass(["scale-y-80 ml-[auto]", { "rotate-180": isExpand.value }]) }, null, 8, ["class"])], 2), createElementVNode("div", { class: normalizeClass(["simple-collapse__body", { "is-expand": isExpand.value }]) }, [createElementVNode("div", null, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])])], 2)]);
+		};
+	}
+});
+//#endregion
+export { simple_collapse_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/components/simple-collapse.vue_vue_type_style_index_0_scoped_27ea34cc_lang.css

@@ -0,0 +1,28 @@
+.simple-collapse__header[data-v-27ea34cc] {
+  color: #212528;
+  font-weight: bold;
+  height: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 12px;
+  background-color: #f7f7f7;
+  user-select: none;
+  cursor: pointer;
+  font-size: 12px;
+}
+.simple-collapse__header--bt[data-v-27ea34cc] {
+  border-top: 1px solid #e0e3ea;
+}
+.simple-collapse__body[data-v-27ea34cc] {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: 0.3s ease;
+  font-size: 12px;
+}
+.simple-collapse__body.is-expand[data-v-27ea34cc] {
+  grid-template-rows: 1fr;
+}
+.simple-collapse__body > div[data-v-27ea34cc] {
+  overflow: hidden;
+}

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

@@ -0,0 +1,12 @@
+export declare enum BpmnVersionStatusEnum {
+    DRAFT = "DRAFT",
+    PUBLISHED = "PUBLISHED",
+    HISTORY = "HISTORY"
+}
+export declare enum FieldsPermissionEnum {
+    hidden = "hidden",
+    readonly = "readonly",
+    disabled = "disabled",
+    editable = "editable"
+}
+export declare const NodeEventsGroupByType: IObject;

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

@@ -0,0 +1,88 @@
+import { BpmnNodeTypeEnum, ButtonEventsEnum, ButtonTypeEnum } from "@gct-paas/flow";
+//#region src/modules/process-designer/constants/index.ts
+var BpmnVersionStatusEnum = /* @__PURE__ */ function(BpmnVersionStatusEnum) {
+	BpmnVersionStatusEnum["DRAFT"] = "DRAFT";
+	BpmnVersionStatusEnum["PUBLISHED"] = "PUBLISHED";
+	BpmnVersionStatusEnum["HISTORY"] = "HISTORY";
+	return BpmnVersionStatusEnum;
+}({});
+var FieldsPermissionEnum = /* @__PURE__ */ function(FieldsPermissionEnum) {
+	FieldsPermissionEnum["hidden"] = "hidden";
+	FieldsPermissionEnum["readonly"] = "readonly";
+	FieldsPermissionEnum["disabled"] = "disabled";
+	FieldsPermissionEnum["editable"] = "editable";
+	return FieldsPermissionEnum;
+}({});
+var NodeEventsGroupByType = {
+	["global"]: [ButtonEventsEnum.StartInstance, ButtonEventsEnum.EndInstance],
+	[BpmnNodeTypeEnum.BpmnSubmit]: [
+		{
+			type: ButtonTypeEnum.Resubmit,
+			value: ButtonEventsEnum.BeforeReSubmit
+		},
+		{
+			type: ButtonTypeEnum.Resubmit,
+			value: ButtonEventsEnum.AfterReSubmit
+		},
+		{
+			type: ButtonTypeEnum.End,
+			value: ButtonEventsEnum.BeforeEnd
+		},
+		{
+			type: ButtonTypeEnum.End,
+			value: ButtonEventsEnum.AfterEnd
+		},
+		{
+			type: ButtonTypeEnum.Withdraw,
+			value: ButtonEventsEnum.BeforeWithdraw
+		},
+		{
+			type: ButtonTypeEnum.Withdraw,
+			value: ButtonEventsEnum.AfterWithdraw
+		}
+	],
+	[BpmnNodeTypeEnum.BpmnApproval]: [
+		{
+			type: ButtonTypeEnum.Approve,
+			value: ButtonEventsEnum.BeforeApprove
+		},
+		{
+			type: ButtonTypeEnum.Approve,
+			value: ButtonEventsEnum.AfterApprove
+		},
+		{
+			type: ButtonTypeEnum.Refuse,
+			value: ButtonEventsEnum.BeforeRefuse
+		},
+		{
+			type: ButtonTypeEnum.Refuse,
+			value: ButtonEventsEnum.AfterRefuse
+		},
+		{
+			type: ButtonTypeEnum.Reassign,
+			value: ButtonEventsEnum.BeforeReassign
+		},
+		{
+			type: ButtonTypeEnum.Reassign,
+			value: ButtonEventsEnum.AfterReassign
+		},
+		{
+			type: ButtonTypeEnum.Countersign,
+			value: ButtonEventsEnum.BeforeCountersign
+		},
+		{
+			type: ButtonTypeEnum.Countersign,
+			value: ButtonEventsEnum.AfterCountersign
+		},
+		{
+			type: ButtonTypeEnum.Reject,
+			value: ButtonEventsEnum.BeforeReject
+		},
+		{
+			type: ButtonTypeEnum.Reject,
+			value: ButtonEventsEnum.AfterReject
+		}
+	]
+};
+//#endregion
+export { BpmnVersionStatusEnum, FieldsPermissionEnum, NodeEventsGroupByType };

package/es/modules/process-designer/design/bmpn-panel.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    data?: IObject;
+    hidden: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:hidden": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:hidden"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/process-designer/design/bmpn-panel.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import bmpn_panel_vue_vue_type_script_setup_true_lang_default from "./bmpn-panel.vue_vue_type_script_setup_true_lang.mjs";
+import './bmpn-panel.vue_vue_type_style_index_0_scoped_eba73224_lang.css';/* empty css                                                                 */
+//#region src/modules/process-designer/design/bmpn-panel.vue
+var bmpn_panel_default = /* @__PURE__ */ _plugin_vue_export_helper_default(bmpn_panel_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-eba73224"]]);
+//#endregion
+export { bmpn_panel_default as default };

package/es/modules/process-designer/design/bmpn-panel.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,93 @@
+import { useProcess } from "../hook/useProcess.mjs";
+import { DynamicEventMap, DynamicPermMap, DynamicPropMap } from "../panels/index.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, provide, ref, resolveComponent, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { t, useNamespace } from "@gct-paas/core";
+import { useRoute } from "vue-router";
+//#region src/modules/process-designer/design/bmpn-panel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "ell ks-col" };
+var bmpn_panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "bmpn-panel",
+	props: {
+		data: {},
+		hidden: { type: Boolean }
+	},
+	emits: ["update:hidden"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const route = useRoute();
+		const { bpmnReadonly } = useProcess();
+		const activeTab = ref("1");
+		provide("paasBpmnReadonly", bpmnReadonly);
+		provide("isFrontPage", !!route.query.front);
+		const ns = useNamespace("bpmn-panel");
+		const nodeSelectedId = computed(() => {
+			return props.data?.id || (/* @__PURE__ */ new Date()).getTime();
+		});
+		const nodeSelectedData = computed(() => {
+			return props.data;
+		});
+		watch(() => nodeSelectedId.value, () => {
+			activeTab.value = "1";
+		});
+		return (_ctx, _cache) => {
+			const _component_close_outlined = resolveComponent("close-outlined");
+			const _component_a_tab_pane = resolveComponent("a-tab-pane");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_tabs = resolveComponent("a-tabs");
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(ns).b(), __props.hidden && "hidden"]) }, [createElementVNode("div", { class: normalizeClass(["ks-row-middle", [unref(ns).e("header"), unref(ns).is("bordered", !!(unref(DynamicPermMap)[nodeSelectedData.value?.type] || unref(DynamicEventMap)[nodeSelectedData.value?.type]))]]) }, [createElementVNode("div", _hoisted_1, toDisplayString(nodeSelectedData.value?.type === "global" ? _ctx.$t("sys.pageDesigner.globalSetting") : _ctx.$t("sys.process.nodeSetting")), 1), createElementVNode("div", { class: normalizeClass(unref(ns).e("close")) }, [createVNode(_component_close_outlined, {
+				class: normalizeClass(unref(ns).e("close-icon")),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("update:hidden", true))
+			}, null, 8, ["class"])], 2)], 2), nodeSelectedId.value && nodeSelectedData.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(ns).e("main"))
+			}, [unref(DynamicPermMap)[nodeSelectedData.value.type] || unref(DynamicEventMap)[nodeSelectedData.value.type] ? (openBlock(), createBlock(_component_a_tabs, {
+				key: 0,
+				"active-key": activeTab.value,
+				"onUpdate:activeKey": _cache[1] || (_cache[1] = ($event) => activeTab.value = $event),
+				centered: ""
+			}, {
+				default: withCtx(() => [
+					createVNode(_component_a_tab_pane, {
+						key: "1",
+						tab: unref(t)("sys.bpmn.prop")
+					}, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(DynamicPropMap)[nodeSelectedData.value.type]), {
+							key: nodeSelectedId.value,
+							node: nodeSelectedData.value
+						}, null, 8, ["node"]))]),
+						_: 1
+					}, 8, ["tab"]),
+					unref(DynamicPermMap)[nodeSelectedData.value.type] ? (openBlock(), createBlock(_component_a_tab_pane, { key: "2" }, {
+						tab: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.appDesigner.fieldRole")) + " ", 1), createVNode(_component_a_tooltip, null, {
+							title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.process.fieldPermissionTip")), 1)]),
+							default: withCtx(() => [createElementVNode("i", { class: normalizeClass(["iconfont icon-assist", unref(ns).e("assist-icon")]) }, null, 2)]),
+							_: 1
+						})]),
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(DynamicPermMap)[nodeSelectedData.value.type]), {
+							key: nodeSelectedId.value,
+							node: nodeSelectedData.value
+						}, null, 8, ["node"]))]),
+						_: 1
+					})) : createCommentVNode("", true),
+					unref(DynamicEventMap)[nodeSelectedData.value.type] ? (openBlock(), createBlock(_component_a_tab_pane, {
+						key: "3",
+						tab: unref(t)("sys.bpmn.event")
+					}, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(DynamicEventMap)[nodeSelectedData.value.type]), {
+							key: nodeSelectedId.value,
+							node: nodeSelectedData.value
+						}, null, 8, ["node"]))]),
+						_: 1
+					}, 8, ["tab"])) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["active-key"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(DynamicPropMap)[nodeSelectedData.value.type]), {
+				key: nodeSelectedId.value,
+				node: nodeSelectedData.value
+			}, null, 8, ["node"]))], 2)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+export { bmpn_panel_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/design/bmpn-panel.vue_vue_type_style_index_0_scoped_eba73224_lang.css

@@ -0,0 +1,140 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-bpmn-panel[data-v-eba73224] {
+  overflow: hidden;
+}
+.gct-bpmn-panel__header[data-v-eba73224] {
+  height: 46px;
+  padding: 0 12px;
+}
+.gct-bpmn-panel__header.is-bordered[data-v-eba73224] {
+  border-bottom: 1px solid #e0e3ea;
+}
+.gct-bpmn-panel__main[data-v-eba73224] {
+  height: calc(100% - 46px);
+}
+.gct-bpmn-panel__close[data-v-eba73224] {
+  width: 14px;
+}
+.gct-bpmn-panel__close-icon[data-v-eba73224] {
+  color: #797a7d;
+  cursor: pointer;
+}
+.gct-bpmn-panel__assist-icon[data-v-eba73224] {
+  color: #c3c3c3;
+  cursor: pointer;
+  position: relative;
+  top: 1px;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs {
+  height: 100%;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-nav {
+  margin-bottom: 0;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-nav .ant-tabs-tab {
+  padding: 6px 16px;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin-left: 20px;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-nav .ant-tabs-tab-active {
+  position: relative;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-nav .ant-tabs-tab-active::after {
+  content: " ";
+  display: block;
+  width: 16px;
+  height: 2px;
+  background-color: var(--ant-primary-color);
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-nav .ant-tabs-ink-bar {
+  display: none;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-tabpane {
+  font-size: 12px;
+  height: calc(100% - 34px);
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-tabs .ant-tabs-content-holder {
+  height: 100%;
+  overflow-y: auto;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-input.ant-input-sm {
+  font-size: 12px;
+  line-height: 1.2;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-select-sm {
+  font-size: 12px;
+}
+.gct-bpmn-panel[data-v-eba73224] textarea.ant-input.ant-input-sm {
+  padding: 4px 7px;
+}
+.gct-bpmn-panel[data-v-eba73224] .ant-select-selection-placeholder {
+  font-size: 12px;
+}

package/es/modules/process-designer/design/bpmn-global.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/modules/process-designer/design/bpmn-global.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import bpmn_global_vue_vue_type_script_setup_true_lang_default from "./bpmn-global.vue_vue_type_script_setup_true_lang.mjs";
+import './bpmn-global.vue_vue_type_style_index_0_scoped_c9d6d005_lang.css';/* empty css                                                                  */
+//#region src/modules/process-designer/design/bpmn-global.vue
+var bpmn_global_default = /* @__PURE__ */ _plugin_vue_export_helper_default(bpmn_global_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c9d6d005"]]);
+//#endregion
+export { bpmn_global_default as default };

package/es/modules/process-designer/design/bpmn-global.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,16 @@
+import { createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, toDisplayString, withModifiers } from "vue";
+//#region src/modules/process-designer/design/bpmn-global.vue?vue&type=script&setup=true&lang.ts
+var bpmn_global_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "bpmn-global",
+	setup(__props) {
+		const changeGlobal = () => {};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "px12px py4px text-[#384356] text-[12px] h26px ks-row-middle bg-[#FFFFFF] rounded-4px shadow cursor-pointer",
+				onClick: withModifiers(changeGlobal, ["stop"])
+			}, [_cache[0] || (_cache[0] = createElementVNode("i", { class: "iconfont icon-shezhi1 mr8px text-[#384356]" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sys.pageDesigner.globalSetting")), 1)]);
+		};
+	}
+});
+//#endregion
+export { bpmn_global_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/design/bpmn-global.vue_vue_type_style_index_0_scoped_c9d6d005_lang.css

@@ -0,0 +1,7 @@
+.shadow[data-v-c9d6d005] {
+  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
+}
+.iconfont[data-v-c9d6d005] {
+  color: #384356;
+  font-size: 14px;
+}

package/es/modules/process-designer/design/bpmn-header.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/modules/process-designer/design/bpmn-header.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import bpmn_header_vue_vue_type_script_setup_true_lang_default from "./bpmn-header.vue_vue_type_script_setup_true_lang.mjs";
+import './bpmn-header.vue_vue_type_style_index_0_scoped_92044d4c_lang.css';/* empty css                                                                  */
+//#region src/modules/process-designer/design/bpmn-header.vue
+var bpmn_header_default = /* @__PURE__ */ _plugin_vue_export_helper_default(bpmn_header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-92044d4c"]]);
+//#endregion
+export { bpmn_header_default as default };

package/es/modules/process-designer/design/bpmn-header.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,39 @@
+import { BpmnVersionStatusEnum } from "../constants/index.mjs";
+import { useProcess } from "../hook/useProcess.mjs";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+//#region src/modules/process-designer/design/bpmn-header.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "bpmn-header pl24px ks-row-middle relative" };
+var _hoisted_2 = { class: "text-[#FFFFFF] ks-col" };
+var _hoisted_3 = {
+	key: 0,
+	class: "buttons"
+};
+var _hoisted_4 = { key: 1 };
+var bpmn_header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "bpmn-header",
+	setup(__props) {
+		const { processInfo, saveProcess, publishProcess, curVersionInfo, isFrontPage, saveUsers } = useProcess();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [
+					createTextVNode(toDisplayString(unref(processInfo).categoryName) + " ", 1),
+					_cache[3] || (_cache[3] = createElementVNode("span", { class: "mx8px" }, "/", -1)),
+					createTextVNode(" " + toDisplayString(unref(processInfo).name), 1)
+				]),
+				unref(curVersionInfo).status === unref(BpmnVersionStatusEnum).DRAFT ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", {
+					class: "button ml-16px cursor-pointer btn-block",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(saveProcess)())
+				}, [_cache[4] || (_cache[4] = createElementVNode("i", { class: "iconfont icon-baocun1" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sys.saveText")), 1)]), createElementVNode("div", {
+					class: "button ml-16px cursor-pointer btn-block",
+					onClick: _cache[1] || (_cache[1] = ($event) => unref(publishProcess)())
+				}, [_cache[5] || (_cache[5] = createElementVNode("i", { class: "iconfont icon-fasong" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sys.ipaas.saveAndPublish")), 1)])])) : createCommentVNode("", true),
+				unref(isFrontPage) && unref(curVersionInfo).status === unref(BpmnVersionStatusEnum).PUBLISHED ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", {
+					class: "button mr-16px cursor-pointer btn-block",
+					onClick: _cache[2] || (_cache[2] = ($event) => unref(saveUsers)())
+				}, [_cache[6] || (_cache[6] = createElementVNode("i", { class: "iconfont icon-baocun1" }, null, -1)), createTextVNode(" " + toDisplayString(_ctx.$t("sys.saveText")), 1)])])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { bpmn_header_vue_vue_type_script_setup_true_lang_default as default };