@gct-paas/core-web 0.1.4-dev.15 → 0.1.4-dev.17

package/es/components/paas-bpmn-log/components/user-list.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,55 @@
+import avatar_default_default from "../imgs/avatar-default.png.mjs";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, resolveComponent, toDisplayString, unref } from "vue";
+//#region src/components/paas-bpmn-log/components/user-list.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var _hoisted_2 = ["title"];
+var _hoisted_3 = { class: "rounded-50% border w28px h28px ks-row-center-middle text-[var(--ant-primary-color)]" };
+var _hoisted_4 = {
+	key: 1,
+	class: "text-[#3168EC] text-[12px] px4px rounded-4px",
+	style: { backgroundColor: "hsl(from #3168EC h s 92%)" }
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "mt8px primary-gct ks-row"
+};
+var user_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "user-list",
+	props: {
+		data: {},
+		tagName: {}
+	},
+	setup(__props) {
+		const expand = ref(false);
+		return (_ctx, _cache) => {
+			const _component_up_outlined = resolveComponent("up-outlined");
+			return openBlock(), createElementBlock("div", null, [createElementVNode("div", {
+				class: "user-list ks-row-middle cursor-pointer flex-wrap",
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.data.length > 3 && (expand.value = true))
+			}, [
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data?.filter((_e, i) => expand.value || i < 3), (user, u) => {
+					return openBlock(), createElementBlock("div", {
+						key: u,
+						class: "user-list-item border w76px p4px ks-row-middle"
+					}, [createElementVNode("img", {
+						src: user.avatar ? "/minio/" + user.avatar : unref(avatar_default_default),
+						width: "20",
+						height: "20",
+						style: { "border-radius": "50%" }
+					}, null, 8, _hoisted_1), createElementVNode("div", {
+						class: "ml8px ell",
+						title: user.username,
+						style: { "line-height": "20px" }
+					}, toDisplayString(user.username), 9, _hoisted_2)]);
+				}), 128)),
+				__props.data?.length > 3 && !expand.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_3, " +" + toDisplayString(__props.data.length - 3), 1), _cache[2] || (_cache[2] = createElementVNode("div", { class: "text-[#8F8F8F] ml4px mr12px" }, "...", -1))], 64)) : createCommentVNode("", true),
+				__props.tagName ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.tagName), 1)) : createCommentVNode("", true)
+			]), expand.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("span", {
+				class: "cursor-pointer",
+				onClick: _cache[1] || (_cache[1] = ($event) => expand.value = !expand.value)
+			}, [createTextVNode(toDisplayString(_ctx.$t("sys.collapse")) + " ", 1), createVNode(_component_up_outlined)])])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { user_list_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/paas-bpmn-log/components/user-list.vue_vue_type_style_index_0_scoped_27aa2bf0_lang.css

@@ -0,0 +1,10 @@
+.border[data-v-27aa2bf0] {
+  border: 1px solid #f0f0f0;
+}
+.user-list[data-v-27aa2bf0] {
+  row-gap: 8px;
+}
+.user-list-item[data-v-27aa2bf0] {
+  border-radius: 28px;
+  margin-right: 16px;
+}

package/es/components/paas-bpmn-log/hooks/useObserver.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+/**
+ * 监听最近一个出现滚动条的父盒子高度
+ * html HTMLDivElement
+ * callback 获取到高度后的回调
+ */
+export declare function parentObserver(html: Ref<HTMLDivElement>, callback: (needSticky: boolean, parentHeight: number, height: number) => void): void;
+/**
+ * 监听审批节点的高度
+ * html HTMLDivElement
+ * callback 获取到高度后的回调
+ */
+export declare function approvalObserver(html: Ref<HTMLDivElement>, callback: (needSticky: boolean, parentHeight: number, height: number) => void): void;

package/es/components/paas-bpmn-log/hooks/useObserver.mjs

@@ -0,0 +1,46 @@
+import { onBeforeUnmount, ref } from "vue";
+import { useResizeObserver } from "@vueuse/core";
+//#region src/components/paas-bpmn-log/hooks/useObserver.ts
+var parentHeight = ref();
+var observeMap = ref({});
+function getParentHeight(ele) {
+	const p1 = ele?.parentElement;
+	const sH = p1?.scrollHeight;
+	const pH = p1?.clientHeight;
+	if (sH && pH && sH > pH) return p1.clientHeight;
+	if (p1) return getParentHeight(p1);
+	return 0;
+}
+onBeforeUnmount(() => {
+	for (const k in observeMap.value) {
+		observeMap.value[k]?.unobserve(k);
+		observeMap.value[k]?.disconnect();
+	}
+});
+/**
+* 监听最近一个出现滚动条的父盒子高度
+* html HTMLDivElement
+* callback 获取到高度后的回调
+*/
+function parentObserver(html, callback) {
+	observeMap.value[html.value.toString()] = useResizeObserver(html.value, (entries) => {
+		const height = entries[0].target.clientHeight;
+		if (!height) return;
+		parentHeight.value = getParentHeight(html.value);
+		if (callback && typeof callback === "function") callback(height && parentHeight.value && height > parentHeight.value, parentHeight.value, height);
+	});
+}
+/**
+* 监听审批节点的高度
+* html HTMLDivElement
+* callback 获取到高度后的回调
+*/
+function approvalObserver(html, callback) {
+	observeMap.value[html.value.toString()] = useResizeObserver(html.value, (entries) => {
+		const height = entries[0].target.clientHeight;
+		if (!height) return;
+		if (callback && typeof callback === "function") callback(height && parentHeight.value && height > parentHeight.value, parentHeight.value, height);
+	});
+}
+//#endregion
+export { approvalObserver, parentObserver };

package/es/components/paas-bpmn-log/hooks/uselog.d.ts

@@ -0,0 +1,5 @@
+import { ProcessHistoryResult } from '@gct-paas/api/apaas';
+export declare function useLog(): {
+    logDetail: import('vue').Ref<ProcessHistoryResult | undefined, ProcessHistoryResult | undefined>;
+    init: (id: string) => void;
+};

package/es/components/paas-bpmn-log/hooks/uselog.mjs

@@ -0,0 +1,17 @@
+import { ref } from "vue";
+//#region src/components/paas-bpmn-log/hooks/uselog.ts
+function useLog() {
+	const logDetail = ref();
+	function init(id) {
+		getProcessLog(id);
+	}
+	async function getProcessLog(id) {
+		logDetail.value = await _api.apaas.processApprovalLog.getApproveHistory({ id }) || {};
+	}
+	return {
+		logDetail,
+		init
+	};
+}
+//#endregion
+export { useLog };

package/es/components/paas-bpmn-log/imgs/avatar-default.png.mjs

@@ -0,0 +1,4 @@
+//#region src/components/paas-bpmn-log/imgs/avatar-default.png
+var avatar_default_default = "data:image/png;base64,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";
+//#endregion
+export { avatar_default_default as default };

package/es/components/paas-bpmn-log/paas-bpmn-log.vue.d.ts

@@ -0,0 +1,23 @@
+import { ProcessHistoryResult } from '@gct-paas/api/apaas';
+type __VLS_Props = {
+    /**流程实例id */
+    instanceId?: string;
+    /**是否显示标题区域 */
+    showTitle?: boolean;
+    /**标题 */
+    title?: string;
+    /**是否开启表格样式 */
+    isTable?: boolean;
+    /**是否隐藏审批意见 */
+    hiddenOpinion?: boolean;
+    /**是否隐藏签名 */
+    hiddenSignature?: boolean;
+    /**是否是设计模式 */
+    isDesign?: boolean;
+    /**设计模式，假数据 */
+    info?: ProcessHistoryResult;
+};
+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, {
+    histortyRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/components/paas-bpmn-log/paas-bpmn-log.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import paas_bpmn_log_vue_vue_type_script_setup_true_lang_default from "./paas-bpmn-log.vue_vue_type_script_setup_true_lang.mjs";
+import './paas-bpmn-log.vue_vue_type_style_index_0_scoped_c85122b0_lang.css';/* empty css                                                                    */
+//#region src/components/paas-bpmn-log/paas-bpmn-log.vue
+var paas_bpmn_log_default = /* @__PURE__ */ _plugin_vue_export_helper_default(paas_bpmn_log_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c85122b0"]]);
+//#endregion
+export { paas_bpmn_log_default as default };

package/es/components/paas-bpmn-log/paas-bpmn-log.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,245 @@
+import avatar_default_default from "./imgs/avatar-default.png.mjs";
+import { parentObserver } from "./hooks/useObserver.mjs";
+import image_error_default from "../../assets/svg/image-error.svg.mjs";
+import approval_node_default from "./components/approval-node.vue.mjs";
+import { useLog } from "./hooks/uselog.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { BpmnNodeTypeEnum, ProcessStatusEnum, ch_ProcessStatusMap } from "@gct-paas/core";
+import { Empty } from "ant-design-vue";
+//#region src/components/paas-bpmn-log/paas-bpmn-log.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title"];
+var _hoisted_2 = {
+	key: 1,
+	class: "py8px ks-row-middle"
+};
+var _hoisted_3 = ["title"];
+var _hoisted_4 = { class: "text-[12px] text-[#474747]" };
+var _hoisted_5 = {
+	key: 0,
+	class: "bg-[#FFFFFF] rounded-4px p16px text-[12px]"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "py8px"
+};
+var _hoisted_7 = {
+	key: 1,
+	class: "process-node-wrap pl16px"
+};
+var _hoisted_8 = ["title"];
+var _hoisted_9 = {
+	key: 0,
+	class: "text-[#666666] text-[12px] font-400"
+};
+var _hoisted_10 = {
+	key: 2,
+	class: "process-node-content bg-[#FBFBFC] rounded-4px ks-row p8px"
+};
+var _hoisted_11 = { class: "process-node-content-left mr12px" };
+var _hoisted_12 = { class: "avatar-wrap w42px" };
+var _hoisted_13 = { class: "ks-row-center" };
+var _hoisted_14 = ["src"];
+var _hoisted_15 = ["title"];
+var _hoisted_16 = { class: "process-node-content-main ks-col" };
+var _hoisted_17 = {
+	key: 1,
+	class: "node-type-msg"
+};
+var _hoisted_18 = { class: "process-node-content-right w148px text-right text-[#8F8F8F] ks-column" };
+var _hoisted_19 = {
+	key: 0,
+	class: "ks-col ks-row-end justify-end"
+};
+var _hoisted_20 = { key: 1 };
+var _hoisted_21 = { key: 0 };
+var _hoisted_22 = { key: 1 };
+var _hoisted_23 = { key: 2 };
+var paas_bpmn_log_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "paas-bpmn-log",
+	props: {
+		instanceId: {},
+		showTitle: { type: Boolean },
+		title: {},
+		isTable: { type: Boolean },
+		hiddenOpinion: { type: Boolean },
+		hiddenSignature: { type: Boolean },
+		isDesign: { type: Boolean },
+		info: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const histortyRef = ref();
+		const needSticky = ref(false);
+		const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
+		const { logDetail, init } = useLog();
+		const titleHeight = computed(() => {
+			let height = 0;
+			if (props.showTitle && props.title) height += 40;
+			if (!props.isTable) height += 40;
+			return height;
+		});
+		const tableData = computed(() => {
+			return (logDetail.value?.processHistoryList ?? []).reduce((data, item) => {
+				if (item.type === BpmnNodeTypeEnum.BpmnEnd) return data;
+				if (item.type === BpmnNodeTypeEnum.BpmnApproval) data.push(...(item.approvalList.filter((e) => e.approval) || []).map((e) => {
+					try {
+						const signature = e.signature ? JSON.parse(e.signature).url : "";
+						return {
+							...e,
+							signature,
+							name: item.name
+						};
+					} catch (error) {
+						return {
+							...e,
+							name: item.name
+						};
+					}
+				}));
+				else data.push(item);
+				return data;
+			}, []);
+		});
+		watch(() => props.instanceId, (id) => {
+			if (id) init(id);
+		}, { immediate: true });
+		onMounted(async () => {
+			if (!props.isDesign) parentObserver(histortyRef, (isNeed) => {
+				needSticky.value = isNeed;
+			});
+			else logDetail.value = props.info;
+		});
+		return (_ctx, _cache) => {
+			const _component_a_empty = resolveComponent("a-empty");
+			const _component_vxe_column = resolveComponent("vxe-column");
+			const _component_a_image = resolveComponent("a-image");
+			const _component_vxe_table = resolveComponent("vxe-table");
+			return openBlock(), createElementBlock("div", {
+				ref_key: "histortyRef",
+				ref: histortyRef,
+				class: "approval-history relative"
+			}, [createElementVNode("div", { class: normalizeClass(["approval-history-title w100% text-[16px] text-[#242424]", [needSticky.value && "sticky-node"]]) }, [__props.showTitle ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "pt6px pb8px font-500 ell break-all",
+				title: __props.title
+			}, toDisplayString(__props.title), 9, _hoisted_1)) : createCommentVNode("", true), !__props.isTable && unref(logDetail)?.duration ? (openBlock(), createElementBlock("div", _hoisted_2, [unref(logDetail)?.status ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "ell ks-col break-all",
+				title: _ctx.$t("sys.process.processStatus", { status: _ctx.$t(unref(ch_ProcessStatusMap)[unref(logDetail)?.status] || "") })
+			}, toDisplayString(_ctx.$t("sys.process.processStatus", { status: _ctx.$t(unref(ch_ProcessStatusMap)[unref(logDetail)?.status] || "") })), 9, _hoisted_3)) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, toDisplayString(_ctx.$t("sys.pageDesigner.totalTimeSpent")) + "：" + toDisplayString(unref(logDetail)?.duration), 1)])) : createCommentVNode("", true)], 2), !__props.isTable ? (openBlock(), createElementBlock("div", _hoisted_5, [!unref(logDetail)?.processHistoryList?.length ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(_component_a_empty, { image: unref(simpleImage) }, null, 8, ["image"])])) : (openBlock(), createElementBlock("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(logDetail)?.processHistoryList ?? [], (item, i) => {
+				return openBlock(), createElementBlock("div", {
+					key: i,
+					class: "process-node"
+				}, [item.type === unref(BpmnNodeTypeEnum).BpmnApproval ? (openBlock(), createBlock(approval_node_default, {
+					key: i,
+					data: item,
+					"title-height": titleHeight.value,
+					"is-design": __props.isDesign,
+					"hidden-opinion": __props.hiddenOpinion,
+					"hidden-signature": __props.hiddenSignature,
+					"is-last-node": i === (unref(logDetail)?.processHistoryList?.length ?? 0) - 1,
+					"is-compeleted": unref(logDetail)?.status !== unref(ProcessStatusEnum).COMPLETED && i === (unref(logDetail)?.processHistoryList?.length ?? 0) - 1
+				}, null, 8, [
+					"data",
+					"title-height",
+					"is-design",
+					"hidden-opinion",
+					"hidden-signature",
+					"is-last-node",
+					"is-compeleted"
+				])) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "process-node-title text-[14px] font-500 mb8px ks-row-middle",
+					style: normalizeStyle({
+						"--type-color": "#309C41",
+						"--status-color": unref(logDetail)?.status !== unref(ProcessStatusEnum).COMPLETED && i === (unref(logDetail)?.processHistoryList?.length ?? 0) - 1 ? "#3168EC" : "#309C41"
+					})
+				}, [createElementVNode("div", {
+					class: "ell ks-col break-all",
+					title: item.name
+				}, toDisplayString(item.name), 9, _hoisted_8), item.startTime ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(item.startTime), 1)) : createCommentVNode("", true)], 4)), item.type !== unref(BpmnNodeTypeEnum).BpmnEnd && item.type !== unref(BpmnNodeTypeEnum).BpmnApproval ? (openBlock(), createElementBlock("div", _hoisted_10, [
+					createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [createElementVNode("img", {
+						src: item.avatar ? "/minio/" + item.avatar : unref(avatar_default_default),
+						width: "32",
+						height: "32",
+						style: { "border-radius": "50%" }
+					}, null, 8, _hoisted_14)]), createElementVNode("div", {
+						class: "ell text-[12px] text-[#666666] mt4px text-center break-all",
+						title: item.username
+					}, toDisplayString(item.username), 9, _hoisted_15)])]),
+					createElementVNode("div", _hoisted_16, [item.type === unref(BpmnNodeTypeEnum).BpmnSubmit || item.type === unref(BpmnNodeTypeEnum).BpmnJs ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "node-type-msg circle",
+						style: normalizeStyle({ "--type-color": item.type === unref(BpmnNodeTypeEnum).BpmnSubmit ? "#3168EC" : "#309C41" })
+					}, toDisplayString(item.message), 5)) : item.type === unref(BpmnNodeTypeEnum).BpmnMessage ? (openBlock(), createElementBlock("div", _hoisted_17, [withDirectives(createElementVNode("span", { class: "text-[#309C41] mr14px" }, toDisplayString(_ctx.$t("sys.pageDesigner.numOfSuccesses", { num: ` ${item.success} ` })), 513), [[vShow, item.success]]), withDirectives(createElementVNode("span", { class: "text-[#F54547]" }, toDisplayString(_ctx.$t("sys.pageDesigner.numOfError", { num: ` ${item.error} ` })), 513), [[vShow, item.error]])])) : createCommentVNode("", true)]),
+					createElementVNode("div", _hoisted_18, [createElementVNode("div", null, toDisplayString(item.endTime), 1), item.duration ? (openBlock(), createElementBlock("div", _hoisted_19, toDisplayString(_ctx.$t("sys.integration.timeConsuming")) + ": " + toDisplayString(item.duration), 1)) : createCommentVNode("", true)])
+				])) : createCommentVNode("", true)]);
+			}), 128))]))])) : (openBlock(), createElementBlock("div", _hoisted_20, [createVNode(_component_vxe_table, {
+				data: tableData.value,
+				height: 264,
+				"show-overflow": "title",
+				"column-config": { resizable: true },
+				class: normalizeClass({ default: true })
+			}, {
+				empty: withCtx(() => [createVNode(_component_a_empty, { image: unref(simpleImage) }, null, 8, ["image"])]),
+				default: withCtx(() => [
+					createVNode(_component_vxe_column, {
+						type: "seq",
+						title: _ctx.$t("sys.pageDesigner.index"),
+						width: "60"
+					}, null, 8, ["title"]),
+					createVNode(_component_vxe_column, {
+						field: "name",
+						title: _ctx.$t("sys.appDesigner.approval.nodeName"),
+						"min-width": "100px"
+					}, null, 8, ["title"]),
+					createVNode(_component_vxe_column, {
+						field: "username",
+						title: _ctx.$t("sys.pageDesigner.handler"),
+						"min-width": "100px"
+					}, null, 8, ["title"]),
+					createVNode(_component_vxe_column, {
+						field: "message",
+						title: _ctx.$t("sys.pageDesigner.handleOperation"),
+						"min-width": "160px"
+					}, {
+						default: withCtx(({ row }) => [row.type === unref(BpmnNodeTypeEnum).BpmnApproval ? (openBlock(), createElementBlock("div", _hoisted_21, toDisplayString(_ctx.$t(`sys.process.paasBpmnButtonEvent.${row.approval}`)), 1)) : row.type === unref(BpmnNodeTypeEnum).BpmnMessage ? (openBlock(), createElementBlock("div", _hoisted_22, [withDirectives(createElementVNode("span", null, [createTextVNode(toDisplayString(_ctx.$t("sys.pageDesigner.numOfSuccesses", { num: row.success })) + " ", 1), withDirectives(createElementVNode("span", null, "，", 512), [[vShow, row.error]])], 512), [[vShow, row.success]]), withDirectives(createElementVNode("span", null, toDisplayString(_ctx.$t("sys.pageDesigner.numOfError", { num: row.error })), 513), [[vShow, row.error]])])) : (openBlock(), createElementBlock("div", _hoisted_23, toDisplayString(row.message), 1))]),
+						_: 1
+					}, 8, ["title"]),
+					createVNode(_component_vxe_column, {
+						field: "endTime",
+						title: _ctx.$t("sys.pageDesigner.handleTime"),
+						"min-width": "180px"
+					}, null, 8, ["title"]),
+					!__props.hiddenOpinion ? (openBlock(), createBlock(_component_vxe_column, {
+						key: 0,
+						field: "approvalMsg",
+						title: _ctx.$t("sys.appDesigner.approval.opinion"),
+						"min-width": "90px"
+					}, null, 8, ["title"])) : createCommentVNode("", true),
+					!__props.hiddenSignature ? (openBlock(), createBlock(_component_vxe_column, {
+						key: 1,
+						field: "signature",
+						title: _ctx.$t("sys.model.sign"),
+						"min-width": "80px"
+					}, {
+						default: withCtx(({ row }) => [row.signature ? (openBlock(), createBlock(_component_a_image, {
+							key: 0,
+							width: 38,
+							height: 22,
+							src: __props.isDesign ? row.signature : `/minio/${row.signature}`,
+							fallback: unref(image_error_default)
+						}, {
+							previewMask: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "iconfont icon-chakan1" }, null, -1)])]),
+							_: 1
+						}, 8, ["src", "fallback"])) : createCommentVNode("", true)]),
+						_: 1
+					}, 8, ["title"])) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["data"])]))], 512);
+		};
+	}
+});
+//#endregion
+export { paas_bpmn_log_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/paas-bpmn-log/paas-bpmn-log.vue_vue_type_style_index_0_scoped_c85122b0_lang.css

@@ -0,0 +1,54 @@
+.process-node-wrap[data-v-c85122b0] {
+  border-left: 1px dashed #e0e3ea;
+}
+.process-node-wrap .process-node + .process-node[data-v-c85122b0] {
+  margin-top: 28px;
+}
+.process-node-wrap .process-node-title[data-v-c85122b0] {
+  position: relative;
+}
+.process-node-wrap .process-node-title[data-v-c85122b0]::before {
+  content: ' ';
+  display: block;
+  width: 6px;
+  height: 6px;
+  position: absolute;
+  top: 7px;
+  left: -19px;
+  background-color: var(--status-color);
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px hsl(from var(--status-color) h s 93%);
+}
+.node-type-msg[data-v-c85122b0] {
+  color: var(--type-color);
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+  position: relative;
+  padding-left: 9px;
+}
+.node-type-msg.circle[data-v-c85122b0]::before {
+  content: ' ';
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: var(--type-color);
+  position: absolute;
+  left: 0;
+  bottom: 8px;
+}
+[data-v-c85122b0] .ant-image-img {
+  width: 100%;
+  height: 100%;
+  vertical-align: top;
+}
+.sticky-node[data-v-c85122b0] {
+  background-color: #ffffff;
+  position: sticky;
+  top: 0;
+  z-index: 9;
+}
+[data-v-c85122b0] .vxe-table--render-default .vxe-body--column.col--ellipsis {
+  height: 44px;
+}

package/es/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export { useLocale } from './useLocale';
 export { useTheme } from './useTheme';
 export { UseDragByLine } from './useDragLine';
-export { useDesign } from './useDesign';
 export * from './useFile';

package/es/hooks/index.mjs

@@ -1,5 +1,4 @@
 import "./useLocale.mjs";
 import "./useTheme.mjs";
 import "./useDragLine.mjs";
-import "./useDesign.mjs";
 import "./useFile.mjs";

package/es/index.mjs

@@ -40,15 +40,34 @@ import copy_module_key_default from "./components/copy-module-key/copy-module-ke
 import IconNext_default from "./components/icon-next/src/IconNext.vue.mjs";
 import { MessageUtil } from "./utils/message-util/message-util.mjs";
 import { monacoLoader } from "./utils/monaco-loader/monaco-loader.mjs";
+import { useLocale } from "./hooks/useLocale.mjs";
+import { useTheme } from "./hooks/useTheme.mjs";
+import { UseDragByLine } from "./hooks/useDragLine.mjs";
+import { fileUrlParser, transformUrl } from "./hooks/useFile.mjs";
+import "./hooks/index.mjs";
 import { OverlayController, overlay } from "./utils/overlay-controller/overlay-controller.mjs";
 import { withInstall } from "./utils/with-install.mjs";
 import "./utils/index.mjs";
 import { ImageUpload } from "./components/image-upload/index.mjs";
 import { FieldUpload } from "./components/field-upload/index.mjs";
+import paas_bpmn_log_default from "./components/paas-bpmn-log/paas-bpmn-log.vue.mjs";
 import { CodeEditor } from "./components/code-editor/code-editor.mjs";
 import { ViewContainer } from "./components/layout/view-container/view-container.mjs";
 import { Vue3GridDndItem } from "./components/vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
-import { PickType, useModalPicker } from "./components/UserPick/index.mjs";
+import { useModalDragMove } from "./modules/global-modal/src/hooks/useModalDrag.mjs";
+import { useModalContext } from "./modules/global-modal/src/hooks/useModalContext.mjs";
+import { useModal, useModalInner } from "./modules/global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "./modules/global-modal/index.mjs";
+import { PickType } from "./components/UserPick/src/constants/index.mjs";
+import { useModalPicker } from "./components/UserPick/index.mjs";
+import paas_bpmn_runtime_default from "./components/BpmnRuntime/paas/paas-bpmn-runtime.vue.mjs";
+import i18n_modal_default from "./components/I18nSelect/src/i18n-modal.vue.mjs";
+import { useI18nSelect } from "./components/I18nSelect/src/useI18nSelect.mjs";
+import i18n_select_btn_default from "./components/I18nSelect/src/i18n-select-btn.vue.mjs";
+import i18n_select_input_default from "./components/I18nSelect/src/i18n-select-input.vue.mjs";
+import i18n_select_input_form_default from "./components/I18nSelect/src/i18n-select-input-form.vue.mjs";
+import i18n_select_textarea_default from "./components/I18nSelect/src/i18n-select-textarea.vue.mjs";
+import i18n_select_textarea_form_default from "./components/I18nSelect/src/i18n-select-textarea-form.vue.mjs";
 import "./components/index.mjs";
 import { openFormulaEditor } from "./modules/formula-editor/formula-editor.mjs";
 import "./modules/formula-editor/index.mjs";
@@ -65,12 +84,6 @@ import { GctTableController, useTableController } from "./modules/gct-table/cont
 import { useAntTableScrollHeight } from "./modules/gct-table/hooks/use-ant-table/use-ant-table.mjs";
 import { TableEditorRegister } from "./modules/gct-table/register/table-editor-register/table-editor-register.mjs";
 import "./modules/gct-table/index.mjs";
-import { useLocale } from "./hooks/useLocale.mjs";
-import { useTheme } from "./hooks/useTheme.mjs";
-import { UseDragByLine } from "./hooks/useDragLine.mjs";
-import { useDesign } from "./hooks/useDesign.mjs";
-import { fileUrlParser, transformUrl } from "./hooks/useFile.mjs";
-import "./hooks/index.mjs";
 import { useEditorConsole, useEditorConsoleInner } from "./modules/code-editor/useEditorConsole.mjs";
 import { Lang, Prop, Theme } from "./modules/code-editor/useMonacoEditor.mjs";
 import { MonacoEditor } from "./modules/code-editor/index.mjs";
@@ -81,10 +94,6 @@ import GctDndItem from "./modules/gct-dnd/components/gct-dnd-item/gct-dnd-item.m
 import { GctDndDropLine } from "./modules/gct-dnd/components/gct-dnd-drop-line/gct-dnd-drop-line.mjs";
 import GctDndContainer from "./modules/gct-dnd/components/gct-dnd-container/gct-dnd-container.mjs";
 import "./modules/gct-dnd/index.mjs";
-import { useModalDragMove } from "./modules/global-modal/src/hooks/useModalDrag.mjs";
-import { useModalContext } from "./modules/global-modal/src/hooks/useModalContext.mjs";
-import { useModal, useModalInner } from "./modules/global-modal/src/hooks/useModal.mjs";
-import { BasicModal } from "./modules/global-modal/index.mjs";
 import { CropperAvatar, CropperFree, CropperImage } from "./modules/Cropper/index.mjs";
 import { coreWebCreateAppVue } from "./create-app-vue.mjs";
 import { coreWebSetupApp } from "./setup-app.mjs";
@@ -98,4 +107,4 @@ function onInit() {
 }
 onInit();
 //#endregion
-export { AssetsSvgIcon, base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, ColorPicker_default as ColorPicker, copy_module_key_default as CopyModuleKey, CropperAvatar, CropperFree, CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormController, GctTableController, IconNext_default as IconNext, ImageUpload, Lang, MessageUtil, MonacoEditor, OverlayController, PickType, Prop, svg_icon_default as SvgIcon, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, WuJieContainer, coreWebCreateAppVue, coreWebSetupApp, fileUrlParser, gctFormItemEditorProps, monacoLoader, openFormulaEditor, overlay, transformUrl, useAntTableScrollHeight, useDesign, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, withInstall };
+export { AssetsSvgIcon, base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, ColorPicker_default as ColorPicker, copy_module_key_default as CopyModuleKey, CropperAvatar, CropperFree, CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormController, GctTableController, i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, IconNext_default as IconNext, ImageUpload, Lang, MessageUtil, MonacoEditor, OverlayController, paas_bpmn_log_default as PaasBpmnLog, paas_bpmn_runtime_default as PaasBpmnRuntime, Prop, svg_icon_default as SvgIcon, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, PickType as UserPickType, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, WuJieContainer, coreWebCreateAppVue, coreWebSetupApp, fileUrlParser, gctFormItemEditorProps, monacoLoader, openFormulaEditor, overlay, transformUrl, useAntTableScrollHeight, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useI18nSelect, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, withInstall };

package/es/modules/Cropper/src/CopperFreeModal.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
-import './CopperFreeModal.vue_vue_type_style_index_0_scoped_28afc2ab_lang.css';/* empty css                                                                      */
+import './CopperFreeModal.vue_vue_type_style_index_0_scoped_d24895d3_lang.css';/* empty css                                                                      */
 //#region src/modules/Cropper/src/CopperFreeModal.vue
-var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-28afc2ab"]]);
+var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-d24895d3"]]);
 //#endregion
 export { CopperFreeModal_default as default };

package/es/modules/Cropper/src/CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs

@@ -1,11 +1,9 @@
-import { useDesign } from "../../../hooks/useDesign.mjs";
-import "../../../hooks/index.mjs";
 import { useModalInner } from "../../global-modal/src/hooks/useModal.mjs";
 import { BasicModal } from "../../global-modal/index.mjs";
 import Cropper_default from "./Cropper.vue.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
 import { isFunction } from "lodash-es";
-import { dataURLtoBlob, t } from "@gct-paas/core";
+import { dataURLtoBlob, t, useNamespace } from "@gct-paas/core";
 import { Space, Tooltip, Upload, message } from "ant-design-vue";
 import { ReloadOutlined } from "@ant-design/icons-vue";
 //#region src/modules/Cropper/src/CopperFreeModal.vue?vue&type=script&setup=true&name=CropperModal&lang.ts
@@ -55,7 +53,7 @@ var CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_defaul
 		const fileAccept = computed(() => {
 			return props.accept.map((e) => `image/${e}`).join(",");
 		});
-		const { prefixCls } = useDesign("cropper-free");
+		const ns = useNamespace("cropper-free");
 		const [register, { closeModal, setModalProps }] = useModalInner((data) => {
 			if (data?.file) handleBeforeUpload(data.file);
 		});
@@ -134,7 +132,7 @@ var CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_defaul
 				onOk: handleOk,
 				onCancel: handleCancel
 			}), {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(prefixCls)) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-left`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-cropper`) }, [src.value ? (openBlock(), createBlock(Cropper_default, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(ns).b()) }, [createElementVNode("div", { class: normalizeClass(unref(ns).b("left")) }, [createElementVNode("div", { class: normalizeClass(unref(ns).b("cropper")) }, [src.value ? (openBlock(), createBlock(Cropper_default, {
 					key: 0,
 					src: src.value,
 					height: "304px",
@@ -156,7 +154,7 @@ var CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_defaul
 					_: 1
 				})]))], 2), src.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass(`${unref(prefixCls)}-toolbar`)
+					class: normalizeClass(unref(ns).b("toolbar"))
 				}, [createVNode(unref(Upload), {
 					"file-list": [],
 					accept: fileAccept.value,