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

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

@@ -0,0 +1,40 @@
+import { BpmnVersionStatusEnum } from "../constants/index.mjs";
+import { useProcessStore } from "../hook/index.mjs";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { t } from "@gct-paas/core";
+//#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 store = useProcessStore();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [
+					createTextVNode(toDisplayString(unref(store).processInfo.categoryName) + " ", 1),
+					_cache[3] || (_cache[3] = createElementVNode("span", { class: "mx8px" }, "/", -1)),
+					createTextVNode(" " + toDisplayString(unref(store).processInfo.name), 1)
+				]),
+				unref(store).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(store).saveProcess())
+				}, [_cache[4] || (_cache[4] = createElementVNode("i", { class: "iconfont icon-baocun1" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("sys.saveText")), 1)]), createElementVNode("div", {
+					class: "button ml-16px cursor-pointer btn-block",
+					onClick: _cache[1] || (_cache[1] = ($event) => unref(store).publishProcess())
+				}, [_cache[5] || (_cache[5] = createElementVNode("i", { class: "iconfont icon-fasong" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("sys.ipaas.saveAndPublish")), 1)])])) : createCommentVNode("", true),
+				unref(store).isFrontPage && unref(store).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(store).saveUsers())
+				}, [_cache[6] || (_cache[6] = createElementVNode("i", { class: "iconfont icon-baocun1" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("sys.saveText")), 1)])])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { bpmn_header_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/design/bpmn-header.vue_vue_type_style_index_0_scoped_e9436d99_lang.css

@@ -0,0 +1,37 @@
+.buttons[data-v-e9436d99] {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  height: 30px;
+  margin: 12px 0;
+  top: 0;
+  right: 12px;
+}
+.button[data-v-e9436d99] {
+  height: 26px;
+  background: transparent;
+  border-radius: 4px;
+  color: #fff;
+  font-size: 12px;
+  padding: 0 12px;
+  display: flex;
+  align-items: center;
+  line-height: 1em;
+  transition: all 0.3s;
+}
+.button i[data-v-e9436d99] {
+  margin-right: 6px;
+  display: flex;
+  font-size: 12px;
+}
+.button[data-v-e9436d99]:hover {
+  border-color: #fff;
+}
+.button.btn-block[data-v-e9436d99] {
+  background: #444444;
+  border: 1px solid #444444;
+}
+.button.btn-block[data-v-e9436d99]:hover {
+  background: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
+}

package/es/modules/process-designer/design/bpmn-versions.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-versions.vue.mjs

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

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

@@ -0,0 +1,99 @@
+import { BpmnVersionStatusEnum } from "../constants/index.mjs";
+import { useProcessStore } from "../hook/index.mjs";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/process-designer/design/bpmn-versions.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "version-wrapper" };
+var _hoisted_2 = { class: "color-[#797A7D]" };
+var _hoisted_3 = { class: "text-color font-500" };
+var _hoisted_4 = {
+	key: 0,
+	class: "ml-5px"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "color-[#797A7D]"
+};
+var _hoisted_6 = {
+	key: 2,
+	class: "ml-[auto] flex"
+};
+var _hoisted_7 = { class: "cursor-pointer color-[#666] ml-8px" };
+var _hoisted_8 = ["onClick"];
+var _hoisted_9 = ["title"];
+var _hoisted_10 = {
+	key: 0,
+	class: "ml-5px text-[#8F8F8F] text-12px version-item__status"
+};
+var _hoisted_11 = {
+	key: 1,
+	class: "primary-color ml-5px text-12px"
+};
+var _hoisted_12 = ["title"];
+var _hoisted_13 = { class: "flex items-center actions" };
+var _hoisted_14 = ["title", "onClick"];
+var _hoisted_15 = ["title"];
+var bpmn_versions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "bpmn-versions",
+	setup(__props) {
+		const store = useProcessStore();
+		const isExpand = ref(true);
+		const publishedVersion = computed(() => {
+			return store.versionList.find((item) => item.status === BpmnVersionStatusEnum.PUBLISHED);
+		});
+		const copyAvailable = computed(() => {
+			return store.versionList.every((item) => item.status !== BpmnVersionStatusEnum.DRAFT);
+		});
+		return (_ctx, _cache) => {
+			const _component_DownOutlined = resolveComponent("DownOutlined");
+			const _component_a_popconfirm = resolveComponent("a-popconfirm");
+			return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1, [createElementVNode("div", {
+				class: "version-current cursor-pointer",
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => isExpand.value = !isExpand.value, ["prevent"]))
+			}, [publishedVersion.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("sys.ipaas.currentVersionWithColon")), 1), createElementVNode("span", _hoisted_3, [createTextVNode(toDisplayString(publishedVersion.value.version) + " ", 1), !unref(store).isFrontPage ? (openBlock(), createElementBlock("span", _hoisted_4, "(" + toDisplayString(unref(t)("sys.bpmn.versionStatus.PUBLISHED")) + ")", 1)) : createCommentVNode("", true)])], 64)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("sys.bpmn.noPublishedVersion")), 1)), !unref(store).isFrontPage ? (openBlock(), createElementBlock("div", _hoisted_6, [copyAvailable.value ? (openBlock(), createElementBlock("a", {
+				key: 0,
+				onClick: _cache[0] || (_cache[0] = withModifiers((...args) => unref(store).createVersion && unref(store).createVersion(...args), ["stop"]))
+			}, toDisplayString(unref(t)("sys.insert")), 1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_7, [createVNode(_component_DownOutlined, { class: normalizeClass(["scale-y-80", { "rotate-180": isExpand.value }]) }, null, 8, ["class"])])])) : createCommentVNode("", true)]), !unref(store).isFrontPage ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["version-list", { "is-expand": isExpand.value }])
+			}, [createElementVNode("div", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(store).versionList, (item) => {
+				return openBlock(), createElementBlock("div", {
+					key: item.id,
+					class: normalizeClass(["version-item", { active: item.id === unref(store).curVersionId }]),
+					onClick: () => unref(store).toggleVersion(item.id)
+				}, [
+					createElementVNode("span", {
+						title: item.id,
+						class: "version-item__name"
+					}, toDisplayString(item.version), 9, _hoisted_9),
+					item.status !== unref(BpmnVersionStatusEnum).HISTORY ? (openBlock(), createElementBlock("span", _hoisted_10, "(" + toDisplayString(unref(t)("sys.bpmn.versionStatus." + item.status)) + ")", 1)) : createCommentVNode("", true),
+					item.id === unref(store).curVersionId ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(unref(t)("sys.ipaas.operating")), 1)) : createCommentVNode("", true),
+					item.id === unref(store).curVersionId ? (openBlock(), createElementBlock("i", {
+						key: 2,
+						title: unref(t)("sys.ipaas.operating"),
+						class: "iconfont icon-dingwei primary-color"
+					}, null, 8, _hoisted_12)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_13, [copyAvailable.value ? (openBlock(), createElementBlock("i", {
+						key: 0,
+						title: unref(t)("sys.copy"),
+						class: "iconfont icon-fuzhi1",
+						onClick: withModifiers(() => unref(store).copyVersion(item.id), ["stop"])
+					}, null, 8, _hoisted_14)) : createCommentVNode("", true), createVNode(_component_a_popconfirm, {
+						title: unref(t)("sys.sureToDelete"),
+						onConfirm: () => unref(store).deleteVersion(item.id)
+					}, {
+						default: withCtx(() => [item.status === unref(BpmnVersionStatusEnum).DRAFT ? (openBlock(), createElementBlock("i", {
+							key: 0,
+							title: unref(t)("sys.delete"),
+							class: "iconfont icon-shanchu2 ml-10px",
+							onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+						}, null, 8, _hoisted_15)) : createCommentVNode("", true)]),
+						_: 2
+					}, 1032, ["title", "onConfirm"])])
+				], 10, _hoisted_8);
+			}), 128))])], 2)) : createCommentVNode("", true)])]);
+		};
+	}
+});
+//#endregion
+export { bpmn_versions_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/design/bpmn-versions.vue_vue_type_style_index_0_scoped_8a62d94b_lang.css

@@ -0,0 +1,96 @@
+.primary-color[data-v-8a62d94b] {
+  color: var(--ant-primary-color);
+}
+.error-color[data-v-8a62d94b] {
+  color: var(--ant-error-color);
+}
+.text-color[data-v-8a62d94b] {
+  color: #212528;
+}
+.version-wrapper[data-v-8a62d94b] {
+  width: 246px;
+  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.12);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.version-current[data-v-8a62d94b] {
+  height: 36px;
+  background-color: #fafafa;
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+}
+.version-list[data-v-8a62d94b] {
+  max-height: 60vh;
+  box-sizing: border-box;
+  display: grid;
+  grid-template-rows: 0fr;
+  overflow: hidden;
+  transition: 0.3s ease;
+  background-color: #fff;
+}
+.version-list.is-expand[data-v-8a62d94b] {
+  grid-template-rows: 1fr;
+}
+.version-list > div[data-v-8a62d94b] {
+  overflow: hidden;
+}
+.version-list > div[data-v-8a62d94b]:hover {
+  overflow: auto;
+}
+.version-item[data-v-8a62d94b] {
+  height: 40px;
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  cursor: pointer;
+  position: relative;
+  color: #474747;
+  line-height: 1em;
+}
+.version-item[data-v-8a62d94b]:first-child {
+  border-top: 1px solid #f0f0f0;
+}
+.version-item[data-v-8a62d94b]:hover {
+  color: #212528;
+  background-color: hsl(from var(--ant-primary-color) h s 98%);
+}
+.version-item:hover .icon-dingwei[data-v-8a62d94b] {
+  display: none;
+}
+.version-item:hover .actions[data-v-8a62d94b] {
+  display: flex;
+}
+.version-item.active .version-item__name[data-v-8a62d94b],
+.version-item.active .version-item__status[data-v-8a62d94b] {
+  color: #212528;
+  font-weight: 500;
+}
+.version-item .icon-dingwei[data-v-8a62d94b] {
+  position: absolute;
+  top: 50%;
+  right: 12px;
+  transform: translateY(-50%);
+  line-height: 1em;
+}
+.version-item .actions[data-v-8a62d94b] {
+  position: absolute;
+  top: 50%;
+  right: 12px;
+  transform: translateY(-50%);
+  display: none;
+}
+.version-item .actions .iconfont[data-v-8a62d94b] {
+  cursor: pointer;
+  line-height: 1em;
+}
+.version-item .actions .iconfont.icon-fuzhi1[data-v-8a62d94b],
+.version-item .actions .iconfont.icon-shanchu2[data-v-8a62d94b] {
+  color: #8f8f8f;
+}
+.version-item .actions .iconfont.icon-fuzhi1[data-v-8a62d94b]:hover {
+  color: var(--ant-primary-color);
+}
+.version-item .actions .iconfont.icon-shanchu2[data-v-8a62d94b]:hover {
+  color: var(--ant-error-color);
+}

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

@@ -0,0 +1,5 @@
+import { UseProcessStoreType } from './useProcess';
+/**
+ * 获取当前作用域下唯一的 useProcess Store 实例
+ */
+export declare function useProcessStore<T = UseProcessStoreType>(): T;

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

@@ -0,0 +1,18 @@
+import { createProcessStore } from "./useProcess.mjs";
+import { inject, provide } from "vue";
+import { useGctFlowKey } from "@gct-paas/flow";
+//#region src/modules/process-designer/hook/index.ts
+/**
+* 获取当前作用域下唯一的 useProcess Store 实例
+*/
+function useProcessStore() {
+	const key = useGctFlowKey();
+	let store = inject(key);
+	if (!store) {
+		store = createProcessStore(key)();
+		provide(key, store);
+	}
+	return store;
+}
+//#endregion
+export { useProcessStore };