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

package/es/components/UserPick/src/user-pick.vue_vue_type_script_setup_true_lang.mjs

@@ -1,10 +1,9 @@
 import { useModalPickerCom } from "./hooks.mjs";
 import user_item_default from "./components/user-item.vue.mjs";
 import dept_item_default from "./components/dept-item.vue.mjs";
-import "../../../loader.mjs";
-import { PickType } from "../index.mjs";
 import { useModal as useModal$1 } from "../../../modules/global-modal/src/hooks/useModal.mjs";
-import { BasicModal } from "../../../modules/global-modal/index.mjs";
+import "../../../modules/global-modal/index.mjs";
+import { PickType } from "./constants/index.mjs";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, reactive, ref, renderList, resolveComponent, toDisplayString, toRaw, unref, vShow, withCtx, withDirectives } from "vue";
 import { t } from "@gct-paas/core";
 import { Checkbox, Empty, Input, Tree } from "ant-design-vue";
@@ -154,7 +153,8 @@ var user_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			const _component_ScrollContainer = resolveComponent("ScrollContainer");
 			const _component_SearchOutlined = resolveComponent("SearchOutlined");
 			const _component_overlayScrollbarsComponent = resolveComponent("overlayScrollbarsComponent");
-			return openBlock(), createBlock(unref(BasicModal), {
+			const _component_basic_modal = resolveComponent("basic-modal");
+			return openBlock(), createBlock(_component_basic_modal, {
 				height: 500,
 				title: title.value,
 				centered: "",
@@ -181,7 +181,7 @@ var user_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 							onSelect: selectNode,
 							onCheck: checkDept
 						}, {
-							title: withCtx(({ title }) => [_cache[2] || (_cache[2] = createElementVNode("span", { class: "iconfont icon-wenjianjia depticon" }, null, -1)), createTextVNode(" " + toDisplayString(title), 1)]),
+							title: withCtx(({ title_ }) => [_cache[2] || (_cache[2] = createElementVNode("span", { class: "iconfont icon-wenjianjia depticon" }, null, -1)), createTextVNode(" " + toDisplayString(title_), 1)]),
 							_: 1
 						}, 8, [
 							"checked-keys",

package/es/components/UserPick/src/{user-pick.vue_vue_type_style_index_0_scoped_081b9663_lang.css → user-pick.vue_vue_type_style_index_0_scoped_a49a84da_lang.css}

@@ -1,39 +1,39 @@
-.dept[data-v-081b9663] {
+.dept[data-v-a49a84da] {
   background-color: #fafafa;
 }
-.main[data-v-081b9663] {
+.main[data-v-a49a84da] {
   height: 100%;
   border: 1px solid #eaeaea;
 }
-.baseborder[data-v-081b9663] {
+.baseborder[data-v-a49a84da] {
   border-style: solid;
   border-color: #eaeaea;
 }
-[data-v-081b9663] .ant-tree {
+[data-v-a49a84da] .ant-tree {
   background-color: transparent;
 }
-[data-v-081b9663] .ant-tree .ant-tree-treenode {
+[data-v-a49a84da] .ant-tree .ant-tree-treenode {
   padding: 4px;
 }
-[data-v-081b9663] .ant-tree-treenode-selected {
+[data-v-a49a84da] .ant-tree-treenode-selected {
   background: rgba(13, 170, 156, 0.1);
   color: var(--ant-primary-color);
 }
-[data-v-081b9663] .ant-tree-node-content-wrapper.ant-tree-node-selected {
+[data-v-a49a84da] .ant-tree-node-content-wrapper.ant-tree-node-selected {
   background: transparent;
   color: var(--ant-primary-color);
 }
-[data-v-081b9663] .ant-tree-node-content-wrapper:hover {
+[data-v-a49a84da] .ant-tree-node-content-wrapper:hover {
   background-color: transparent;
   color: var(--ant-primary-color);
 }
-.rows[data-v-081b9663] {
+.rows[data-v-a49a84da] {
   padding: 2px 4px;
 }
-.rows[data-v-081b9663]:hover {
+.rows[data-v-a49a84da]:hover {
   background: rgba(13, 170, 156, 0.1);
   color: var(--ant-primary-color);
 }
-.depticon[data-v-081b9663] {
+.depticon[data-v-a49a84da] {
   color: #fcc12b;
 }

package/es/components/image-upload/src/components/base-upload.vue.mjs

@@ -1,8 +1,8 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 import base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default from "./base-upload.vue_vue_type_script_name_baseUpload_setup_true_lang.mjs";
-import './base-upload.vue_vue_type_style_index_1_lang.css';import './base-upload.vue_vue_type_style_index_0_scoped_3248e630_lang.css';/* empty css                                                                  */
+import './base-upload.vue_vue_type_style_index_1_lang.css';import './base-upload.vue_vue_type_style_index_0_scoped_17a11419_lang.css';/* empty css                                                                  */
 /* empty css                                                  */
 //#region src/components/image-upload/src/components/base-upload.vue
-var base_upload_default = /* @__PURE__ */ _plugin_vue_export_helper_default(base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default, [["__scopeId", "data-v-3248e630"]]);
+var base_upload_default = /* @__PURE__ */ _plugin_vue_export_helper_default(base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default, [["__scopeId", "data-v-17a11419"]]);
 //#endregion
 export { base_upload_default as default };

package/es/components/image-upload/src/components/base-upload.vue_vue_type_script_name_baseUpload_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { statusEnum } from "../types/index.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { cloneDeep } from "lodash-es";
-import { MaterialEnum, Uploader, t, uuid2 } from "@gct-paas/core";
+import { MaterialEnum, Uploader, VITE_MINIO_PATH, t, uuid2 } from "@gct-paas/core";
 import { message } from "ant-design-vue";
 //#region src/components/image-upload/src/components/base-upload.vue?vue&type=script&name=baseUpload&setup=true&lang.ts
 var _hoisted_1 = {
@@ -54,7 +54,7 @@ var base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default = /*
 		});
 		watch(() => props.modelValue, async () => {
 			const P = (props.modelValue ? props.modelValue.split(",") : []).map(async (url) => {
-				const path = void 0 + url;
+				const path = VITE_MINIO_PATH + url;
 				return {
 					uid: uuid2(16, 16),
 					path,
@@ -123,7 +123,7 @@ var base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default = /*
 					const path = await Uploader.uploadByFile(file, true, props.modelKey);
 					value.value = [...value.value, path];
 					findItem = Object.assign(findItem, {
-						path: void 0 + path,
+						path: VITE_MINIO_PATH + path,
 						percentNum: 100,
 						status: void 0
 					});
@@ -157,7 +157,7 @@ var base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default = /*
 			const _component_close_circle_filled = resolveComponent("close-circle-filled");
 			const _component_a_image_preview_group = resolveComponent("a-image-preview-group");
 			return openBlock(), createElementBlock(Fragment, null, [withDirectives(createVNode(_component_a_upload_dragger, {
-				class: normalizeClass(__props.disabled ? "upload-disabled" : ""),
+				class: normalizeClass(["gct-upload-image-dragger", __props.disabled ? "upload-disabled" : ""]),
 				style: { "margin": "4px 0" },
 				disabled: __props.disabled,
 				"custom-request": beforeUploadFn,

package/es/components/image-upload/src/components/base-upload.vue_vue_type_style_index_0_scoped_17a11419_lang.css

@@ -0,0 +1,76 @@
+.icon-tupian-shili[data-v-17a11419] {
+  color: var(--ant-primary-color);
+  font-size: 56px;
+  line-height: 56px;
+}
+[data-v-17a11419] .ant-image-mask {
+  border-radius: 4px;
+  font-size: 18px;
+}
+[data-v-17a11419] .ant-image .ant-image-img {
+  border-radius: 4px;
+  object-fit: contain;
+}
+.img-box[data-v-17a11419] {
+  max-height: 268px;
+  overflow-y: auto;
+}
+.img-box[data-v-17a11419]::-webkit-scrollbar {
+  display: block;
+  width: 3px;
+}
+.img-box .img-item[data-v-17a11419] {
+  position: relative;
+  width: 102px;
+  height: 102px;
+  border: 1px dashed #d9d9d9;
+  border-radius: 4px;
+  background-color: #f7f8fa;
+}
+.img-box .img-item .ant-progress[data-v-17a11419] {
+  display: flex;
+  position: absolute;
+  z-index: 1;
+  align-items: center;
+  height: 100%;
+  padding: 10px;
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.img-box .img-item.material-table-field[data-v-17a11419]:nth-child(4n + 4) {
+  margin-right: 0;
+}
+.img-box .img-item .delete-icon-box[data-v-17a11419] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  cursor: pointer;
+}
+.img-box .img-item .delete-icon-box .delete-icon[data-v-17a11419] {
+  color: rgba(0, 0, 0, 0.56);
+  font-size: 24px;
+}
+.img-box .img-item .delete-icon-box .delete-icon[data-v-17a11419]:hover {
+  color: rgba(0, 0, 0, 0.65);
+}
+[data-v-17a11419] .ant-upload.ant-upload-drag {
+  background: #f7f8fa;
+}
+[data-v-17a11419] .ant-upload.ant-upload-drag.ant-upload-disabled {
+  opacity: 1;
+}
+[data-v-17a11419] .ant-upload.ant-upload-drag .ant-upload {
+  padding: 40px 0;
+}
+.upload-disabled .icon-tupian-shili[data-v-17a11419] {
+  color: #c3c3c3;
+}
+[data-v-17a11419] .ant-upload.ant-upload-drag.upload-disabled p.ant-upload-text {
+  color: #c3c3c3;
+}
+[data-v-17a11419] .custom-image-preview.ant-image-mask {
+  background: transparent;
+}
+.ant-image-preview-img {
+  display: unset;
+}

package/es/components/index.d.ts

@@ -9,11 +9,14 @@ import { default as CopyModuleKey } from './copy-module-key/copy-module-key.vue'
 import { IconNext } from './icon-next';
 import { ImageUpload } from './image-upload';
 import { FieldUpload } from './field-upload';
-export { SvgIcon, AssetsSvgIcon, BaseButton, BasicButton, WuJieContainer, DoubleInput, CopyModuleKey, ImageUpload, FieldUpload, IconNext, };
+import { default as PaasBpmnLog } from './paas-bpmn-log/paas-bpmn-log.vue';
+export { SvgIcon, AssetsSvgIcon, BaseButton, BasicButton, WuJieContainer, DoubleInput, CopyModuleKey, ImageUpload, FieldUpload, IconNext, PaasBpmnLog, };
 export { CodeEditor } from './code-editor/code-editor';
 export { ViewContainer } from './layout/view-container/view-container';
 export { Vue3GridDndItem } from './vue3-grid-dnd-item/vue3-grid-dnd-item';
 export * from './UserPick';
+export * from './BpmnRuntime';
+export * from './I18nSelect';
 declare const _default: {
     install(app: App): void;
 };

package/es/components/index.mjs

@@ -10,10 +10,22 @@ import IconNextPicker_default from "./icon-next/src/IconNextPicker.vue.mjs";
 import "./icon-next/index.mjs";
 import "./image-upload/index.mjs";
 import "./field-upload/index.mjs";
+import "./paas-bpmn-log/paas-bpmn-log.vue.mjs";
 import "./code-editor/code-editor.mjs";
 import "./layout/view-container/view-container.mjs";
 import "./vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
+import "./UserPick/src/constants/index.mjs";
 import "./UserPick/index.mjs";
+import "./BpmnRuntime/paas/paas-bpmn-runtime.vue.mjs";
+import "./BpmnRuntime/index.mjs";
+import "./I18nSelect/src/i18n-modal.vue.mjs";
+import "./I18nSelect/src/useI18nSelect.mjs";
+import "./I18nSelect/src/i18n-select-btn.vue.mjs";
+import "./I18nSelect/src/i18n-select-input.vue.mjs";
+import "./I18nSelect/src/i18n-select-input-form.vue.mjs";
+import "./I18nSelect/src/i18n-select-textarea.vue.mjs";
+import "./I18nSelect/src/i18n-select-textarea-form.vue.mjs";
+import "./I18nSelect/index.mjs";
 //#region src/components/index.ts
 var components_default = { install(app) {
 	app.component(AssetsSvgIcon.name, AssetsSvgIcon);

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

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    data: IObject;
+    titleHeight?: number;
+    isDesign?: boolean;
+    hiddenSignature?: boolean;
+    hiddenOpinion?: boolean;
+    isCompeleted?: boolean;
+};
+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, {
+    approvalNodeRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,170 @@
+import avatar_default_default from "../imgs/avatar-default.png.mjs";
+import user_list_default from "./user-list.vue.mjs";
+import { approvalObserver } from "../hooks/useObserver.mjs";
+import image_error_default from "../../../assets/svg/image-error.svg.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withDirectives } from "vue";
+import { ButtonTypeEnum } from "@gct-paas/core";
+//#region src/components/paas-bpmn-log/components/approval-node.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title"];
+var _hoisted_2 = {
+	key: 0,
+	class: "text-[#666666] text-[12px] font-400"
+};
+var _hoisted_3 = { class: "ml4px" };
+var _hoisted_4 = { class: "process-node-content rounded-4px" };
+var _hoisted_5 = { class: "process-node-content-left mr12px" };
+var _hoisted_6 = { class: "avatar-wrap w42px" };
+var _hoisted_7 = { class: "ks-row-center" };
+var _hoisted_8 = ["src"];
+var _hoisted_9 = ["title"];
+var _hoisted_10 = { class: "process-node-content-main ks-col" };
+var _hoisted_11 = { class: "p8px bg-[#FFFFFF] rounded-4px min-h100% pr8px" };
+var _hoisted_12 = { class: "ks-row text-[14px]" };
+var _hoisted_13 = ["title"];
+var _hoisted_14 = {
+	key: 0,
+	class: "ks-row text-[#666666] mt8px"
+};
+var _hoisted_15 = { class: "mr2px" };
+var _hoisted_16 = { class: "bg-[#FFFFFF] pr8px process-node-content-right w148px text-right text-[#8F8F8F] ks-column p8px" };
+var _hoisted_17 = {
+	key: 0,
+	class: "ks-col ks-row-end justify-end"
+};
+var approval_node_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "approval-node",
+	props: {
+		data: {},
+		titleHeight: {},
+		isDesign: { type: Boolean },
+		hiddenSignature: { type: Boolean },
+		hiddenOpinion: { type: Boolean },
+		isCompeleted: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const approvalNodeRef = ref();
+		const needSticky = ref(false);
+		/** 展开/收起仅本地 UI 状态，禁止直接改 props.data */
+		const isExpanded = ref(Boolean(props.data.expand));
+		watch(() => props.data.expand, (v) => {
+			isExpanded.value = Boolean(v);
+		});
+		function toggleExpand() {
+			isExpanded.value = !isExpanded.value;
+		}
+		const approvalColor = {
+			[ButtonTypeEnum.Approve]: "#309C41",
+			[ButtonTypeEnum.Countersign]: "#6931EC",
+			[ButtonTypeEnum.Reassign]: "#31B4EC",
+			[ButtonTypeEnum.Refuse]: "#DB0000",
+			[ButtonTypeEnum.Reject]: "#DB0000"
+		};
+		const approvedList = computed(() => {
+			return props.data.approvalList.filter((e) => e.approval).map((e) => {
+				if (e.approval === ButtonTypeEnum.Countersign) e.userList = e.countersignUsers.map((e) => {
+					return {
+						...e,
+						username: e.fullname
+					};
+				});
+				else if (e.approval === ButtonTypeEnum.Reassign) e.userList = e.reassigner ? [{
+					...e.reassigner,
+					username: e.reassigner?.fullname
+				}] : [];
+				try {
+					const signature = e.signature ? JSON.parse(e.signature).url : "";
+					return {
+						...e,
+						signature
+					};
+				} catch (error) {
+					return e;
+				}
+			});
+		});
+		const approvingData = computed(() => {
+			return props.data.approvalList.filter((e) => !e.approval);
+		});
+		onMounted(() => {
+			if (!props.isDesign) approvalObserver(approvalNodeRef, (isNeed) => {
+				needSticky.value = isNeed;
+			});
+		});
+		return (_ctx, _cache) => {
+			const _component_up_outlined = resolveComponent("up-outlined");
+			const _component_down_outlined = resolveComponent("down-outlined");
+			const _component_a_image = resolveComponent("a-image");
+			return openBlock(), createElementBlock("div", {
+				ref_key: "approvalNodeRef",
+				ref: approvalNodeRef
+			}, [createElementVNode("div", {
+				class: normalizeClass(["process-node-title text-[14px] font-500 mb8px ks-row-middle", [needSticky.value && "sticky-node"]]),
+				style: normalizeStyle({
+					"--type-color": "#309C41",
+					"--sticky-top": `${__props.titleHeight || 0}px`,
+					"--status-color": __props.isCompeleted ? "#3168EC" : "#309C41"
+				})
+			}, [createElementVNode("div", {
+				class: "ell ks-col break-all",
+				title: __props.data.name
+			}, toDisplayString(__props.data.name), 9, _hoisted_1), __props.data.startTime ? (openBlock(), createElementBlock("div", _hoisted_2, [createTextVNode(toDisplayString(__props.data.startTime) + " ", 1), approvedList.value.length > 5 ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: "ml12px text-[var(--ant-primary-color)] cursor-pointer",
+				style: {
+					"display": "inline-flex",
+					"align-items": "center"
+				},
+				onClick: toggleExpand
+			}, [createTextVNode(toDisplayString(isExpanded.value ? _ctx.$t("sys.collapse") : _ctx.$t("sys.unfold")) + " ", 1), createElementVNode("span", _hoisted_3, [isExpanded.value ? (openBlock(), createBlock(_component_up_outlined, { key: 0 })) : (openBlock(), createBlock(_component_down_outlined, { key: 1 }))])])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 6), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(approvedList.value.filter((_e, f) => isExpanded.value || f < 5), (el, j) => {
+				return openBlock(), createElementBlock("div", {
+					key: j,
+					class: "ks-row mb8px bg-[#FBFBFC] p8px"
+				}, [
+					createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("img", {
+						src: el.avatar ? "/minio/" + el.avatar : unref(avatar_default_default),
+						alt: "",
+						width: "32",
+						height: "32",
+						style: { "border-radius": "50%" }
+					}, null, 8, _hoisted_8)]), createElementVNode("div", {
+						class: "ell text-[12px] text-[#666666] mt4px text-center break-all",
+						title: el.username
+					}, toDisplayString(el.username), 9, _hoisted_9)])]),
+					createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [
+						createElementVNode("div", _hoisted_12, [createElementVNode("div", {
+							class: "mr8px",
+							style: normalizeStyle({
+								wordBreak: "keep-all",
+								color: approvalColor[el.approval]
+							})
+						}, toDisplayString(_ctx.$t(`sys.process.paasBpmnButtonEvent.${el.approval}`)), 5), withDirectives(createElementVNode("div", {
+							class: "ell-3 ks-col text-[#666666] break-all",
+							title: el.approvalMsg
+						}, toDisplayString(el.approvalMsg), 9, _hoisted_13), [[vShow, !__props.hiddenOpinion]])]),
+						!__props.hiddenSignature && el.signature ? (openBlock(), createElementBlock("div", _hoisted_14, [createElementVNode("div", _hoisted_15, toDisplayString(_ctx.$t("sys.model.sign")), 1), el.signature ? (openBlock(), createBlock(_component_a_image, {
+							key: 0,
+							width: 64,
+							height: 36,
+							src: __props.isDesign ? el.signature : `/minio/${el.signature}`,
+							fallback: unref(image_error_default)
+						}, null, 8, ["src", "fallback"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+						el.userList && el.userList?.length ? (openBlock(), createBlock(user_list_default, {
+							key: j,
+							class: "mt8px",
+							data: el.userList
+						}, null, 8, ["data"])) : createCommentVNode("", true)
+					])]),
+					createElementVNode("div", _hoisted_16, [createElementVNode("div", null, toDisplayString(el.endTime), 1), el.duration ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(_ctx.$t("sys.integration.timeConsuming")) + ": " + toDisplayString(el.duration), 1)) : createCommentVNode("", true)])
+				]);
+			}), 128)), approvingData.value?.length ? (openBlock(), createBlock(user_list_default, {
+				key: __props.data.key,
+				class: "process-node-content bg-[#FBFBFC] rounded-4px p8px",
+				data: approvingData.value,
+				"tag-name": _ctx.$t("sys.process.status.approving")
+			}, null, 8, ["data", "tag-name"])) : createCommentVNode("", true)])], 512);
+		};
+	}
+});
+//#endregion
+export { approval_node_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/paas-bpmn-log/components/approval-node.vue_vue_type_style_index_0_scoped_a88d7ef9_lang.css

@@ -0,0 +1,51 @@
+.process-node + .process-node[data-v-a88d7ef9] {
+  margin-top: 28px;
+}
+.process-node-title[data-v-a88d7ef9] {
+  position: relative;
+}
+.process-node-title[data-v-a88d7ef9]::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%);
+}
+.process-node-title.sticky-node[data-v-a88d7ef9] {
+  background-color: #ffffff;
+  position: sticky;
+  top: var(--sticky-top);
+  z-index: 9;
+}
+.ell-3[data-v-a88d7ef9] {
+  display: -webkit-inline-box;
+  display: -moz-inline-box;
+  display: inline-flexbox;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  -webkit-box-orient: vertical;
+  -moz-box-orient: vertical;
+  box-orient: 3;
+}
+.border[data-v-a88d7ef9] {
+  border: 1px solid #f0f0f0;
+}
+.user-list[data-v-a88d7ef9] {
+  row-gap: 8px;
+}
+.user-list-item[data-v-a88d7ef9] {
+  border-radius: 28px;
+  margin-right: 16px;
+}
+[data-v-a88d7ef9] .ant-image-img {
+  width: 100%;
+  height: 100%;
+  vertical-align: top;
+}

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

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    data: IObject[];
+    tagName?: string;
+};
+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/components/paas-bpmn-log/components/user-list.vue.mjs

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

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;
+};